Design strategy & Ux Design
Home Depot Store Pages
A redesign of the store details pages of homedepot.ca to improve accessibility and visibility of store hours, store services, google reviews, and general content.
May - August 2022
A redesign of the store details pages of homedepot.ca to improve accessibility and visibility of store hours, store services, google reviews, and general content.
May - August 2022
Lead design strategy and design facilitated design sprint, stakeholder presentations, research, UI design, user testing
Project built for Home Depot Canada during a four-month summer internship. Our stakeholder in this project was the internal SEO team.
Built in collaboration with Manan Monga, internal UX strategists, designers, and researchers; and members of the SEO team.
Elements on the store pages have layout, user experience, and accessibility inconsistencies which can potentially result in less referral traffic and lower sales.
We created an agile design process centered around the design thinking methodology. We facilitated design sprints with internal teams and stakeholders to keep everyone involved throughout the project.
Darker boxes on the diagram below represent activities done with the larger UX and SEO team.
Discussion on current state
Our stakeholders briefed us about sections on current pages that need to be improved. Users are missing essential clickable elements; there is excessive white space taking attention away from content; google reviews are absent resulting in less customer interaction.
"How might we" exercise
In a design sprint activity, we generated "How Might We" questions based on the project brief. We created priority clusters to outline our main goals and scope.
Competitive Analysis
Comparing features on several e-commerce platforms, we found the best practices used in the industry for store pages.
1. How store hours are displayed (especially when there were many different kinds of store hours)
2. The location and placement of store reviews
3. How the store services information is displayed (the presence of icons vs text to describe them)
4. Truck / tool rental information
5. Display of flyers / banners
How might we help potential home depot customers by making the store details pages more accessible, understandable, and engaging?
Crazy 4s
Based on the best practices seen in the competitive analysis, the UX team and stakeholders did four sets of quick two-minute sketching to come up with ideas on how features on the new store pages can look/operate.
After this exercise, the designers on the team used elements from this exercise to create a more refined sketches using the Home Depot design system.
Final Sketches
Designers presented final sketches and the team commented on, and voted on aspects and features to include on the pages.
New store details pages with updated store hours, store services, accessibility information, and addition of google reviews. The new pages incorporate more icons, minimize excess white space, and enable better customer engagement.
We created the final user interface for mobile and desktop through working with the design system and getting feedback in several review meetings.
Script Planning and Unmoderated User Testing
We worked with a UX researcher and planned questions for unmoderated user testing with participants. We launched 12 tests to gather insights on how the new pages are used and if they require changes.
Insight Summary
Based on the user tests, we had some insights on how to develop the project further and the elements to modify.
Project Outcome
As a result of this project, the new store pages are made more accessible and understandable to potential home depot customers. The use of more icons, making better use of the space (less whitespace), and new layout for the store hours allows for a seamless experience when customers look up store details information.
Home Depot Design System
Working with a design system taught me about components / variants and the importance of consistency. Throughout the project, I used consistent icons, spacing, colors, and layouts.
Collaborating with Third-Party Development Teams
If I was at Home Depot for a longer time, I would like to collaborate more with developers to understand where I can improve in terms of communicating specs and have more knowledge on feasibility concerns.
