01
Scan
A welcome screen for the table.
ui/ux design · design system
Dabba
Restaurant ordering, designed end to end: 136 boards in light and dark, with Arabic right-to-left layouts.
Design project
overview
Restaurant ordering, designed end to end.
A complete design system and app screens for a restaurant ordering platform, for phone and desktop: 136 boards in light and dark, with Arabic right-to-left layouts.
The design system has 28 components and 64 icons, each designed in both themes.
The restaurant, the area and the people in the screens are sample data.
- 01Ordering at the table, from a QR code
- 02Ordering ahead and delivery
- 03Stamp cards and rewards
- 04The restaurant dashboard
- 05Design system
- 06Light and dark
at the table
Order at the table, from a QR code.
Guests scan the code on their table, join friends who are already ordering, and follow the order until it is served.
02
Join
Friends at one table order together.
03
Choose
The table’s order stays in view.
04
Customise
Spice level, extras and a note for the kitchen.
05
Track
From placed to served, in clear steps.
06
Split
By item, equally, or one person pays.
away from the table
Order ahead, follow a delivery, collect stamps.
for the restaurant
Live service, the floor and the kitchen.
Desktop screens for the restaurant team: who is arriving, which tables are free, and every kitchen ticket in order.
light and dark
Every screen, in both themes.
Light on the left, dark on the right. Move across the image, or drag, to compare.
design system
One component set, in light and dark.
Restaurant, order, offer, stamp and dish cards, status pills and order steps, each designed in both themes.
