Brasserie Lumen
From €500

Case study · Brasserie
Brasserie Lumen
Table lit. Kitchen open.
Table booking first — leave TheFork and unreadable PDFs.
Scroll the story · then the live pages ↓
- Booking
- Table CTA first
- Ops
- Fewer price calls
- Margin
- Direct vs TheFork bookings
01 · Problem
PDF menu + price calls = lost covers
Without direct booking or VAT-incl. menus, guests leave for a marketplace.

02 · Approach
Table CTA, signatures, VAT-incl. menus
Booking hero → menu / dishes → set menus → short form.

03 · Stack
Restaurant Next.js site, mobile perf
Next.js, TypeScript, Tailwind, optimized images. Vercel noindex demo — client staging.

04 · Outcome
More direct bookings, fewer calls
Table first, readable prices, already dated lead.

Takeaways
- →Direct booking protects margin vs TheFork.
- →One plated photo > a 12-page PDF.
- →VAT-incl. menus cut the “how much?” call.
€890Offer €500
Technical sheet
- Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Libraries & tools
- next/image
- Framer Motion
- Deployment
Vercel — subdomain demo, noindex, global CDN
- Role
Technical design · UI · fullstack development · baseline SEO
- Context
Restaurant demo — menu, VAT-incl. set menus, table booking
06 · Inside the product
Each chapter = one page. Zoom in → zones → zoom out → next page.
Page chapter · 01 / 04
Home page
We start on the home — the converting storefront
First impression: brand, promise, visual proof and CTA. If this page fails, the rest of the site almost never saves the lead.
Job of this page: Clear intent from entry — the visitor knows what to do next.
Scroll down · zoom into 6 zones
Zoom in
Scroll once to enter this page’s tour
Then each scroll spotlights one zone. At the end you zoom out before the next page.
Scroll · zoom in
Chapter done · zoom out
Keep scrolling for the next page.
Page chapter · 02 / 04
Menu page
Page change: the menu
After the home mood, the menu must read fast — dishes, prices, urge to book.
Job of this page: Faster table decision — more same-session bookings.
Scroll down · zoom into 1 zones
Zoom in
Scroll once to enter this page’s tour
Then each scroll spotlights one zone. At the end you zoom out before the next page.
Scroll · zoom in
Chapter done · zoom out
Keep scrolling for the next page.
Page chapter · 03 / 04
Pricing page
Page change: the price grid
Here we write in black and white what will be invoiced. Anti-dispute, anti-“how much?” page.
Job of this page: Price trust — cleaner conversion toward the form.
Scroll down · zoom into 1 zones
Zoom in
Scroll once to enter this page’s tour
Then each scroll spotlights one zone. At the end you zoom out before the next page.
Scroll · zoom in
Chapter done · zoom out
Keep scrolling for the next page.
Page chapter · 04 / 04
Reservation page
Page change: book a table / a slot
After menu and prices, intent is hot. This page turns the visit into a booking.
Job of this page: Fuller schedule — less WhatsApp friction.
Scroll down · zoom into 1 zones
Zoom in
Scroll once to enter this page’s tour
Then each scroll spotlights one zone. At the end you zoom out before the next page.
Scroll · zoom in
Tour complete
Now open the live site and click freely.
07 · Brasserie Lumen
See the project and try it
The showcase runs like a real client site: pages, forms, cart when relevant. You can also ask for a turnkey purchase.
