With the exponential growth of Zomato, we had let a lot of design debt build up for the product. One of the major problems we were facing was that a lot of pages, products, features, and components were not in sync with each other in terms of UI and UX. This happened because all these parts of the apps were designed at different times, by different designers having a different context. There was no unifying design philosophy or principles to guide them.
Over a period of time, our products started to feel like different apps across all platforms. These problems got worse when we started designing for any new page, product or feature. Also, because of no underlying specified design principles, a lot of time was wasted in debating and implementing design decisions. User experience also suffered because of lack of predictability and consistency.
The launch of a new ad model was a tipping point. We had to launch that ad model in a few weeks, and we were being slowed down with our old design architecture. Therefore in mid-2017, we decided to recreate the Zomato Design System so that it can grow and scale organically with new products over time. This business goal trickled down to me and fellow designer, Pranu, in the way of a complete overhaul of the product’s design language.
We defined the design and business goals we wanted to achieve with the project:
- We wanted to drive consistency in all our products on different platforms and across different businesses which would result in great user experience.
- We wanted to incorporate the new modern visual design trends in our app so that it looks fresh and is a delightful experience for the users.