Een restaurantsite die meebeweegt met de kaart, het seizoen en de agenda
Brasserie Flair in Helpman houdt de site zelf bij: kaarten, evenementen, gesloten dagen. En het aanvraagformulier kent de regels van de zaak voordat iemand op verzenden drukt.
Brasserie Flair zit aan de Verlengde Hereweg in Helpman, Groningen. Manon en Tessa runnen er een warme zaak met eerlijke gerechten, mooie wijnen en hapjes om te delen. Die kaart staat niet stil: seizoensavonden, een High Wine, een binnentuin die alleen open is als het weer meezit, en een agenda met dagen waarop de zaak dicht is of al bezet. We bouwden een site die klopt met wat er in het pand gebeurt, een beheeromgeving waarin het team dat zelf bijhoudt, en een aanvraagformulier dat de regels van de zaak toepast voordat de gast op verzenden drukt.
Goed werk raakte ondergesneeuwd onder admin.
Een website voor een restaurant moet meer doen dan er goed uitzien. Hij moet kloppen met wat er in het pand gebeurt: welke kaart er ligt, welk evenement eraan komt, welke dagen dicht zijn. En hij moet bij te houden zijn door de mensen die de zaak runnen, niet door een developer die er voor elke prijswijziging bij moet.
Een kaart die niet stilstaat
Vijf menukaarten, seizoensavonden, een High Wine en een binnentuin die van het weer afhangt. Elke wijziging via een developer is een wijziging die te laat komt.
Aanvragen op de verkeerde dag
Gesloten dagen, besloten partijen en een sluitingstijd voor dezelfde dag: regels die een gewoon formulier niet kent.
Vijf soorten aanvragen
Diner, borrel, hapjes en schalen, High Wine en evenementen. Elk met eigen vragen, allemaal via één ingang.
Niet vragen wat ze nodig hebben, maar kijken hoe ze werken.
We begonnen met de site zelf, in de huisstijl van de zaak: burgundy, cream en goud. Homepage, vijf menukaarten, pagina's per evenement, een sfeerimpressie met virtuele rondleiding, over ons en contact. Daarna verhuisden de kaart, de evenementen en de gesloten dagen stap voor stap naar een eigen beheeromgeving, zodat het team er zelf bij kon.
Het formulier kreeg de regels van het restaurant ingebouwd. Elke regel wordt twee keer gecontroleerd: in de browser, zodat de gast het meteen ziet, en op de server, zodat er niets doorheen glipt. De tijdcontrole rekent in Nederlandse tijd, ook als de gast vanuit een andere tijdzone boekt.
De oplossing, feature voor feature.
Het formulier kent de agenda.
Zondag, maandag en dinsdag gesloten, dus geen online reservering. Elke tweede dinsdag een besloten partij: die datum is niet beschikbaar. Overige dinsdagen bespreekbaar vanaf twintig personen. Na 16:30 geen boeking meer voor dezelfde dag. En losse dagen sluit het team zelf uit, met een melding boven aan de homepage.
- Regels gecontroleerd in de browser én op de server
- Rekent in Nederlandse tijd, ook vanuit een andere tijdzone
- Zegt waarom, en waar er ruimte is
Eén beheeromgeving voor kaart, agenda en teksten.
Achter een eigen inlog beheert het team de vijf kaarten, de evenementen en hun zichtbaarheid, de gesloten dagen, de openingstijden en contactgegevens, en de teksten op de homepage. Een wijziging staat binnen een minuut live.
- Menukaarten, evenementen, gesloten dagen
- Openingstijden, contact en hometeksten
- Binnen een minuut live
De kaart is data, geen code.
Gerechten, prijzen en secties staan in de database, niet in de opmaak. Een prijs aanpassen, een gerecht tijdelijk verbergen of een sectie verplaatsen doet het team zelf. Een complete seizoenskaart wordt in één keer geëxporteerd en weer geïmporteerd, zodat ook dat geen ontwikkelklus is.
- Prijs, volgorde en zichtbaarheid per gerecht
- Hele kaart exporteren en importeren
- Geen developer voor een prijswijziging
Vijf aanvraagtypen, één werkstroom.
Diner, borrel, hapjes en schalen, High Wine en evenementen komen binnen via hetzelfde formulier en gaan rechtstreeks door naar de werkstroom van het restaurant. Op gesloten dagen komt er niets binnen dat teruggebeld moet worden.
- Eén ingang voor vijf soorten aanvragen
- Rechtstreeks in de werkstroom van de zaak
- Geen aanvragen op gesloten dagen
Next.js 16 (App Router)React 19 · TypeScript
Tailwind CSS 4
Vercel
Firebase (Firestore, Auth, Storage)
Make.com
WebP-fotografie, statisch uitgeserveerdDezelfde, bewezen stack die we op elk Effiflow-project gebruiken: geen lock-in, makkelijk over te dragen.
Acht maanden later, gemeten in productie.
Gasten weten waar ze aan toe zijn: is de zaak een dag dicht, dan staat dat boven aan de homepage en blokkeert het formulier die datum. Het formulier zegt daarbij niet zomaar nee. Het zegt waarom, en waar er ruimte is: een dinsdag is bespreekbaar vanaf twintig personen, dus daar wijst het naar de contactpagina in plaats van de deur te sluiten. En oude links bleven werken toen menukaarten werden samengevoegd, met echte redirects, zodat de vindbaarheid niet inzakte.
Wil je een site die klopt met wat er in je zaak gebeurt?
Kaart, agenda en aanvragen in eigen beheer, met regels die het formulier kent voordat een gast op verzenden drukt. Vertel wat er nu wringt, dan vertellen wij eerlijk of dit bij jullie past.
