Large-scale product experience + design system case study

Garmin Product Pages

Revamping Garmin’s Product Page Experience

Redesigning a responsive product page template used across 2,000+ products.

Big Ideas, Real Impact.

Every event we host is designed with intention, from the atmosphere we create to the way each session flows.

Role
Product Designer

Focus
UX · Responsive Design · Design Systems · AEM · Product Strategy

Scale
2,000+ product pages

The Challenge

One template. 2,000+ products.

How might we create a flexible product-page system that improves the customer experience while scaling across thousands of products?

  • Outdated visual hierarchy

  • Inconsistent content prioritization

  • Responsive limitations

  • Complex product information

1 Template → 2,000+ Products → Multiple Categories → Multiple Breakpoints

  • The Opportunity

    Because the template powered 2,000+ product pages, every design decision had to work across different products, content types, screen sizes, and customer needs.

What I owned

Product-page UX strategy

I conducted a competitive analysis researching what the goals, target audience and outline the projects objectives timeline and deliverables.

Founder

Responsive layout

During the initial phases of the design process, I created hand-drawn sketches of the user interface to explore ideas, concepts, and identify potential usability issues. These sketches evolved into low-fidelity wireframes and eventually high-fidelity prototypes.

Sales Manager
Marketing Director

Information hierarchy

I developed both low-resolution and high-resolution wireframes, storyboards, mockups, and high-fidelity prototypes. Continuously gathering feedback from stakeholders, I iterated on designs, identifying and refining any issues along the way. Once we reached a satisfactory stage with high-resolution prototypes, approved by the business, the design was prepared for handoff to the development team.

Understanding the Existing Experience

Navigation

With a vision for building something meaningful, our founder brings a blend of big-picture thinking and hands-on experience. They set the tone for everything we do.

Founder

Product Hero

Focused, approachable, and driven by results, our sales manager is all about building strong relationships. They help connect people to the right solutions—with clarity and care.

Sales Manager
Marketing Director

Key Features

Creative and strategic in equal measure, our marketing director brings fresh ideas to every campaign. They turn insights into action and help our message resonate with the right audience.

Designing the Responsive System

Rather than treating mobile as a smaller version of desktop, I designed responsive behaviors that prioritized content based on the user's context..

Work With Us

Building for AEM

The redesign had to work within AEM's content structure, allowing teams to create and maintain thousands of product pages without sacrificing the intended experience.

The Design System

Designing once. Scaling everywhere.

Show your component library.

I'd use a large horizontal section with:

Components
Buttons · Cards · Tabs · Navigation

Patterns
Product Hero · Feature Modules · Specs · Recommendations

Responsive Rules
Desktop · Tablet · Mobile

Then show how one component could adapt across several products.

The Final Experience

Meet the new product page

Use large, uninterrupted screenshots here.

Impact

Created a scalable responsive template that could be applied across Garmin's product portfolio while maintaining consistent UX and visual standards.

What I Learned

Designing at this scale changed how I think about product design. The goal wasn't to create the perfect page—it was to create a flexible system that could consistently produce great pages across thousands of products.