Mobile UI for Coffee Ordering
Coffee is a user-focused mobile app designed to simplify coffee discovery and ordering from local cafes and shops — built end-to-end with clean UI/UX principles for a seamless experience.
Self
Oct - Nov 2025
Drink/Beverage Ordering Platform
Challenge
Most coffee ordering apps lack clear navigation, flexible customization, and trust in the ordering flow. The challenge was to design a simple, focused app where users can discover nearby cafes, browse coffee types, and complete orders quickly — without confusion or extra steps.
Results
Streamlined end-to-end ordering flow across 35+ screens
All auth edge cases and error states covered
Clean category-based discovery with location awareness
UPI payment integration for Indian market
35+
Screens Designed
8
User Flows Covered
2 Weeks
Duration
Key Features:
Onboarding with clear value props
Full auth flow — login, signup, OTP, password reset with error states
Location-based home with category browsing
Product detail with size selection and customization
Multi-address delivery management
UPI + card payment support
Order confirmation with receipt
Process
Empathize: Identified key pain points — users struggle with cluttered menus and slow ordering flows in existing coffee apps.
Define: Core problems — poor navigation, no quick customization, lack of error handling in auth flows.
Ideate: Focused on minimal tap ordering, card-based layout, clear category filters, and inline error states.
Prototype: Designed complete flow in Figma — from onboarding to order confirmation, covering all edge cases.
Test: Reviewed all screens for usability, consistency, and flow continuity before finalizing.
“ Coffee ordering should feel as warm and familiar as your favorite cafe. This app brings that experience to your phone — discover, customize, and order your perfect cup in minutes.”
Itsmekriish
UI/UX Designer, Graphic Designer | Coffee APP
Conclusion
Coffee brings local cafe discovery and ordering into one clean, intuitive flow. Designed with the Indian market in mind — UPI payments, location-based discovery, and a warm visual identity that matches the coffee experience.
