Design System
Product Design
Before the WA Design System, there was no centralized source of truth for components. This led to duplicated work, inconsistencies, and slow handoffs between design and development. To solve this, we built a scalable design system based on Radix and React, enabling better collaboration, consistency, and speed across teams.
Client:
WA Technology
Role:
Design Ops
Year:
2024
Explore the full story ⋅
Requirement (Business problem)
The company needed a more scalable and efficient design process to reduce delays in delivery and improve handoff with the frontend team.
Issue (User problem)
Design requests were slow and inconsistent. Designers often rebuilt components from scratch without reusing existing patterns or communicating with the frontend team. There was no clear handoff, resulting in broken components and repeated rework.
Design (Solution)
Inspired by DesignOps principles, we introduced a structured design repository and improved bidirectional communication with frontend. We aligned design covers with Slack ticketing to give better visibility to Product Managers, and created an atomic component library (UI Kit) connected to a centralized Design System Foundation. Each vertical (or white-label project) started from a shared foundation using tokens and modes, enabling immediate scalability and brand customization.
End result (Impact/Outcome)
The time to build a complex design project dropped from 2 weeks to 2 days thanks to reusable tokens and scalable templates. Frontend handoff improved significantly, enabling more consistent implementation. The design system evolved into a documented React Storybook, allowing the company to launch new products faster and continuously iterate with fewer bugs between design and development.
Design System
Product Design
Before the WA Design System, there was no centralized source of truth for components. This led to duplicated work, inconsistencies, and slow handoffs between design and development. To solve this, we built a scalable design system based on Radix and React, enabling better collaboration, consistency, and speed across teams.
Client:
WA Technology
Role:
Design Ops
Year:
2024
Explore the full story ⋅
Explore the full story ⋅
Requirement (Business problem)
The company needed a more scalable and efficient design process to reduce delays in delivery and improve handoff with the frontend team.
Issue (User problem)
Design requests were slow and inconsistent. Designers often rebuilt components from scratch without reusing existing patterns or communicating with the frontend team. There was no clear handoff, resulting in broken components and repeated rework.
Design (Solution)
Inspired by DesignOps principles, we introduced a structured design repository and improved bidirectional communication with frontend. We aligned design covers with Slack ticketing to give better visibility to Product Managers, and created an atomic component library (UI Kit) connected to a centralized Design System Foundation. Each vertical (or white-label project) started from a shared foundation using tokens and modes, enabling immediate scalability and brand customization.
End result (Impact/Outcome)
The time to build a complex design project dropped from 2 weeks to 2 days thanks to reusable tokens and scalable templates. Frontend handoff improved significantly, enabling more consistent implementation. The design system evolved into a documented React Storybook, allowing the company to launch new products faster and continuously iterate with fewer bugs between design and development.