Built GM's first cross-brand React design system achieving 60% component reuse across 4 brands (Chevy, Buick, GMC, Cadillac) with WCAG 2.1 AA compliance embedded into every component.
Component reuse across 4 GM brands (Chevy, Buick, GMC, Cadillac)
Increase in release velocity across web and native platforms
Engineers and designers trained on Aurora adoption
General Motors had 4 distinct automotive brands--Chevrolet, Buick, GMC, and Cadillac--each with separate design and development teams building their own digital experiences. This fragmentation created:
The goal was ambitious: create a unified design system that could serve all 4 brands while respecting their unique brand identities, embedding accessibility from the ground up, and dramatically increasing development velocity.
I led the design and implementation of Aurora --GM's first cross-brand design system--serving as the single source of truth for React components across web and native platforms.
Built a theming system using design tokens that allowed 60% of components to be shared across all 4 brands, while the remaining 40% could be customized per-brand through token overrides. This meant teams could:
Designed and built automated token workflows that synced design tokens from Figma Variables through Style Dictionary into React and React Native codebases. This removed manual handoff steps and ensured design-code consistency across all 4 brand teams.
Embedded accessibility into every component from day one. All Aurora components shipped with:
Built comprehensive Storybook documentation for every component, showcasing all variants, states, and accessibility features. This became the central hub for designers, developers, and QA to reference Aurora's capabilities.
Unified React and React Native component library strategy that increased release velocity by 30%. Components were architected to share core logic while platform-specific rendering was handled through adapters.
Opened Rosen Studio and established naming conventions, modes, and approval rules to keep tokens consistent at scale. Implemented semantic token structure (primitive -> semantic -> component tokens) that gave teams flexibility while maintaining brand consistency.
Trained and onboarded 50+ engineers and designers on Aurora adoption, reducing onboarding time by approximately 40%. Created workshops, documentation, and office hours to ensure smooth adoption across all brand teams.
60% component reuse across Chevrolet, Buick, GMC, and Cadillac--eliminating duplicated work and accelerating feature delivery
30% faster release velocity as teams stopped rebuilding components and started composing from Aurora
WCAG 2.1 AA compliance embedded into design-to-code workflows, expanding user reach by making all digital experiences accessible
Shared design token governance reduced brand divergence and eliminated inconsistent theming
Cross-team enablement for 50+ engineers and designers building with Aurora
Aurora established GM's design systems foundation, giving teams a shared language for components, tokens, and accessibility across brands.