Unifying Home Depot’s Homepage Across Platforms with Stencil Design System

As the lead designer for this initiative, I undertook a multi-phase process to unify the homepage UI across platforms using the Stencil Design System:

1. Cross-Platform Audit:

   • Conducted a detailed audit of the Home Depot homepage across iOS, Android, and Web platforms.

   • Mapped out discrepancies in UI patterns, components, and user flows.

   • Documented how existing experiences adhered to or deviated from platform-specific guidelines.

2. Stakeholder Alignment & Technical Immersion:

   • Engaged with engineers and product managers across platform teams to understand technical constraints.

   • Familiarized myself with Apple HIG, Material HIG, and existing internal systems to ensure compliance and adaptability.

3. Usability Testing & Heuristic Evaluation:

   • Organized and facilitated usability studies with 24 participants across device types.

   • Identified key usability pain points (e.g., inconsistent navigation, unclear CTAs, layout inefficiencies).

4. Stencil-First Redesign:

   • Proposed redesigns for homepage components that honored each platform’s native feel while aligning with Stencil’s new component structure.

   • Developed a recommendation system for which native patterns to preserve and where to overlay Stencil components without harming usability or accessibility.

5. Documentation & Handoff:

   • Created detailed implementation guidelines and annotated design specs for engineering teams.

   • Established a cross-platform QA checklist to ensure consistent visual and functional rollout.