Design System Governance
Building the component infrastructure that powers garmin.com across 41 countries and 25 languages.
Role: Lead Web Product Designer Company: Garmin Scope: Global
The System Behind the Site
When designers and developers are working from scratch every time a component or page is built, inconsistency follows. I led the creation and ongoing governance of Garmin's global web design system, a single source of truth for technically feasible, accessibility-compliant, and globally scalable components used across garmin.com. From Figma to Storybook to the CMS, to production, the system now powers experiences across 41 countries and 25 languages.
The Problem
Garmin's .com experience was growing faster than the systems supporting it. Designers and developers were rebuilding components from scratch with each new project, resulting in inconsistent UI patterns, duplicated effort, and a fragmented customer experience across a global platform serving millions of users.
My Role
Lead Web Product Designer. I advocated for, built, and continue to govern the design system. Responsibilities span component architecture in Figma, governance process design, accessibility compliance, Storybook partnership with engineering, and cross-functional alignment with IT, front-end development, content teams, and global EMEA and APAC stakeholders.
The Governance Process
Every component that enters the system moves through four stages before it reaches production.
Design System component library
Contentful content model integration
ADA/WCAG compliance built in
Global localization across 25 languages
In Production Supporting Examples
Oakley x Meta Vanguard AI Glasses.
Co-branded partnership experience
Garmin Marathon Series
Annual campaign stewardship
Design System Governance
Building the component infrastructure that powers garmin.com across 41 countries and 25 languages.
Role: Lead Web Product Designer / Company: Garmin / Scope: Global
The System Behind the Site
When designers and developers are working from scratch every time a component or page is built, inconsistency follows. I led the creation and ongoing governance of Garmin's global web design system, a single source of truth for technically feasible, accessibility-compliant, and globally scalable components used across garmin.com. From Figma to Storybook to the CMS, to production, the system now powers experiences across 41 countries and 25 languages.
The Problem
Garmin's .com experience was growing faster than the systems supporting it. Designers and developers were rebuilding components from scratch with each new project, resulting in inconsistent UI patterns, duplicated effort, and a fragmented customer experience across a global platform serving millions of users.
My Role
Lead Web Product Designer. I advocated for, built, and continue to govern the design system. Responsibilities span component architecture in Figma, governance process design, accessibility compliance, Storybook partnership with engineering, and cross-functional alignment with IT, front-end development, content teams, and global EMEA and APAC stakeholders.
The Governance Process
Every component that enters the system moves through four stages before it reaches production.
Design System component library
Storybook production specs
Contentful content model integration
ADA/WCAG compliance built in
Global localization across 25 languages
When designers and developers are working from scratch every time a component or page is built, inconsistency follows. I led the creation and ongoing governance of Garmin's global web design system, a single source of truth for technically feasible, accessibility-compliant, and globally scalable components used across garmin.com. From Figma to Storybook to the CMS, to production, the system now powers experiences across 41 countries and 25 languages.
The System Behind the Site
In Production Supporting Examples
Oakley x Meta Vanguard AI Glasses.
Co-branded partnership experience
Garmin Marathon Series
Annual campaign stewardship
Garmin Technology Hub
Garmin Technology Hub
Global technology editorial hub
The Problem
Garmin's .com experience was growing faster than the systems supporting it. Designers and developers were rebuilding components from scratch with each new project, resulting in inconsistent UI patterns, duplicated effort, and a fragmented customer experience across a global platform serving millions of users.
My Role
Lead Web Product Designer. I advocated for, built, and continue to govern the design system. Responsibilities span component architecture in Figma, governance process design, accessibility compliance, Storybook partnership with engineering, and cross-functional alignment with IT, front-end development, content teams, and global EMEA and APAC stakeholders.
The Governance Process
Every component that enters the system moves through four stages before it reaches production.
Design System component library
Storybook production specs
Contentful content model integration
ADA/WCAG compliance built in
Global localization across 25 languages
Garmin Technology Hub
Global technology editorial hub
The Outcome
When designers and developers are working from scratch every time a component or page is built, inconsistency follows. I led the creation and ongoing governance of Garmin's global web design system, a single source of truth for technically feasible, accessibility-compliant, and globally scalable components used across garmin.com. From Figma to Storybook to the CMS, to production, the system now powers experiences across 41 countries and 25 languages.
The Outcome
When designers and developers are working from scratch every time a component or page is built, inconsistency follows. I led the creation and ongoing governance of Garmin's global web design system, a single source of truth for technically feasible, accessibility-compliant, and globally scalable components used across garmin.com. From Figma to Storybook to the CMS, to production, the system now powers experiences across 41 countries and 25 languages.