Live prototypeRestaurantsFictional business · London

Restaurant Website Demo with Menu & Booking

An editorial restaurant site with a readable menu, a table-booking panel and an order basket — designed for the phone first.

Open live demo Try it on this page

1440×900 · 50%

Open

Screenshot of Saffron & Vine (Restaurant Website Demo with Menu & Booking)

Loading live preview…

iPrototype for a fictional business. Saffron & Vine, its people, prices, reviews and contact details are invented placeholders; forms in the demo are simulated and send nothing. Phone numbers use Ofcom's reserved drama range.

Industry context

The problem this concept explores

Restaurant sites often hide the menu in a PDF and push booking to a third-party page. On mobile, that means pinching, zooming and leaving — the opposite of what a hungry visitor wants.

Saffron & Vine explores an editorial, food-first design. The menu is real HTML organised by course, a booking panel sits beside it, and an order basket demonstrates collection and delivery flows. All dishes and prices are illustrative.

Restaurant visitors want three things: the menu, a table and directions. These concepts put a readable menu, a booking interface and an order basket within one scroll — designed mobile-first because that is where most restaurant searches happen.

Features demonstrated

HTML menu by course
Starters to drinks, readable on any phone and indexable by search engines.
Table booking panel
Date, time and party size in a single compact form (simulated).
Order basket
Add dishes and see a running total for collection or delivery (simulated).
Kitchen footage
A scroll-driven showcase of the room and the kitchen sets the mood.

Best practice

What a great restaurant website needs

Full restaurants guide

The menu as real text, not a PDFHTML menus are readable on phones and can be found by search engines.
Table booking within one tapDate, time and party size — keep it short, or link straight to the booking system you use.
Ordering for collection or deliveryIf you offer it, make it obvious; if you use a platform, link to it clearly.
Opening hours, address and mapThe most-checked information on any restaurant site.

Responsive screenshots

Desktop and phone, captured from the live page.

Saffron & Vine demo, desktop view, video showcase section — Desktop · showcase reel

Saffron & Vine demo, desktop view, services section — Desktop · content sections

Saffron & Vine demo, mobile view — Mobile · 390px

Technology overview

How this page is produced

The page is rendered on demand by the studio's template engine from a handful of parameters — template, business name, city and phone. No per-site build or database record exists.

Read the engine case study

Template: restaurant
Stack: Template engine (vanilla JS) · Cloudflare Workers · Edge image & video proxy · Scroll-driven CSS motion
Rendering: Edge, on request
Media: Licensed footage via allow-listed proxy
Forms: Simulated — nothing is sent
Indexing: Demo pages are noindex