Problem
The company updated its brand identity, and at the same time several products needed modernization while new ones had to be built from scratch. The old design system was unable to support either.
- Legacy libraries and guides, both technically and morally outdated
- Rigid structure with mixed implementation technologies and custom workarounds
- Insufficient component coverage and too few variants
- Blocked design workflow and development bottlenecks, making new products impossible to launch
- Risk of losing market share as products fall behind competitors
Solution
A new design system covering the full functionality of all products and opening up new development possibilities. It minimises migration costs for legacy products while staying lightweight, scalable, and easy to extend.
- Lightweight Figma library built on multivariability, variables, and atomic structure
- Comprehensive component functionality with enough variants and flexibility to cover current and future needs
- Technology‑independent implementation with working versions for both React and Angular
- Practical documentation and guides for real‑world usage by designers and developers
- Clean, pleasant, and usable design across all components and interface modules