Case Study
Coffee ordering apps often feel like vending machines. A mobile app design for The Java Joint that makes ordering feel as warm and personal as the shop itself.
Coffee ordering apps tend to optimize for speed and transactional efficiency, often at the expense of the brand experience that makes independent cafes worth visiting in the first place. The Java Joint needed a mobile ordering app that felt like an extension of the shop, not a utility bolted onto it. The core challenge was designing a flow that was frictionless for first-time users while still building loyalty and warmth for returning ones.
These brands serve educated, high income, urban customers who value specialty coffee, sustainability, and quality.
The Java Joint needed a digital experience that matched the high standards of larger comparable coffee companies, without adding complexity.
Demographics
Psychographics
Participants were asked to download the Blue Bottle Coffee app on either an IOS or Android phone and:
Primary
Secondary
Summarization of research findings consisted of combining behavioral data with qualitative insight. I completed the following steps to ensure that my design decisions were evidence based:
Decision 01
Most coffee apps default to a utilitarian ordering interface — clean, fast, and entirely devoid of brand personality. We considered following that pattern for familiarity, but competitive analysis showed that users of independent cafes specifically sought an experience that felt distinct from chains. We chose imagery, typography, and color that reflected the physical shop's warmth rather than a generic ordering UI, treating the visual design as a brand extension rather than a functional layer on top of it.
Decision 02
Research showed first-time users were frustrated when account creation was required before they could place an order. We debated making account creation optional but still the default path, since returning users benefit from saved orders and preferences. Instead, we surfaced guest checkout as a primary option on the login screen rather than burying it as a secondary link — reducing abandonment risk for new users while keeping the account creation path visible for those who wanted it.
Decision 03
A custom navigation pattern would have given us more design flexibility, but usability testing showed that users moved fastest when the app relied on familiar mobile conventions rather than introducing new interaction models to learn. We chose persistent header navigation, clear back affordances, and a consistent page structure that mapped to patterns users already knew from other apps — keeping cognitive load on the task of ordering, not on understanding the interface.
The final prototype was evaluated against the Blue Bottle Coffee app using a structured usability study with 5 participants. The Java Joint prototype achieved a SUS score of 96.67, rated Best Imaginable and placing in the 4th quartile, compared to a baseline score of 74 on the competitor app. Participants completed the core ordering flow faster, with fewer hesitations, and rated the guest checkout path as significantly clearer. The visual design was consistently noted as feeling warmer and more aligned with an independent brand.
Evaluating the Blue Bottle app as a benchmark demonstrated that even well designed, minimal products have room for improvement, and that users respond most strongly to clear organization, simple typography, and frictionless navigation between screens. The final Java Joint prototypes reflect those findings directly: guest checkout, a logical ordering flow, and visual warmth that mirrors the brand. If given more time, I would have built out the cafe locator map feature, conducted a full usability evaluation on the Java Joint prototype itself with a new participant sample, and made further design iterations based on that data. This project reinforced that research findings only create value when they translate directly into specific, testable design decisions.
