SaaS · Design system · Scale
Design System & Component Library
- Period
- 2020 — 2023
- Role
- Frontend Architect
- Industry
- SaaS
- Result
- 3×faster delivery
The challenge
What was actually broken
Three SaaS products under the same brand, each built and maintained separately, each rendering the same button slightly differently. Every new feature meant rebuilding components that two teams had already built before. The design team was spending half the week resolving inconsistencies instead of designing.
The approach
How I addressed it
- Audited every screen across the three products and identified the ~20 core components — buttons, inputs, dropdowns, dialogs — that covered roughly 90% of recurring interface needs
- Consolidated those components into a single shared library. Each product consumes it as a standard dependency and controls its own upgrade cycle, preventing unexpected breaking changes
- Built every component against the design specification and published them in a live gallery. The design team adopted the same gallery as their source of truth — one reference point, one discussion surface, no screenshot exchange
- Migrated the three products onto the shared library one feature at a time, controlled by a toggle to enable or disable the new version. Design and engineering delivered in parallel without blocking each other
- Established a clear contribution workflow. Designers submit requests with Figma references, engineers update the shared library, and no product team maintains its own interface components anymore
Stack
The tools behind it
- Angular
- TypeScript
- RxJS
- Angular CLI
- SCSS
- Storybook
- Private npm registry
The outcome
What was delivered
- Three products unified on a single shared library — consistent buttons, dialogs and form fields throughout the entire brand
- Delivery speed for new features increased approximately three-fold compared to the pre-library baseline
- Cross-product inconsistencies reduced to zero: every component maps directly to a Figma design and a live gallery entry
- The design team recovered approximately 40% of their working week and reinvested it into product discovery
Facing a similar situation?
A 30-minute call, no sales. We will quickly know whether I am the right person for the job.