Design System Design Management
Over the past two years, the company ventured into different products outside of the Delivery and Pickup services that Oddle has been offering since its inception:
QR Ordering — a contactless restaurant ordering and payment system. Customers can access the restaurant’s menu and order through their mobile phones by scanning a QR code.
Oddle Reserve — More than just a conventional table booking system, it also serves as a gateway for restaurants to curate exceptional experiences.
These new products involved collaboration with external partners, which unfortunately led to inconsistencies in user experience and interface design. To address this challenge, the product team devised a strategic approach: Create a cohesive dashboard encompassing both new and existing products.
Recognizing the role of consistency in customer trust, we acknowledge the constraints posed by limited design resources and time. We resolved to adopt an established design library that can be tailored to our needs, streamlining the design process while upholding quality.
Responsibilities Product Owner Process Flow and Maintenance Design System Management
Team Product Manager Product Designer (me) Jr. Product Designer
The Order Management System (OMS) design has never been updated since it was founded in 2014, while the Oddle Reserve Host app was built with a third-party vendor in 2019 using Google Materials as a library. Below are the before and after screens of the implementation of the ODDS.
Together with my Lead Project Manager, we set criteria for choosing the design library that we want to use for our planned Unified Dashboard. We decided to go for the minimals.cc design library for its modern UI design, and extensive support over the components and development. It is also using MUI as a core, which the team is already familiar with in designing and developing.
We started by looking into the Minimals dashboard and how we can use this to replicate in our OMS by using the already created patterns and layouts. Since the team is familiar with using Material UI, the transition runs without too many challenges.