One of India’s leading food & beverage retail brands, serving over 5 million customers across 200+ stores.
One of India’s leading food & beverage retail brands, serving over 5 million customers across 200+ stores.
One of India’s leading food & beverage retail brands, serving over 5 million customers across 200+ stores.
Service
Self-Order Kiosk & POS system
Sector
B2C | Tea- Coffee Chain
Role
Junior UI Designer
Duration
4 Months
Service
Self-Order Kiosk & POS system
Sector
B2C | Tea- Coffee Chain
Role
Junior UI Designer
Duration
4 Months
ABOUT THE COMPANY
ABOUT THE COMPANY
ABOUT THE COMPANY
Project Summary
Project Summary
Project Summary
Chaayos wanted to elevate its in-store customer experience by redesigning the self-order kiosk and POS system. The goal was to make ordering quicker, more personalized, and consistent across platforms, creating a seamless experience for both customers and staff.
At Yellow Slice, I worked as a UI designer on redesigning the self-order kiosk and POS system. My focus was on simplifying flows, highlighting personalization, and ensuring consistency by using the design system, ultimately creating a seamless experience.
Problems identified
Problems identified
Problems identified
Chaayos needed to improve its in-store ordering experience, as customers often faced
long queues and confusing flows at the counter.
Chaayos needed to improve its in-store ordering experience, as customers often faced long queues and confusing flows at the counter.
Chaayos needed to improve its in-store ordering experience, as customers often faced long queues and confusing flows at the counter.
Customers weren’t fully using the chai customization feature, even though it was a key offering.
Customers weren’t fully using the chai customization feature, even though it was a key offering.
Customer Relationship Executives (CREs) struggled to communicate offers effectively.
Customer Relationship Executives (CREs) struggled to communicate offers effectively.
The existing POS system couldn’t handle rush hour traffic smoothly, leading to delays.
The existing POS system couldn’t handle rush hour traffic smoothly, leading to delays.
Our Solutions
Our Solutions
Our Solutions
The goal was to design a seamless self-ordering system that reduced waiting times while making the process intuitive, personalized, and consistent across all Chaayos outlets.
The goal was to design a seamless self-ordering system that reduced waiting times while making the process intuitive, personalized, and consistent across all Chaayos outlets.
The goal was to design a seamless self-ordering system that reduced waiting times while making the process intuitive, personalized, and consistent across all Chaayos outlets.
Simplified the ordering flow to reduce waiting times.
Simplified the ordering flow to reduce waiting times.
An interface that was easy to use for both first-time and repeat customers.
An interface that was easy to use for both first-time and repeat customers.
Renewed task flows to support CREs in sharing offers naturally.
Renewed task flows to support CREs in sharing offers naturally.
The cafe app was designed with focus on customization and personalization.
The cafe app was designed with focus on customization and personalization.
The cafe app was synced with POS for seamless end-to-end experience
The cafe app was synced with POS for seamless end-to-end experience
Process
Process
Process
The project followed a step-by-step design process starting with UX Research,
moving into UX Design, and finally shaping the UI Design.
The project followed a step-by-step design process starting with UX Research, moving into UX Design, and finally shaping the UI Design.
The project followed a step-by-step design process starting with UX Research,
moving into UX Design, and finally shaping the UI Design.
User Research
Conducted competitor analysis, a UX audit, and user interviews to understand the brand, competitors, and target audience.
UX Design
Defined key features, task flows, navigation, and wireframes for both the café app and the redesigned POS system.
UI Design
Built on the research and wireframes with mood boards, design system components, and final UI screens for the café app and POS.
My Role
Junior UI Designer
Junior UI Designer
This project was a team effort at Yellow Slice. Our UI team included a Head Designer, Senior UI Designer, Junior UI Designer and Developers.
I designed the screens for the self-order kiosk and POS system, ensuring flows were consistent and intuitive. Working closely with the Senior Designer and Head of Design, I used the design system to keep everything scalable and refined the designs through client reviews and feedback.
I designed the screens for the self-order kiosk and POS system, ensuring flows were consistent and intuitive. Working closely with the Senior Designer and Head of Design, I used the design system to keep everything scalable and refined the designs through client reviews and feedback.
Wireframes
Wireframes
Wireframes
The wireframes were tested on actual customers walking into the store,
using interventions and testing over different approaches.
The wireframes were tested on actual customers walking into the store,
using interventions and testing over different approaches.
The wireframes were tested on actual customers walking into the store,
using interventions and testing over different approaches.
Design System
Design System
Design System
The design system was created to ensure consistency across the project
The project followed a step-by-step design process starting with UX Research, moving into UX Design, and finally shaping the UI Design.
The project followed a step-by-step design process starting with UX Research,
moving into UX Design, and finally shaping the UI Design.
Design Output
Design Output
Design Output
The outcome was a self-order kiosk and POS system designed to
simplify complex retail journeys and create a seamless in-store experience.
The outcome was a self-order kiosk and POS system designed to
simplify complex retail journeys and create a seamless in-store experience.
The outcome was a self-order kiosk and POS system designed to
simplify complex retail journeys and create a seamless in-store experience.
Kiosk Design - First time user
Kiosk Design 1st time user
Kiosk Design - First time user
Kiosk - Repeat User
Kiosk - Repeat user
Kiosk - Repeat user
Point-of-sale (POS)
Point-of-sale (POS)
Point-of-sale (POS)
CREs faced many issues such as lack of communication and motivation to follow the process.
CREs faced issues like lack of communication and motivation to follow the process.
The goal was to reduce training and provide complete guidance for agents to take orders
The goal was to reduce training and provide complete guidance for agents to take orders
The goal was to reduce training and provide complete guidance for agents to take orders
Order Flow
Order Flow
Order Flow
The POS provided more visibility and offered better clarity regarding the benefits and features of the products.
The POS provided more visibility and offered better clarity regarding the benefits and features of the products.
The POS provided more visibility and offered better clarity regarding the
benefits and features of the products.
