Chaayos

Streamlining Chai orders for a cafe.

A cafe app that links to the POS system to allow users to customize their in-store orders.

5.9
%
in-store sales orders
Streamlining Chai orders for a cafe.

industry

Retail & E-commerce

Services Provided

,
UX Research
,
UX Design
,
UI Design

PLATFORMS

Mobile App, Digital Point-Of-Sale

BUSINESS TYPE

B2C

Overview

With over 200 cafés brewing across India, Chaayos sought a mobile experience where loyal chai lovers could craft every cup their way.

Two green paper cups of Chaayos chai with a samosa and floating spices like ginger, cardamom, and cinnamon sticks.
Chaayos restaurant green logo text stylized with leaf elements.
Green disposable cup filled with tea on a light green background, branded with 'Chaayos'.
White cup filled with tea on a white saucer with ginger root beside it on a light pink background.
Glass of iced tea with foam on top against a plain background.
Overhead view of various teas and fresh tea leaves arranged on a wooden surface with cups filled with different brewed teas.
Transparent glass cup filled with light brown tea on a pale green background.
THE Challenge

Navigating Complexity

Turning Challenges into Breakthroughs

Redesign & enhance the UI/UX design of the Point of Sale (POS) system and design the Chaayos Café app to encourage user customisation, leading to higher retention.

our Approach

The Method Behind magic

Our Strategic Design

To ensure a smooth project flow, we adhere to the STEP process, an acronym representing Soak, Think, Execute, and Proof. Beginning with UX Research, the UX design case study progresses to strategy and concludes with impactful UI.

Impact

Increased User Satisfaction by prioritising customisation, the app delivered a more relevant and enjoyable experience.

8.5% - 11.2%

New Customer Retention

31% - 35%

Wallet Customer Journey

0.9% - 14.9%

Free Chai Redemption

Decoding the Ecosystem

A 360° View

Examining POS interfaces, speaking with users and CREs, and studying competitors highlighted friction points, driving recommendations for retention and repeat engagement.

Customisation via Mobile App

UX Audit revealed a lack of personalisation in orders, which synced smoothly with the POS system.

Customer Relationship Executives (CREs)

Task flows upgraded to strengthen CRE engagement and highlight offers.

INTERACTION & ERROR HANDLING

UX Audit highlighted unclear button interactions, inadequate invalid-wallet error handling, and language errors that impact usability and user confidence.

Key Themes Identified

Chai Brings Comfort

Customers feel a special, homely emotion while drinking chai.

Chaayos Shaping Choices

Chaayos influenced half of the customers in chai selection.

Drinking Chai at Chaayos

Customers enjoy a personalised, comforting, and familiar chai experience.

Indirect Competitors

  • Analyse customer data to provide personalised offers that match individual preferences.
  • Orders are managed and delivered with precision, even during peak hours.
  • CREs are well-briefed and trained to ensure a consistent and enhanced customer experience.

direct Competitors

  • Clearly communicated offers help attract and retain more online customers.
  • The brand effectively highlights and promotes its core products.
  • Product packs include clear quantity labels, simplifying decision-making for customers.

Opportunity

We linked the café app to the POS, ensuring customised orders flow smoothly and reduce errors.

Core problems

  • Chaayos aimed to encourage more customers to use their chai customisation feature.
  • Many CREs were unaware of the offers or unable to communicate them effectively.
  • The existing POS system was inefficient in managing orders during rush hours.

Key Opportunities

  • The café app was designed with a focus on customisation and personalisation.
  • Task flows were refined to enhance CRE interactions and improve visibility of offers.
  • The café app was integrated with the POS system for seamless order placement.

Architecting Experience

From Insights to Frameworks

The café app and POS were redesigned with focused features, logical task flows, and robust wireframes, while improved POS navigation empowered CREs to use functions efficiently and save time.

Flowchart showing the Cafe App customer login process with Face ID or phone login, redeeming chai rewards, OTP verification, followed by a questionnaire flow; alongside the POS-CRE flow with system prompts for greeting, loyalty scripts, free chai notification, redemption confirmation, and order start.
Flowchart showing a Homepage dashboard with navigation leading to Login, Open Delivery Orders, Redeem LoyalTEA, Menu, Payment, and Confirm steps with detailed sub-items for each process.

Solution

01

A Café Experience, Tailored To You

The café app was built for flexibility, offering users extensive customisation.

02

Smarter Interactions Stronger Connection

We improved staff-customer interactions, enhancing awareness and engagement of our offers.

03

Seamless Integrated Technology

We linked the café app to the POS, ensuring customised orders flow smoothly and reduce errors.

Multiple screenshots of Chaayos app on tablets showing order interface, customization options, membership benefits, and payment page.

Form Meets Function

Designing Engaging Interfaces

The café app’s visual language was inspired by a mood board. We created UI samples, established a design system for consistency, and designed detailed UI screens for both the café app and POS system, blending aesthetics and usability.

User interface for customizing and ordering Desi Chai with options for sweetness level, spices, add-ons, and a loyalty program showing wallet balance and free chai progress.