Self-check

Portfolio

Demo

Restaurant bookings

A demonstration of booking requests and service management with fictional data, stored only in this browser.

Type
Technical demonstration · responsive web app
Status
A demonstration with an example restaurant, example data and example photographs
Technology
HTML, CSS and JavaScript; Cloudflare Pages
The booking page of a fictional restaurant: choosing the number of people and the day, showing availability for lunch and dinner.
The booking page of a fictional restaurant: choosing the number of people and the day, showing availability for lunch and dinner. Tap the image to see it at full size.
Booking on a phone: on Friday, lunch has tables available and dinner is fully booked.
Booking on a phone: on Friday, lunch has tables available and dinner is fully booked. Tap the image to see it at full size.
The restaurant dashboard with the day's bookings, arrivals, cancellations and how full each service is. Fictional names and numbers.
The restaurant dashboard with the day's bookings, arrivals, cancellations and how full each service is. Fictional names and numbers. Tap the image to see it at full size.

The starting point

Many restaurants still take bookings by phone and by message. On a busy day the phone keeps ringing with the same question, only for the caller to hear that there are no tables left. The idea: the customer sees for themselves which tables are available and submits a booking request in seconds, and the restaurant manages everything in one place.

What was done

  • A booking page: people, day, service and time, with availability simulated in this browser, without syncing between devices.
  • Fully booked services offer a waiting list and point to the next day with a free table.
  • A restaurant dashboard: bookings taken by phone or message, arrivals, cancellations and capacity per service.
  • The buffet menu of the day, holidays and closing days, with a warning about the bookings affected.

Decisions that made a difference.

Built for the phone.

Colour-coded days and services (available, limited availability, fully booked), so you can decide at a glance.

Every booking in one place.

The ones that arrive by phone or message go into the same dashboard as the online ones.

With the character of the place.

The restaurant's brand, colours and photographs. In this demonstration, a fictional restaurant and example photographs.

Data and privacy

In this demonstration the bookings are fictional and stay only in the browser. Real use requires shared storage, protected access, capacity rules and testing across devices. That work, and the rules for handling data, including the Swiss FADP and the GDPR where they apply, have to be defined and validated before accepting real bookings.

See the project

Open the demonstration

A fictional restaurant, in Portuguese. Under “Restaurante”, at the top, you get the management dashboard; the bookings stay only in your browser.

Next case

DemoWebsite for a photography studioA website for newborn and family photography, with a 3D camera you can rotate and a calculator for the best date to book a session.See the case

Would you like something similar for your business?

Tell me what you use today and what you would like to simplify. I'll explain what I'd recommend and what the project would include.

Talk to me