Built a scalable design system that aligned product teams, reduced UX inconsistency, and translated brand into a cohesive in-product experience.
Impact
Improved cross-team consistency, reduced development rework, and enabled faster, more aligned product delivery
Role
Led system definition and drove cross-team alignment as the most senior designer
Problem
Five product teams were designing in parallel without a shared system. Patterns diverged, interactions became inconsistent, and the overall experience felt fragmented. This increased cognitive load for users and slowed development due to lack of a common foundation.
Requirements
Needed a lightweight but scalable system—flexible enough for a small team, but structured enough to support real product complexity. The system had to improve consistency without introducing process overhead.
Solution
Created a brand-aligned design system that balanced consistency with flexibility.
Structured the system across five layers:
– Principles
– Foundations
– Components
– Patterns
– Templates
Defined clear usage guidance and guardrails so teams could make faster decisions without drifting from a cohesive experience.
Extended brand into product by translating marketing identity into interaction patterns, visual language, and component behavior.
Business Context
Built to support multiple teams shipping in parallel, with a need to improve speed, consistency, and overall product quality without slowing development.
Results
Reduced UX fragmentation and improved consistency across teams
Decreased QA issues and development rework
Enabled faster handoff and more efficient collaboration
Established a clearer, more cohesive product brand