![](https://images.squarespace-cdn.com/content/v1/5e24f2401324310e95eb1627/1599693293336-TBHKW6D2CWPX0COSLUSK/surface_BGK.png)
SURFACE & XBOX
Proof of Concept website to change Microsoft Store and Marketing teams moving forward
![](https://images.squarespace-cdn.com/content/v1/5e24f2401324310e95eb1627/1599947007204-2J2I7DOEKE13RJHAM2A6/surface_BGK.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
Surface Pro 3 Overview
Features
Tech Specs
![](https://images.squarespace-cdn.com/content/v1/5e24f2401324310e95eb1627/1601853983856-MCM6GYQZG6QG59D669VW/surface_BGK.png)
Xbox
We then redid it all over again for Xbox, from nothing to final design in 2 weeks
![](https://images.squarespace-cdn.com/content/v1/5e24f2401324310e95eb1627/1602357128424-CEOGNGLMI5KJ85DJDIHB/surface_dark.png)