Project 05 / 07
A website and a smart ordering system for an Italian bistro: tell the story, show the menu, and let guests order or book in a few taps.
The menu lived in a PDF and orders came in by phone. Guests could see the food on Instagram, but not order it.
Build the site around the table: candlelit photography, a menu that reads on any screen, and ordering built right into it, from dish to checkout or straight to a reservation.
(01) — Colour
Primary
The clay of an Italian kitchen floor: every button that books or orders.18% · Reserve, order, add
Warm light on the menu: course cards and the menu page ground.12% · Menu cards, highlights
Neutral
Linen tablecloths: menus, cards and long reading.40% · Pages, menus, cards
The dining room after dark: photo overlays and story sections.30% · Dark sections, buttons
Pill length = share of each page
Photos stay warm and full-bleed; colour frames the dish, never competes with it.
Reserve a Table and the ordering buttons are the only terracotta on a page.
Menus and long text sit dark on cream; light text only over photos and espresso.
(02) — Smart ordering
01
The menu page is where an order starts. Four courses on one screen, every dish with its price and what goes into it.
02
From the menu to a placed order in three screens. Add a dish, set the quantity, review and pay, or book a table instead.
(03) — The final output
(Highlights)