Chai Point

(UX/UI for a Food & Beverage Brand)

Chai-Point-Mobile-App-UI_UX-Design.png

Chai Point is a F&B retail brand whose purpose is to serve the working Indian a great glass of Chai

Old App Interface

II. User Flow

App-Design-UX-Sitemap-User-Flow copy.png
Chai-Point-UI-UX-Design-Old-Layout.png

I. Problem

Chai Point was agressively growing and online ordering channels was quickly becoming one of their most important touch points. However, the customer experience on their app wasn’t optimal.

App-Design-UX-Sitemap-User-Flow.png

III. Wireframes

App-Design-UX-UI-Wireframes.png

After finalising the wireframes, we started with the User Interface design.

Chai-Point-UX-UI-List-Based-Approach.png
Chai-Point-UX-UI-Grid-Based-Approach.png
Chai-Point-UX-UI-Finalised-Card-Based-Ap

Grid based approach

List based approach

Finalised card based approach

Our primary focus was to lock down on a layout which would keep the product at the center of the users attention. And everything else was designed around it for an optimal user experience.

Chai-Point-App-Design-Old.png
Chai-Point-UX-UI-Finalised-Card-Based-Ap

Old Layout

Re-designed Layout

Chai-Point-App-Design-Ux_UI-phone-mockup
Chai-Point-App-UX-UI-Design-Card.png

IV. Card Design

As one of the major assets of the UI we made sure we had a clean design which addressed all the mandates while being the most suitable solution to make a sale.

A larger ‘+’ button was deliberately used to compell users to add to cart

A descriptive of the product would appear when the user clicks on the product image

Product name and pricing were kept as mandates

V. Order Tracker

We understood that the most anxious period in a customer lifecycle is the waiting time between order placement and delivery. A tracker which was visible from the home page would help keep the most important information upfront for the user.

Chai-Point-App-Design-UX-UI-Order-Tracke

Thank you for watching!