Conceptproject

Het Zuiden

Een kaart die elke week verandert hoort niet vast te zitten in een afbeelding.

Weekkaart als tekst

Allergenenfilter

Reservering

Soort

Website

Sector

Buurtrestaurant

Jaar

2026

Omslag van het conceptproject Het Zuiden: de homepage met de weekkaart en het weeknummer 39 groot in rood, daarnaast telefoons met de kaart met allergenenfilter en stap 2 van de reservering, en onderaan de kleuren en de letter Piazzolla.

De ontwerpvraag

Een keuken die elke week wisselt

Het Zuiden is een bedacht buurtrestaurant: kleine kaart, wisselende leveranciers, elke week ander werk in de keuken. Voor de meeste bezoekers is die kaart het enige waarvoor ze langskomen, meestal op een telefoon en vaak al onderweg naar de deur. Ze willen weten wat er vanavond op staat en hoe laat de keuken opengaat.

De ontwerpvraag: kan de weekkaart op het eerste scherm staan, als tekst uit één bron die de eigenaar zelf kan bijhouden, en kan iemand met een allergie in één keer zien wat hij kan eten? Uitgewerkt zijn de homepage, de volledige kaart met filter, een reservering in vier stappen, het verhaal van de keuken en praktische informatie. Er draait geen restaurant, dus er is niets gemeten.

De verhaalpagina van Het Zuiden, blok Eén gerecht, zes velden: links het beheerscherm Gerecht bewerken met gerecht, omschrijving, prijs, gang, week en zichtbaar, rechts hoe Mosselen in witte wijn daarna in de gang voorgerechten op de kaart staat.

De verhaalpagina: het beheerscherm met zes velden per gerecht, en rechts hoe dat gerecht op de kaart verschijnt.

De keuzes

Een gedrukte menukaart, maar doorzoekbaar

01 · De kaart als tekst

Gerecht in Piazzolla, omschrijving cursief, prijs rechts achter een stippellijn. De kaart is gewone HTML: te kopiëren, voor te lezen, te doorzoeken en te vergroten, ook zonder JavaScript. Hij komt uit één bestand, zodat een gerecht op één plek verandert.

02 · Het weeknummer groot, de tijden eronder

De weekkaart staat boven aan de homepage met het weeknummer groot en rood ernaast. Direct daaronder een donkere strook met open, keuken, laatste bestelling en de knop Reserveer een tafel, en de zin dat je ook gewoon binnen kunt lopen.

03 · Zes velden per gerecht

Elk gerecht heeft naam, omschrijving, prijs, gang, week en zichtbaar. De volgorde van de gangen ligt in het ontwerp vast. Een gerecht uit een andere week of op onzichtbaar komt niet op de kaart; de verhaalpagina laat die zes velden zien naast hoe het gerecht op de site verschijnt.

04 · Op telefoon: kaart, tijden, reserveren

Op telefoon is de kaart het eerste blok, met een onderbalk naar kaart, tijden en reserveren. De reservering vraagt één ding per scherm, controleert bij Volgende en eindigt in een demonstratiemelding: er wordt niets verstuurd en er staat geen tafel klaar.

Drie telefoonschermen van Het Zuiden: de weekkaart als eerste blok met een onderbalk voor kaart, tijden en reserveren, de kaart met het filter zonder gluten en een opengeklapte foto, en stap 2 van de reservering met vrije en volle tijden.

Twee telefoonschermen van Het Zuiden: de homepage met het weeknummer 39 en de eerste gerechten van de kaart, en de kaart met het allergenenfilter, waarin gerechten gemarkeerd zijn met Past niet: bevat gluten en een foto is opengeklapt.

Op telefoon: de kaart bovenaan, het filter met opengeklapte foto en reserveren met vrije en volle tijden.

Op telefoon: de kaart als eerste blok, en het filter met een opengeklapte foto.

Wat de interactie laat zien

Allergie of dieet? De kaart past zich aan

Op de kaart kies je wat je eet (alles, vegetarisch of veganistisch) en waar je zonder wilt, uit de veertien allergenen van de Europese lijst. Gerechten die niet passen blijven staan, met een rode rand en de reden erbij, zoals ‘Past niet: bevat melk’. Een statusregel telt mee.

Verberg wat niet past haalt ze weg; een gang zonder passend gerecht zegt dat. De keuze gaat niet in de adresbalk of in opslag, omdat een allergie persoonlijke informatie is. Met Foto zie je het gerecht in een vak ernaast, of op telefoon onder het gerecht.

Wil je een kaart of aanbod dat je zelf bijwerkt in plaats van een afbeelding, lees dan bij website laten maken hoe we een beheeromgeving inrichten voor wat vaak wijzigt. Of vertel wat er elke week verandert.

De kaart met het filter Allergie of dieet: vegetarisch en zonder melk zijn gekozen, de telling zegt 5 van 16 gerechten, gerechten die niet passen krijgen een rode rand met de reden, en rechts staat de foto van brood met olijfolie.

Vegetarisch en zonder melk gekozen: 5 van 16 gerechten passen, de rest is gemarkeerd met de reden.

Gemeten resultaat: geen

Het Zuiden bestaat niet. Het concept is uitgewerkt als klikbare pagina’s in HTML, CSS en JavaScript en staat niet online. Welke dagen en tijden vol zijn, komt uit een vaste formule en staat als voorbeeld gemarkeerd. Er zijn geen bezoekers of reserveringen geteld, dus hier staat geen resultaat. Gerechten en prijzen zijn bedacht, en niet elke foto is met zekerheid het gerecht dat erbij staat.

Beeldbronnen: foto’s van Unsplash (gerechten, zaal, keuken), zonder merken of etiketten. Gerechten, prijzen en tijden zijn bedacht.

Volgend project