MICROSOFT

Bing Maps for Surface

Application which focuses on direct manipulation of content

Project Background

Role
Visual Design Lead

Company
Microsoft

Tools
Photoshop, Illustrator

Team
Project Manager, Visual Designer (Me), Interaction Designer

We worked with the Microsoft Bing team to design and develop a touch-first, multi-user version of Bing Maps for Microsoft's Surface table. At the time, it was the only application that came pre-installed on the Microsoft Surface touch-table platform.

The Bing Maps application we created, focused on direct manipulation of content and stripped away all unnecessary UI, instead of using numerous buttons and heavy chrome that are in many ways an impedance to interaction.

Responsibilities — I was responsible for the look and feel and UI. I collaborated with the Interaction Designer and developers from initial concepts to final delivery.

Bing-Img-09
Bing-Img-14
Bing-Img-15

Wireframes & Mockups

I worked closely with the interaction designer to transform their simple, but detailed wireframes into high-fidelity visual design comps. Below are a few examples of this transition. All high-fidelity design work was created in Adobe Illustrator.

Bing_Maps_for_Surface_3-1080
Bing_vd_v4r003_05
Bing_Maps_for_Surface_4-1080
Bing_vd_v4r003_04
Bing_Maps_for_Surface_9-1080
Bing_vd_v4r003_06

Awards

2013
HOW Design International Design Awards
Award: Merit Award, App Design