MSN Money/Bing Finance for Windows 8

Sep 2011 – May 2012, Bing App Experiences(AppEx) | Applications and Services Group(ASG) | Microsoft

As a default app on Windows 8, Bing/MSN Finance app was designed to show the full potential of Microsoft’s Metro design language. As the lead designer, I led the overall visual design, information architecture, and UX. I developed the full-bleed ‘hero’ image concept as a signature design element. The app shows the bold use of typography, color, and images.

Since our target users were general Windows users, unlike traditional financial apps that have heavy look & feel with black dark themes, I designed the app with bright colors and layout while incorporating some of the important conventional financial data design patterns.

Goal

The main design goal was to create a magazine style rich content consumption experience. Based on Windows 8’s horizontal scrolling mechanism, I designed information architecture in a way that makes the user’s reading flow natural and enjoyable. Starting with the real-time stock market indices and ‘Top Stories’ news section, the app shows ‘Watchlist’, ‘Personal Finance’ and useful financial tools such as mortgage calculator.

Media Reviews

Screenshots