Home Depot Store Pages
Refreshing and redesigning the existing store pages on homedepot.ca with the aim of improving the layout, user experience, and accessibility.
Category
tools used
Deliverables
Website
Visit website
Overview
The store pages (stores.homedepot.ca) drive a significant amount of referral traffic to homedepot.ca. In fact, the store pages drove ~3.6 million visits in Q1 2022 only. The widget that initially displayed the store hours had tabs that weren't clear to some customers. Additionally, the SEO team wanted to add Google Reviews to the page to add fresh content and assist with the overall customer experience by including keywords on the page to optimize SEO.
Mandate was to redesign store hours widget, add google reviews, make layout changes to minimize whitespace and text, and find ways to reduce long left-hand menu.
Project led in collaboration with Manan Monga. Both Manan and I were the leads of design and strategy with other members as support roles participating in design sprints and review meetings.
Research
Initial State
There's an unnecessary use of tabs in store hours and services that confuses the customer and too much information or too much whitespace.
Desktop:
- Unclear store hours widget tabs (that cannot be tabbed through using a screen reader)
- Long left-hand menu that cause too much empty space
- Flyers with store deals take up too much room
Mobile:
- Lack of visibility of home services because of tabs used
- Too much information in the rental sections
- Flyers with store deals take up too much room
Competitive Analysis
We did a competitive analysis to see how other e-commerce platforms tackled similar pages and features.
Insights:
Store Hours Widget
- Most websites included an "open now" or "closed" close to the store hours for customers to quickly find
- Tabs are non-existent
Review Placement / Features
- Stores with reviews listed them at the bottom of the page
- Some stores had reviews that weren't liked with google
- One store included a proof of purchase before submitting review
- When clicking map on the store page, some websites would direct you to google maps right away
Services Information / Icons
- Majority of retailers used icons for services
- One website had a horizontal menu of services rather than vertical
Rentals
-
Ideation
Crazy 4s
Final Sketching
Prototyping
Figma Prototypes
Prototype Reviews
Takeaways
- Insights
- More time --
Let’s Skyrocket Your Next Project Together
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Turpis scelerisque purus eu quis lacus, nibh pharetra.
