Microsoft Store Details Pages

Background

In addition to the Store Locator, I also got to design the template for specific store locations' landing pages and events. In a nutshell, you could see an overview of info and events at the store near you and drill down and search for events and even add them to your calendars.

My Role

  • Brainstorming & Wireframing
  • UX and Visual Design
  • Production

  • CLE_Redesign_FYI.png
  • B&MLP_Standard_Opt1.png
  • B&MLP_Standard_Opt3_v1.png
  • IMG_0702.png

Store Details Page Home

Here we have a few different layout options, but each solution contained the following:

  • Store Name, Map, Address, Hours and Contact Info
  • Demo Videos
  • Event Schedule
  • The ability to schedule different types of appointments: Answer Desk, personal Shopping or Personal Training
  • Amenities/highlights of the store
  • Available Coupons

  • 1_Event_List_View.png
  • 3_Event_SearchResults.png
  • Calendar.png
  • Event Series.png
  • Event_Page_v1.png

Event Calendar, Search and Events

The user could also drill down into their store's full events calendar or search for future events. I designed all of the elements for this page myself following Microsoft's "Metro" Brand Guidelines. Also shown here is an event series with details and one specific event itself.

  • DemandGen_Office.png
  • 10850_Surface_CLE_StoreAgnostic_Win8Features.png

Demand Gen Store Details Pages

Each store's pages could even be skinned to endorse specific product launches at the store, such as the new Office suite or Surface launch.