Photography as Navigation
Product images do the work of labels, so the right drink is found by sight in a busy moment.
Food & Beverage · 2025
Breww
A coffee shop order dashboard built around fast service, clear menus, and effortless order flow.
Overview
Breww is an order management dashboard for coffee shops. It helps teams take orders, move them through preparation, track stock, and remember customer preferences — all from one screen behind the counter.
The project focused on making a busy service feel calm: a menu that is quick to tap through, an order list that shows what is waiting, and statuses that everyone on the team can read at a glance.
Initial condition
Independent coffee shops often run on a mix of paper tickets, basic tills, and memory. During a rush, orders get lost, regular customers repeat themselves, and nobody has a clear view of what is running low.
The dashboard needed to speed up ordering without adding steps, and to give the team a shared, live picture of the queue.
Design intent
- Make the menu fast to browse and tap during peak hours
- Show every open order and its stage in one list
- Keep customer names and preferences attached to their orders
- Give staff a simple view of stock that affects the menu
- Build a warm, premium look that suits a specialty coffee brand
Approach
- 01
Counter Observation
Studying how orders move from the till to the bar to the customer, and where they stall.
- 02
Menu Architecture
Grouping drinks and food into short, visual categories that can be scanned in seconds.
- 03
Order Flow Design
Defining clear stages — new, preparing, ready, collected — and giving each a distinct visual state.
- 04
Customer Context
Adding a customer panel so names, notes, and usual orders travel with every ticket.
- 05
Visual Direction
Pairing a dark interface with warm product photography and a soft pink accent for a boutique feel.
Visual language
The visual language is dark, warm, and indulgent.
Rich coffee photography sits on a near-black interface, with a soft pink-violet accent marking actions and active states.
Rounded cards and generous spacing keep the screen touch-friendly for tablets on the counter.
Ground#120C0ASurface#201A18Accent#D38CE6Support#ACC76BInk#F3F0F4
User experience
The experience is designed for speed under pressure.
Staff pick items from an image-led menu, adjust options, and send the order in a few taps.
The orders board groups tickets by stage, with counts at the top so the team always knows how many drinks are waiting.
A welcome view greets the barista with the day’s orders and quick access to the menu, keeping the most common actions within reach.
Deliverables
- Welcome and quick-order dashboard
- Image-led menu selection
- Order summary and checkout panel
- Orders board by stage
- Order list table
- Customer information panel
- Inventory overview
- Tablet-first layouts
- Dark UI component library
Key design moves
Counts at the Top
Order totals by stage sit above the list, turning the queue into something the whole team can read.
Preferences Travel with Orders
Customer notes stay attached to each ticket, so regulars get their usual without repeating it.
Touch-First Spacing
Large targets and clear cards make the dashboard comfortable to use on a counter tablet.
Outcome
Breww turns coffee shop ordering into a smooth, visible flow from till to cup.
The dashboard gives small teams the structure of a larger operation while keeping the warmth of a neighbourhood café.
Faster orders, happier regulars, and a calmer counter.
Big Ideas. Bigger Impact. Let's Dominate
Talk To Us