Tomoca Coffee
Mobile App
UX Case Study

Digitizing the heritage Ethiopian coffee experience, warm, authentic, ritual-driven ordering while preserving cultural legacy.

UX/UI Design Figma Mobile Cultural Storytelling

Project Overview

Brand: Tomoca Coffee
Platform: Mobile
Role: UX/UI Designer
Focus: Ordering, Payments, Brand Heritage Experience

Design Approach

Create a seamless digital experience that allows users to order coffee, manage payments, and explore Tomoca’s history, while reflecting the warmth, ritual, and authenticity of Ethiopian coffee traditions.

Core Principles

• Warm, coffee-inspired color palette
• Clean, intuitive layouts for easy ordering
• Cultural storytelling woven into the user journey
• Balanced modern UX patterns with heritage-driven visuals

Main User Flows

Onboarding & Brand Story → Menu Exploration → Product Details → Cart & Checkout → Order Confirmation & Tracking → Profile & Order History

Key Screens & UX Flow

Welcome Screen
Welcome Screen

First impression with brand identity and coffee culture

Onboarding
Onboarding

Guides users through features and experience

Pickup Option
Pickup Selection

Choose convenient pickup location and preferences

Home Screen
Home Screen

Featured coffees, offers, and quick navigation

Menu
Coffee Menu

Browse coffee selections with clear categories

Coffee Details
Coffee Details

Explore origin, flavor notes, and product story

Cart
Shopping Cart

Review items and adjust before checkout

Order Confirmation
Order Confirmation

Displays successful order placement and summary

Profile
User Profile

Manage account, orders, and preferences

Outcome

The final design delivers a smooth, user-friendly experience that brings Tomoca Coffee’s tradition into the digital space, honoring its heritage while meeting modern user expectations.

0%

Improved ordering speed

0%

Higher menu exploration

0%

Increased cultural connection