SURFACE & XBOX

Proof of Concept website to change Microsoft Store and Marketing teams moving forward

Surface_xbox_dual.png

Problems & Goals

 

Microsoft has multiple web sites for the same product. For example, Surface and Xbox have Marketing and Store sites with basically the same content (one is more story-driven and the other is more “buy focused”). There was an initiative to combine site content to make a more seamless experience for the customer with Surface and Xbox serving as proofs of concept.

 

Solution & Impact

 

The Store Team asked me to help lead this project even thought I wasn’t on the team. I helped lead a group of designers and editors and I was in charge of content for pages and designs. I challenged the model they had and advocated for an improved UX I created. We moved forward with my model. The Surface prototype was A/B test and it had 21% lift of Surface orders over the control (existing Store pages). The learnings where incorporated into all sites for “One” Microsoft moving forward.

 

Team & Responsibilities

 

The deadline we had was 2 weeks from conception to final designs for the entire new site. We had five designers assigned to the project. Once I had the content strategy and wire-frames for the pages, we assigned pages to each designer and divided and conquered.

Navigation, Content Strategy, Wire-frames for each page, Design for certain pages, CSS animations, Art Direction.

Surface Family Page

We started with Surface as the first site to redesign

925_surface_web.png

Surface Pro 3 Overview

925_surfacepro3_web.png

Features

925_Surface3features_web.png

Tech Specs

925_3Tech_web.png

Xbox

We then redid it all over again for Xbox, from nothing to final design in 2 weeks

xbox_POV_all.png

Process

surface_process_size.png
Previous
Previous

EXPLORE STORIES

Next
Next

EXPERIMENTATION