01
Case study / concept-restaurant-booking
Study
Restaurant site & booking
A restaurant site where tonight’s menu IS the homepage: written in the morning, read in one glance, and the table booked in one gesture.
- Role
- Design & build, end to end
- Stack
- Astro · TypeScript · PostgreSQL
02
Overview
- The problem
- Restaurant websites bury what matters: the menu is a PDF, the booking a five-step form or a third-party widget that clashes with everything. So people phone — or don’t come.
- The craft
- The stance is the chalkboard: the evening menu written in XXL chalk on slate, plain franc prices with no decoration, one hand-written note that changes every morning. Booking is a tray that never leaves the screen — four time slots, one tomato-red button, instant confirmation, nothing prepaid. Also designed at 390 px: the menu scrolls, the tray stays under the thumb.
03
On its real screens
In pictures
The confirmation — a pinned ticket, the kitchen knows you're coming
Booking at 9pm from the sofa — the tray under the thumb, designed at 390 px
04
In detail
The intent
The service SMEs ask for most — “a site that takes bookings” — pushed to the end of one stance. The restaurant is fictional; the system is designed for real.
The menu is the hero
A restaurant that rewrites its card every morning doesn’t need a carousel: it needs the card to BE the page. Chalk on slate sets the register — alive, written today, never frozen — and prices sit in whole francs, no cents, like a real board.
Booking is a gesture, not a journey
The booking tray lives on every screen: date, seats, four slots with one struck through (full — scarcity is honest information), one button. The confirmation arrives as a pinned ticket: the table, the time, what the kitchen already knows.
Built for the thumb, at 9pm
Restaurant bookings happen at 9pm on a sofa: the 390 px screen keeps the menu scrolling and pins the booking tray at the bottom, in thumb reach, button inside the first viewport.
Scope
In development. Fictional restaurant, no real data — a ground to show how Burin approaches an SME’s site + booking pair.