Restaurant website demos
Two restaurant styles with sample menus, venue information, and simulated table reservations
Website demo — fictional business
A collection of two self-initiated restaurant demos: Maison Soleil, a French bistro, and East Yard Kitchen, a neighbourhood kitchen. Both businesses are fictional and neither is a commissioned customer project.
- Live demo
- web
- experiment
- Role
- Solo developer
- Year
- 2026
- Stack
- Next.js, Vercel
Problem
A restaurant website should make the menu, atmosphere, opening hours, location, and reservation path easy to explore. These demos show how the same practical needs can suit two very different restaurant identities.
Approach
Maison Soleil uses warm cream, green accents, serif typography, and a relaxed bistro presentation. East Yard Kitchen takes a bolder direction with oversized lettering, red accents, and food-led imagery.
Both designs include menu categories with sample prices, a story, gallery, visit information, opening hours, and FAQs. The reservation demonstrations show party size, date, service, seating preference, and simulated available times, followed by guest details and review.
Current status
Both designs are published in a live Syntastack collection for prospective restaurant customers to explore. Menus, prices, addresses, contact details, and availability are fictional. The images illustrate the designs; they are not evidence of real venues or customer results.
The reservation interface explicitly states that no table is booked and that demonstration details stay in page memory. No real reservation, restaurant notification, payment, or ordering integration has been verified here. A live booking or ordering service would be scoped separately.
