STORE LOCATOR
PURPLE.COM
A deeper dive into designing the new Store Locator for Purple.com
Purple's new store locator is an essential tool for customers to find nearby locations and easy-to-read maps with store details like hours, product assortment and contact information, ensuring a smooth and efficient customer journey. Designed with a mobile-responsive design to ensure that users on all devices can quickly locate stores when they are on the go.
For this project, I created multiple tokens within our Design System which helped us scale this design across multiple store pages and ensured we stayed within brand guidelines.
We conducted user research to prove that our design was easy for customers to navigate as well as had all the necessary information they would need to find a store near them.
What WE KNEW AT THE BEGINNING
Our customers use maps to find the closest location to them
When looking for a location nearest to them, clients use their phones to find the closest location and directions
Purple stores are the most trusted with the best selection
In user-testing we learned that customers expect the largest selection and best customer experience at a Purple store
How Might We: Add Filtering
Customers wanted to be able to find stores with specific products they were interested in
RESEARCH PHASE
We refined our design through several iterations, continuously incorporating insights from user testing to inform our next steps. I worked closely with a small but mighty team that included a UX researcher to develop each version that we tested.
User 1:
"I would want to be able to know what products where available in the stores"
​
(too busy for her)
User 2:
"Authorized retailers have a better selection and features as compared tot Purple Stores"
(more information on authorized retailer pages than Purple Pages)
User 3:
"I want to be able to filter by product type"
(there is a want for a more robust store locator)
Additional Features
We added in more robust filters which included store name and product types knowing this was something people wanted to use in testing.
Design System Edits:
To our own design system, we added pills which would show up after a user filters by store name or products in-store.
We validated our final design through one more user test to make sure customers were able to navigate the locator with no issues or concerns about heirarchy.
THE DESIGN SYSTEM
As part of this project, I expanded Purple's brand design system by adding new features and mapping out all the related atoms, molecules, and organisms that supported the new functionality on the site.