Concept project
Het Zuiden
A menu that changes every week should not be locked inside an image.
Weekly menu as text
Allergen filter
Booking
Type
Website
Industry
Neighbourhood restaurant
Year
2026
De ontwerpvraag
A kitchen that changes every week
Het Zuiden is a fictional neighbourhood restaurant: a small menu, changing suppliers, and different work in the kitchen every week. For most visitors, the menu is the only reason they come by, usually on a phone and often already on their way to the door. They want to know what is on tonight and when the kitchen opens.
The design question: can the weekly menu sit on the first screen as text from one source that the owner can manage themselves, and can someone with an allergy see at a glance what they can eat? The homepage, full filtered menu, four-step booking flow, kitchen story and practical information have been developed. There is no restaurant in operation, so nothing has been measured.
The story page: the management screen with six fields per dish, and the dish as it appears on the menu.
De keuzes
A printed menu, made searchable
01 · The menu as text
Dish name in Piazzolla, description in italics, price aligned right after a dotted rule. The menu is plain HTML: it can be copied, read aloud, searched and enlarged, even without JavaScript. It comes from one file, so a dish changes in one place.
02 · The week number large, the times below
The weekly menu sits at the top of the homepage, with the week number large and red beside it. Directly below is a dark strip with opening time, kitchen time, last orders, a Book a table button, and the note that walk-ins are welcome too.
03 · Six fields per dish
Each dish has a name, description, price, course, week and visibility. The course order is fixed in the design. A dish from another week, or set to hidden, does not appear on the menu; the story page shows those six fields alongside how the dish appears on the site.
04 · On mobile: menu, times, booking
On mobile, the menu is the first block, with a bottom bar for menu, times and booking. The booking flow asks for one thing per screen, validates on Next, and ends with a demonstration message: nothing is sent and no table is reserved.
Wat de interactie laat zien
Allergy or dietary requirement? The menu adapts
On the menu, you choose what you eat (everything, vegetarian or vegan) and what you want to avoid, from the fourteen allergens on the European list. Unsuitable dishes remain visible, with a red border and the reason, such as ‘Not suitable: contains milk’. A status line keeps count.
Hide unsuitable dishes removes them; a course without a suitable dish says so. The choice is not stored in the address bar or browser storage, because an allergy is personal information. With Photo, you see the dish in a panel beside it, or below the dish on mobile.
Vegetarian and dairy-free selected: 5 of 16 dishes are suitable; the rest are marked with the reason.
Measured result: none
Het Zuiden does not exist. The concept has been developed as clickable pages in HTML, CSS and JavaScript and is not online. Which dates and times are full comes from a fixed formula and is marked as an example. No visitors or bookings have been counted, so there is no result here. The dishes and prices are invented, and not every photo is certainly of the dish it accompanies.
Image sources: Unsplash photos (dishes, dining room and kitchen), without brands or labels. Dishes, prices and times are invented.
Next project