Microsoft Store Locations Finder

Hero.png

Background

As the agency of record for Microsoft Store digital, Drumroll got to shape a lot of the company's early site work. Here's an early store locator flow I designed when they still had a modest amount of brick and mortar stores open, though they started popping up around the country very quickly.

My Role

  • Brainstorming & Wireframing
  • UX and Visual Design
  • Production

Sketch/Notes

  • IMG_0706.png

Store Locations Home / Search

The store locations homepage featured 3 ways to search for stores:

  • By entering zip/city/state/province and searching
  • By selecting the stores available from a dropdown
  • By simply viewing a list of all locations (remember: there weren't a ton when we started)

As well as a banner carousel of images from select stores and some of the amenities that await the customer in store.

  • 01_Combined_Search.png

Example Search Results Page

  • 02_Results.png

Example Store Details Page

When a user finds their desired store, they can click on it to see more details about the store and see its event calendar as well as get in-store coupons.

  • CLE_Redesign_FYI.png

Example: No Stores Found

If a user entered a zip or location with no stores, we gave them this personable message and showed them how they could interact with the brand (and ask for a store in their town!) online and on social media.

  • 03_No_Results.png

All Store Locations List

  • 05_All_Locations.png