Our user experience was fragmented, and our UI development cycle was slow. The reason was simple - design inconsistencies across our Web, iOS, and Android products.
I led the project to build Vymo’s first unified design system. Together, we eliminated guesswork for designers, cut development time, and delivered a cohesive, high-quality experience to all our enterprise clients.
<aside> <img src="/icons/arrow-northeast_green.svg" alt="/icons/arrow-northeast_green.svg" width="40px" />
-30% SPRINT OVERHEAD
Reduced UI development, QA, and design debt overhead by over a third, directly accelerating the development cycle.
</aside>
<aside> <img src="/icons/science_green.svg" alt="/icons/science_green.svg" width="40px" />
ATOMIC LEVEL CONSISTENCY
Achieved over ~70% UI consistency by enforcing strict rules at the token level.
</aside>
<aside> <img src="/icons/branch-merge_green.svg" alt="/icons/branch-merge_green.svg" width="40px" />
AUTOMATED BRAND DEPLOYMENT
New client themes across all three platforms from a single source, eliminating manual work.
</aside>
Vymo’s rapid growth was a success story, but it also exposed critical fractures in our product foundation. A quick audit revealed several tangible business problems
1. Internationalisation Issues -
As Vymo expanded into Japan, Southeast Asia, and the US, the foundation of English language and India-centric components began to crack.
2. Accessibility Risk -
We were failing to meet universally accepted accessibility guidelines. This was not just a design failure; it was a direct business risk. Clients from Southeast Asia began to complain about the font being too small and about contrast issues.
3. Inefficient Development -
Without a single source of truth, every team was solving the same problems differently, as if everyone was working in silos.