EveryDollar Design System
Scaled a shared design system to improve consistency across the product
As multiple teams worked in parallel, the product experience became inconsistent and harder to maintain. I led the effort to create a shared design system that aligned teams and improved product quality at scale.
EveryDollar design system properties and organization.
The Problem
Teams were designing in parallel without a shared system, leading to inconsistent UI, duplicated work, and slower development.
Without a common foundation, it was difficult to maintain quality and scale the product efficiently.
What I Did
I created a structured design system that balanced consistency with flexibility.
Defined core foundations, components, and patterns
Established reusable interaction and visual standards
Created clear guidance to help teams make consistent decisions
Designed for scalability across web and mobile
EveryDollar design system components.
Key Decisions
Structured the system into layers (foundations, components, patterns) to support both speed and flexibility
Prioritized lightweight guidance to encourage adoption without slowing teams down
Focused on reusable patterns over one-off components
Early adoption was inconsistent, so I refined documentation and structure to improve usability
Constraints
The system had to be introduced while teams were actively shipping, requiring a balance between improving consistency and not disrupting ongoing work.
Brand guidelines were also evolving, requiring flexibility in how standards were defined.
A snapshot of primitives, semantics, and defined variables.
What Changed
The product shifted from fragmented and inconsistent to a cohesive, scalable experience. Teams were able to move faster with greater consistency, reducing rework and improving overall product quality.
Hindsight
Future improvements could include stronger tooling integration and more automated enforcement of design standards.
Organizational structure of EveryDollar design system.