Introduction
The Home Depot Canada’s website faced usability challenges that hindered the shopping experience and negatively impacted conversion rates. This case study focuses on the user-centered redesign project to streamline navigation, improve mobile optimization and boost conversion rates.
The Challenge
The existing Home Depot Canada website suffered from:
- Navigation: Difficult to use menus and unclear site structure caused user confusion and prevented users from finding desired products.
- Visual Inconsistencies: A lack of a consistent visual language created a disjointed experience and damaged the brand image.
- Poor Mobile Optimization: The website did not adapt well to mobile devices, resulting in poor user experience on mobile devices and loss of conversions.
My Role
As UX Designer, I led the design process, focusing on:
- User Research: Planning and executing user interviews and surveys to identify key user pain points and needs.
- Design Strategy: Defining a user-focused design strategy that aligned with Home Depot’s business goals (increased online sales, improved user experience).
- Interaction Design: Designing user flows, wireframes, and prototypes to optimize navigation, the checkout process, and product pages.
- Usability Testing: Planning and conducting usability testing sessions to gather feedback and validate design decisions.
- Cross Functional Collaboration: Coordinating design efforts with product and marketing teams to ensure design alignment with business and branding objectives.
Approach: A Data-Driven, Iterative Process
- User Research: We conducted 15 user interviews and distributed online surveys. Interviews focused on typical user journeys, and questions included: “How do you usually search for products?” “What are your biggest frustrations while navigating the website?” Data indicated that 70% of users had difficulty finding specific products using the site search functionality.
- User Personas & Journey Mapping: Based on the research findings, we created 3 user personas to guide design decisions. Journey mapping was used to identify key pain points during the user journey and to inform the creation of new and more streamlined user flows.
- Redesign Strategy: Key design changes included:
- Navigation: Replaced the previous menu with a simplified mega-menu structure, which reduced user search time by 40% (measured through A/B testing).
- Checkout: Streamlined the checkout process with a clear progress indicator and reduced the number of steps required. This resulted in a 15% reduction in shopping cart abandonment (measured using analytics tools).
- Responsive Design: Implemented a mobile-first responsive design to ensure a seamless experience across all devices. Mobile-specific interactions and layouts were considered (for example, touch-friendly controls and simplified layouts).
- Product Pages: Redesigned product pages to include high-quality images, detailed product information, and clear calls to action. A/B tests with different layouts resulted in a 10% increase in “Add to Cart” clicks.
- Iterative Prototyping and Testing: High-fidelity prototypes were created and tested with 8 users. Feedback was gathered via task completion rate and post-test interviews. For example, some users reported difficulty finding product information, which led to improvements in the information architecture and the overall product page layout. Testing was repeated 2 times before releasing the final redesign. We also performed heuristic evaluation of the final prototype.
- Content Strategy: Existing product page content was updated to be more concise and user-friendly. Clearer and more compelling calls-to-action were implemented on all key pages.
Outcomes: Tangible Results
The redesign delivered measurable improvements:
- Conversion Rate: Online conversion rates increased by 12% (measured using Google Analytics).
- Bounce Rate: Bounce rate decreased by 8% (measured using Google Analytics).
- User Feedback: User satisfaction scores improved (measured by post-implementation surveys).
- Mobile engagement: Mobile user engagement increased by 20% (measured using Google Analytics)
Reflection and Lessons Learned
This project underscored the importance of user-centered design and data-driven decision-making to improve conversion rates and user satisfaction. Key learnings include the power of streamlined navigation, simplified workflows, responsive design, and iterative testing for a large e-commerce platform. This experience refined my ability to lead user-centered design projects and deliver measurable business outcomes.
Tools Used:
(Figma, Adobe Illustrator, Google Analytics)