Built a Design System for a grocery app with a user-base of 5M

Prerana Shembekar

Design Token
Design Systems
UI Designer
https://www.obvious.in/ - Was employed here while working on this client.
This case study explores the collaborative effort to design and build a comprehensive design system for Dunzo, a leading on-demand delivery service. The project involved a team of three designers, including myself, aimed at creating a unified and scalable design system that would enhance the consistency, efficiency, and overall user experience across client's digital platforms.

Objectives

Consistency: Establish a cohesive visual language and interaction pattern across all products.
Efficiency: Streamline the design and development process by providing reusable components and guidelines.
Scalability: Create a flexible design system that can grow with their evolving needs and future projects.

Process

Process
Process
Research and Audit:
Conducted a comprehensive audit of existing UI elements, patterns, and styles used in Dunzo’s apps and web platforms.
Gathered insights from stakeholders, including product managers, developers, and users, to identify pain points and areas for improvement.
Foundation Building:
Defined the core principles and goals of the design system, focusing on accessibility, responsiveness, and usability.
Established a color palette, typography, iconography, and other foundational elements that reflect Dunzo’s brand identity.
Component Library:
Developed a library of reusable components, such as buttons, form elements, cards, and navigation bars.
Ensured each component adhered to best practices for usability and accessibility.
Documentation and Guidelines:
Created detailed documentation and usage guidelines for the design system to facilitate its adoption by designers and developers.
Included examples, do’s and don’ts, and code snippets to support seamless implementation.
Collaboration and Feedback:
Worked closely with developers to integrate the design system into Dunzo’s codebase.
Conducted regular review sessions with stakeholders to gather feedback and iterate on the design system.
Testing and Iteration:
Implemented user testing to validate the effectiveness and usability of the design system components.
Iterated based on feedback to refine and enhance the design system continually.
Outcomes
Improved Consistency: Achieved a unified look and feel across all digital touchpoints, enhancing brand recognition and user trust.
Enhanced Efficiency: Reduced design and development time by providing ready-to-use components, leading to faster product iterations and releases.
Scalability: Established a scalable system that can easily accommodate new features and products, ensuring long-term usability.

Conclusion

The collaborative effort to design and build a design system has significantly improved the consistency, efficiency, and scalability of our digital products. By creating a robust foundation and comprehensive guidelines, we have empowered our teams to deliver a cohesive and high-quality user experience, reinforcing the client's position as a leader in the on-demand delivery market.
This case study highlights the importance of a well-structured design system and demonstrates our commitment to continuous improvement and innovation in user experience design.
Partner With Prerana
View Services

More Projects by Prerana