Audit
Benchmarking
UI designs
Design system
My role
Tools
Duration
Team
Context
Why a design system?
At Kotak Cherry, multiple investment products were scaling fast but inconsistencies in UI, slow design-delivery cycles, and duplicate components led to confusion and inefficiency.
When I joined Kotak Cherry as an intern, I took full responsibility for building a scalable and comprehensive design system under the design lead's supervision.
Challenge
I have noticed that the developers are repeatedly asking the designers for space, colour, and typography specs for each project, which is impacting the overall milestones of other projects. So I have listed down some of the biggest pain points below:
I spotted alignment issues, clashing typography, and mismatched spacing across products.
Designers and developers repeatedly built the same UI components from scratch, wasting time and effort.
Specs, design files, and live code often drifted out of sync, leading to delays and rework.
Teams worked in silos with little shared vocabulary or resources, making cross-team collaboration challenging.
Existing docs were scattered, outdated, or hard to find making it tough to reuse patterns or onboard new team members.
Business values
1
A proper streamline process will increase the work efficiency and reduce rework.
2
Overall, the UI consistency will be maintained across the product, leading to an improvement in UX.
3
Defining specific targets ensures progress is measurable and aligned with business value.
Research and discovery
I reached out to the frontend developers and designers working at the bank to understand the pain points and how we can benchmark the industry-standard design system to bring a quality and scalable Cherry design system.
Iterations
We continued to discover new scenarios with each round of changes, so we worked through several days of updates. To move faster, I asked my teammates to send me the components they were using in their projects. That way, I could add everything at once and make sure we didn’t miss anything.
Solutions
Disclaimer
Due to company policy and a disclosure agreement, I am unable to show the overall process and images of the design system. For more information, let's connect over coffee ☕️
Impact
Since the launch of the design system within the company, I have observed significant improvements in productivity, efficiency, and consistency across our product designs. Additionally, it allows us to create responsive component designs that cater to various device sizes.
200+
70% bugs reduction
UI bugs have reduced significantly with an increase in time saved.
Increase in satisfaction
Engineers, designers, business and users are satisfied with the polished product.
Takeaways
Building the design system helped me create a shared language between design and code, making our team stronger and more efficient. I learned that close collaboration between designers and developers is crucial for smooth handoffs and tangible progress. Creating clear and helpful documentation was essential to ensuring that everyone could use the system with confidence.
Showing measurable results, such as faster delivery and fewer errors, helped me gain trust from leadership and teams. Designing with accessibility and inclusion from the start made the system valuable to all users.
