Used across +2,000 product pages
Garmin’s Responsive Product Pages
I led the design of Garmin’s responsive product pages, from wireframes to high-fidelity prototypes, and built a reusable AEM component library that keeps the shopping experience consistent at scale.
Role
UX/UI Designer
Focus
User Research, Prototyping, Usability Testing
Platform
Web Responsive
Garmin’s product pages were hard to navigate. Dense content, unclear differences between models, and information that was hard to find left customers overwhelmed and unsure which device to choose.
The Challenge
Simplify complex product information, improve discovery, and help customers compare devices with confidence. Do it with reusable AEM components that deliver a consistent, scalable experience across 2,000+ pages.
The Goal
I reviewed e-commerce patterns across Garmin and competing wearable brands, looking at information hierarchy, feature clarity, product comparison, and purchase confidence. The review pointed to three opportunities: simplify technical content, strengthen visual storytelling, and make product pages more intuitive to explore.
Competitive analysis
User InterviewsI spoke with three kinds of shoppers:
First-time buyer: “I started looking for a running watch because I wanted to track my pace, distance, and progress. I searched online and started looking at Garmin because people seemed to recommend it for running.”
Existing Garmin user: “I already know what I need from my watch. I just want to understand what’s new, what’s different, and whether upgrading is worth it.”
Brand comparison shopper: “I want to compare my options in one place and understand which watch gives me the features I actually need.”
What it meant for design
The research pointed to four areas of friction:
Finding information
Comparing models
Understanding technical features
Building purchase confidence
These guided the redesign toward a clearer information hierarchy, easier product exploration, and interactions that support customers throughout their decision.
User Interviews
First-time buyer
“I started looking for a running watch because I wanted to track my pace, distance, and progress. I searched online and started looking at Garmin because people seemed to recommend it for running.”
Interview topic: Comparing models
Existing Garmin user
“I already know what I need from my watch. I just want to understand what's new, what's different, and whether upgrading is worth it.”
Interview topic: Understanding features
Interview topic: Purchase confidenceBrand comparison shopper
“I want to compare my options in one place and understand which watch gives me the features I actually need.”
How I Worked
Great UX comes from great collaboration. Working across many teams, I focused on making people feel heard, supported, and comfortable sharing ideas. I’m generous with praise when something works, and when it doesn’t, I stay calm and focus on improving the idea together.
That approach helped us balance impactful imagery, simple UI, and clear content while bringing different perspectives together.
Building for Scale
Rather than design individual pages for every product, I worked with the AEM team and developers to build reusable components for product imagery, navigation tabs, and product selection. Each one was designed to handle different content, configurations, and screen sizes.
The result is a more consistent customer experience, and pages that teams can maintain and extend more easily.
UI design decisions
Product image carousel
We count on this visionary to define strategic priorities, allocate resources responsibly, and ensure every decision reinforces long-term value creation.
Product options and filtering
We trust this leader to synchronize production, logistics, and support functions, cultivating dependable processes that uphold our service commitments.
Responsive layouts
We depend on this engineer to transform conceptual requirements into robust technical solutions that integrate seamlessly with existing infrastructures.
Older Design
Newer Design
Outcome
Designing at this scale changed how I approach product design. Instead of perfecting a single page, I learned to build a flexible system that delivers a great experience across thousands of products.
One Flexible System. Thousands of Product Pages.
Reflection
Designing at this scale changed how I approach product design. Instead of focusing on perfecting a single page, I focused on building a flexible system that could deliver a great experience across thousands of products.