Chaayos

Streamlining Chai orders for a cafe.

A café app that links to the POS system to allow users to customise their in-store orders.

in-store sales orders

industry

Retail & E-commerce

Services Provided

UX Research

UX/UI & Digital Product 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.

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.

Two traditional clay cups filled with chai tea, with a chaiyos branded package in the background.

Chaayos branded carton, paper cup of tea, veg sandwich, and plate of colorful Indian rice dish on a table.

Traditional Indian snacks including a bowl of chana chaat with papdis and a lemon wedge, a plastic cup of orange juice, and a stuffed, fried snack topped with sev on a tray.

Decoding the Ecosystem

A 360° View

We began with a thorough exploration, analysing the competitive landscape and existing user experience. In-depth interviews with target users informed our next steps.

Customisation via Mobile App

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

Four screenshots of application interfaces highlighting issues: error on invalid wallet, inconsistent input fields, unclear first step.

Customer Relationship Executives (CREs)

Task flows upgraded to strengthen CRE engagement and highlight offers.

UX audit slide showing two sections: first time customer and regular customer instructions with a note about language error; below is a color-coded interface screenshot with usability issues listed: no clarity on clickable buttons, performing task on single page, all buttons/tabs look clickable, labeling of product, and usage of too many colors.

Key Themes Identified

Chai Brings Comfort

Customers feel a special, homely emotion while drinking chai.

Green disposable cup of tea labeled 'Chaayos' placed on a red coaster, surrounded by lemongrass, ginger slices, cinnamon, and mint leaves on a wooden table.

Chaayos Shaping Choices

Chaayos influenced half of the customers in chai selection.

Three chai frappe drinks topped with whipped cream and sprinkled toppings, labeled Caramel Frappe, Dark Chocolate Frappe, and Magic Frappe on a wooden table with chai tea glasses and spices.

Drinking Chai at Chaayos

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

Hand holding a brown disposable cup outside a café with green-framed windows and people sitting at tables.

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

We crafted the user experience for the cafe app, defining prioritised features, intuitive task flows, and clear wireframes. The POS redesign required a new features list, comprehensive task flows, logical navigation, a sitemap, and robust wireframes for seamless interaction.

Online ordering interface for Chaayos showing Desi Chai with quantity 2 and total price INR 198, with navigation menu on left and user info on top right.

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.

Our Solution

A Café Experience, Tailored To You

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

Smarter Interactions Stronger Connection

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

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.

Success story

See why we’re not just a UI/UX Design agency; they see us as a strategic partner to their team.

Yellow Slice Team demonstrated exceptional creativity, showcasing innovative solutions and designs for our Chaayos website. Their diverse skill sets were evident in the seamless functionality and user-friendly interface. I appreciate their strong sense of ownership, ensuring the timely completion of tasks with a proactive approach. Their team's readiness to tackle challenges head-on shows their commitment to delivering excellent service.