Concept projectRestaurant & bar
Booking for
restaurant and bar
A design by Kulimo for a kaiseki restaurant with its own bar: a dark green interface with a lime accent leads from the atmosphere straight to table booking with calendar and time slots – complemented by tasting menu, drinks menu, about and contact.
No obligation15 minutesReply by email or call
Starting point
Two venues,
one path to the table.
A restaurant and a bar under one roof have two audiences: guests for the evening menu and guests for a drink at the bar. Both need pages of their own, but the same simple path to a reservation.
The design separates the two worlds in the navigation and brings them back together at the “Book a Table” button. The booking shows a calendar, the number of guests and free time slots on one page. In the concept the system confirms bookings automatically by email.
Calendar and time slots
Date, guests and free times on one page.
Restaurant and bar
Both have pages of their own in the navigation.
Menu and drinks
Tasting menu and drinks menu with prices.
Contact with map
Address, map and opening hours beside the booking widget.
In detail
The design
in detail.
Specification
- View
- Booking
- Device
- Laptop
Feature 01
Make a
reservation.
A monthly calendar on the left, the number of guests and free time slots beside it, and name, email, phone and message on the right. A lime button confirms the reservation.
Specification
- View
- Drinks menu
- Device
- Laptop
Feature 02
Drinks
The drinks menu is divided into sake, cocktails and wine list, each with prices. Set plainly so it stays readable on small screens too.
Specification
- View
- Restaurant
- Device
- Desktop
Feature 03
Kaiseki
experience
The restaurant page explains the menu in three points: amuse-bouche, seasonal ingredients, and traditional and modern techniques. “Book a Table” waits below.
Specification
- View
- Bar
- Device
- Tablet
Feature 04
The bar with
a page of its own
The bar gets its own presence with text, button and a grid of drinks, dishes and bar scenes. That way it speaks to guests who come just for a drink.
The solution
One design,
three jobs.
Each layer answers a question guests have before their visit.
Set the mood
Dark green, a lime accent and warm food photos.
Effect
Atmosphere before the visit
Inform
Tasting menu, drinks menu, about and bar page.
Effect
Guests know what to expect
Book
“Book a Table” leads to calendar, guest count and time slots.
Effect
Booking without a phone call
How easy is booking on your website? We will show you in 15 minutes.
Request an intro callFine-tuning
Details that carry
the design.
The character of the page comes from a few elements that are repeated consistently.
Dark green
A deep green carries every page and makes food photos look warm.
Lime accent
Buttons such as “Book a Table” are lime green.
Two venues
Restaurant and bar sit on equal footing in the navigation.
Head chef in the picture
The about page shows the head chef with a portrait.
Language switch
A DE switch at the bottom left changes the language.
Booking widget
On the contact page a compact widget sits beside map and opening hours.
Process
From idea to
finished design.
In four steps, with one clear question per phase.
Phase 01
UI/UX strategy
The starting point was two guest groups – restaurant and bar – with one shared path to a reservation.
Phase 02
Colour and image
Dark green with a lime accent and warm food and bar photos.
Phase 03
Booking
Calendar, guest count and time slots on one page, plus a compact widget.
Phase 04
Content
Tasting menu, drinks menu, about, bar page and contact with map.
Scope of work
What the concept
includes.
A design for the website and booking of a restaurant with a bar – from the home page to the booking.
- UX concept and page structure
- Dark green interface with a lime accent
- Separate pages for restaurant and bar
- Table booking with calendar and time slots
- Tasting menu and drinks menu
- About page with the head chef
- Contact with map and opening hours
- German and English
- Layout for desktop, laptop, tablet & smartphone
FAQ
Frequently asked questions
How much does a website for a restaurant with a booking system cost?
The investment depends on the scope: booking, number of venues and languages. Kulimo develops custom concepts and gives you a clear budget range in the intro call.
What does a restaurant booking system need to do?
Show date, guest count and free time slots, and confirm the booking. In the design all of this sits on one page, without registration.
Do a restaurant and a bar need separate pages?
If both have their own audience, yes. In the design the bar has a page of its own, and both lead to the same “Book a Table” button.
What is a concept project at Kulimo?
A design without a client commission that shows what a website for an industry can look like. For your business we develop the concept based on your services, images and goals.
More references
More from hospitality.
Fine dining
Japanese restaurant
Fusion restaurant
Fusion restaurant
Restaurant & lounge
Restaurant & lounge
Hospitality
Das Catering
Service
Web design for restaurants
Services, process and pricing for your company website at a glance.
Your project
Your guests deserve
a simple path to the table.
In a free 15-minute intro call we clarify scope, timeline and investment. Afterwards you know exactly what your website needs.
- No obligation
- 15-minute call
- GDPR-compliant