Surface Pro 3 & Surface 2

 

Website highlighting and romanticizing the cool new features of Surface Pro 3 and Surface 2

In collaboration with the Microsoft Store team, we created a sub-site for Surface 2 and Surface Pro 3. Each product includes an overview, feature and a technical specifications page. I specifically worked on the Surface 2 pages and homepage as the UX Designer and Content Strategist. 

 
SurfacePro_Introduction-Image.jpg
 
 

The goal

To romanticize Surface 2 and Surface Pro 3. We wanted to grow the interest in these products by displaying their innovative features. 

 
 

Process

 

The design team conducted product research and user research to see what features were most important to highlight. Through white boarding sessions, the team defined the features to highlight and how to execute them.

I worked closely with our developer each step of the way, making sure the design vision came to fruition in development. I specifically worked on the Surface 2 pages, and added design input to the Surface Pro 3 pages.

 
 

Designs

 
Surface_Homescreen.jpg
 
 
Rio_Tablet1.jpg
 
 

Detail page

I wanted to highlight the top 3 features of the Surface 2 above the fold. I used an iconography treatment to provide the user with a simple way to quickly digest the information. 

 
 
Surface2-DetailPage.jpg