A cafe app that links to the POS system to allow users to customize their in-store orders.
Type
Service
Duration
Business Type
Type
Service
Duration
Business Type
Chaayos is a popular chain of Tea cafes with a presence in over 200 cities across India. The brand reaches its customers through online food-ordering platforms and now wanted to create a mobile app for their loyal customers to customize their tea and orders.
Redesign & enhance the UI/UX design of the Point-Of-Sale (POS) system and design the Chaayos Cafe app to encourage user customization leading to higher retention.
To ensure a smooth project flow, we adhere to the STEP process, an acronym representing Soak, Think, Execute, and Proof.
The project incorporated three phases, UX research, UX design, and UI design wherein each phase guided the next.
Extensive competitor analysis, UX audit, and user interviews were conducted to understand the brand, its competitors, and its target users.
Based on the data gathered from the UX research, a features list, task flows, and wireframes were created for the cafe app. Whereas, to completely redesign the POS system, a new features list, task flow, navigation, sitemap, and wireframes were crafted.
A mood board guided the UI design for the cafe app. While, UI samples, design systems, and UI screens were created for both– the cafe app & the POS system.
A comprehensive competitive analysis helped us find the gaps in the customer experience within the Tea Cafe. The findings were focused on increasing user retention and repeat purchases.
The past screens of the POS system were audited and recommendations were made based on the inferences.
We interviewed 56 users and CREs to understand different aspects of the POS system and how users & CREs interact with it.
Task flows were designed to define the user journey for the cafe app.
The navigation design was upgraded for the POS system which resulted in CREs being able to use the functionalities with more ease and required less time to complete the tasks.
Based on the task flows the sitemaps were designed for the cafe app and the POS system.
With the information gathered from the UX research and the prototype testing, the following wireframes were designed.
Mobile App & Tablet / UX Design / UI Design
Website / UX Design / UI Design
Mobile App & Tablet / UX Design / UI Design
Website / UX Design / UI Design