UI/UX Design

ICHA Tea Case Study

Overview

Exploring new coffee shops has always been a favourite pastime, and among them, ICHA Tea stands out as my top choice. Recognizing an opportunity to enhance the customer experience, I developed a mobile app specifically for ICHA Tea.


My roles: UX Researcher, UX/UI Designer

Software: Figma, Adobe Illustrator, Adobe Photoshop,

Objective

The goal of this project was to develop an intuitive, user-friendly app that lets ICHA Tea patrons browse, order, and customize their favorite drinks. It also includes a home delivery option, bringing the ICHA Tea experience beyond the cafรฉ.

User Research

Before developing the ICHA Tea Mobile App, I conducted extensive user research to better understand the target audience. Using a mixed-methods approachโ€”combining customer reviews and personal interviewsโ€”I gathered key insights.

Many users wanted a fast, hassle-free ordering experience with features like saved preferences and order history. This finding led me to prioritize usability and streamline the ordering process.

Customer Pain Points

Customer Pain Points

PAIN POINT

1

Complex Ordering Process

Frustration on extensive menu

Confusion during in person ordering process

PAIN POINT

2

Lack of Personalization

Limited personalization options when ordering in person

Need to save favourite orders for future references

PAIN POINT

3

Convenience and Accessibility

Can't order from the comfort of home or ahead of time

No description or images on teas

Process

Building the Product Step by Step

01

User Persona

After conducting interviews on a few individuals who frequent ICHA Tea, I've developed a user persona.

Impact on Design Decisions

Persona findings guided three key decisions: streamline mobile ordering and payment, support tea browsing and customization for personalized discovery, and design an accessible interface thatโ€™s easy for everyone to use.

02

03

User Flow

Before diving into creating the wireframes, I created a user flow based on the main tasks a user will take when using the app.

Digital Wireframes

Low-fidelity wireframes map out the appโ€™s basic structure, including the menu, order customization, and info sections.

04

05

Style Guide

The colour palette has been meticulously selected to embody the spirit of ICHA Tea, reflecting sophistication, tranquility, and a deep connection to the traditional roots of tea culture.

Screen designs

A Look at the Final UI

Thank You

Create a free website with Framer, the website builder loved by startups, designers and agencies.