proef.

Fictieve zaak, geen demosite

Ontwerp & bouwLeylive

Sector: Horeca / restaurant
Wat: Horeca · interactieve menukaart · volledig responsive · eigen branding
Status: Concept, fictieve zaak
Jaar: 2026

proef.: een restaurantsite waar bezoekers de volledige menukaart eenvoudig kunnen bekijken.

Het rode merkblok van proef. op een laptop, tussen kaarsen en wijn

De zaak

proef. is een fictief restaurant in Gent met een seizoensgebonden keuken, een menukaart die elke maand verandert, natuurwijn en een levendige sfeer. De website moest bij het karakter van de zaak passen, zonder te vertrekken van een standaardtemplate voor horeca.

Eerlijk gezegd: proef. is een fictieve zaak. Deze case toont hoe Leylive een horecasite aanpakt: eigen merk (naam, kleur, toon), een menukaart die vanuit elk gerecht opengaat, en een site die op elk toestel klopt.

De case

De uitdaging

Veel horecasites tonen sfeerbeelden, maar de kaart zelf is nergens te bekijken
Een vaste header die boven foto's onleesbaar wordt — een klassieke template-bug
Willekeurige stockbeelden die niets met de keuken te maken hebben
Onbruikbaar op een telefoon, net waar de meeste reserveringen vandaan komen

De menukaart als spread op een laptop, op een restauranttafel

De aanpak

Eerst het merk: een eigen naam met een rode punt als handtekening, alles in kleine letters, één accentkleur die terugkomt in de cursor, de prijzen, een tekstlint en een gedurfd rood eindblok met het logo groot in beeld.

Daarna werkten we de menukaart uit met vijf rubrieken — voorgerechten, hoofdgerechten, desserts, wijn en bar — in een slider. Klik op een gerecht of rubriek en de volledige menukaart verschijnt. Links staan de gerechten en prijzen; rechts wisselen de foto's mee met de gekozen rubriek. Beweegt u met de muis over een rubriek, dan ziet u verschillende gerechten na elkaar in beeld verschijnen. Wanneer de bezoeker scrolt, verschijnt bovenaan een vaste, halftransparante balk. Zo blijft het logo ook op foto's goed leesbaar. We controleerden alle foto's zorgvuldig en gebruikten alleen beelden van echte gerechten.

De dessertslider op een laptop, bij kaarslicht

De keuzes achter de site

De volledige menukaart openen vanuit elk gerecht

Klik op een gerecht en de volledige kaart opent als spread: gerechten en prijzen links, beeld rechts.

WaaromWie een restaurant kiest, wil weten wat er op de kaart staat en wat het kost. Sfeerbeelden alleen zeggen dat niet.
Een vaste navigatiebalk die leesbaar blijft

De vaste navigatiebalk zorgt ervoor dat het logo ook boven foto's leesbaar blijft.

WaaromEen vaste header die boven foto's onleesbaar wordt, laat bezoekers de weg kwijtraken.
Het eten in de hoofdrol

De gerechten krijgen veel ruimte op de website, van antipasti tot vino.

WaaromVeel restaurantsites tonen sfeer, maar niet wat er op het bord komt.
Klopt op elke telefoon

De beelden, menukaart en contactgegevens zijn makkelijk te gebruiken op zowel een smartphone als een groot scherm.

WaaromNet op de telefoon zoeken de meeste mensen een restaurant op, vaak al onderweg.

Het resultaat

Een interactieve menukaart die u vanuit elk gerecht kunt openen — als volwaardige spread met beeld en prijzen
Kleine details geven de website karakter: de bewegende foto's in de kaartlijst, het tekstlint en de cursor met het woord 'kaart'.
Een header die altijd leesbaar blijft, op elk apparaat
De volledige website past zich aan elk scherm aan, van de beelden tot de menukaart en contactgegevens.

27: Gerechten en wijnen op de kaart, elk met zijn prijs
5: Rubrieken: antipasti, pasta, pizza, dolci, vino
1: Klik van een gerecht op de startpagina naar de volledige kaart

Plan een gesprek Meer werk