COFFEEBAR
A mobile ordering experience built for busy days
Coffeebar, a Northern California coffee chain, relied on a third-party ordering platform that made familiar orders cumbersome and pickup timing difficult to plan around. I designed a simpler experience that gave customers more control over what they ordered, where they picked it up, and when it would be ready.
ROLE
Visual Designer · UX/UI Designer
YEAR
2023
TIMELINE
4 Months
SCOPE
Mobile App · UX/UI · User Research
01 / The Problem
A premium coffee brand without a digital experience to match
Coffeebar’s in-store experience felt thoughtful and elevated, but its ordering journey didn’t reflect the same level of care. The challenge was to make everyday ordering easier with a digital experience that felt consistent with the brand.
02 / The Opportunity
Turn everyday ordering into a more intentional brand experience
A dedicated ordering experience could simplify repeat purchases, customization, and pickup planning while giving customers more control over their routine.
03 / Research
Understanding the coffee run
Research focused on how customers order coffee, where friction occurs, and which decisions matter most during repeat purchases. These insights shaped the experience’s features and hierarchy.
Key Insight
Customers wanted more control without more effort
Customization was valuable, but too many decisions slowed ordering down. The product needed to balance flexibility with speed, keeping frequently used actions easy to find and repeat.
04 / User Flow
Turning friction into a clearer journey
I mapped the ordering experience from product discovery through customization, checkout, and pickup, removing unnecessary decisions to create a clearer path from start to finish.
From Research to Prototype
Designing around the decisions that matter most
Research findings were translated into a mobile-first interface focused on clear hierarchy, familiar interactions, and fast repeat ordering, while maintaining Coffeebar’s visual identity.
05 / Usability Testing
01 — Keep pickup time in sight
Finding: Customers often lost track of their selected pickup time as they moved through the order.
Decision: Keep it visible through customization and checkout, giving customers more confidence about when their order will be ready.
02 — Start with the choice customers already know
Finding: My first flow asked for hot or iced after a drink was chosen. Most customers already knew which they wanted, so the extra step added friction.
Decision: Surface hot and iced options earlier, making customization feel more intuitive and reducing unnecessary decisions.
06 / The Result
A faster, clearer way to order coffee
The final concept simplifies ordering, keeps pickup time visible, and gives customers the flexibility to customize without unnecessary friction, creating an experience built around the way Coffeebar customers actually order.
