Terug naar cases
Eigen initiatief · LALA Latin Soul Food

De kaart was eendrukbestandvan 13 megabyte.

Een restaurant in de Markthal met 708 beoordelingen en een gemiddelde van 4,4. De site vertelde alleen niet wat er te eten was, wanneer ze open waren of wat iets kostte. Wie een tafel wilde, werd doorgestuurd naar TheFork. Wij maakten een nieuwe site waar de kaart op de pagina staat en de gast rechtstreeks bij het restaurant boekt.

Voor
LALA Latin Soul Food
Discipline
Website · Reserveringssysteem
Jaar
2026
Tafel voor 2zaterdag · 18 sloten
12:0012:3013:0013:3014:0014:3015:0015:3016:0016:3017:0017:3018:0018:3019:0019:3020:0020:30
bevestigd · 19:00De mail is onderweg, rechtstreeks van het restaurant.
De nieuwe website van LALA Latin Soul Food met een grote foto van tapas, de kop Latin paradise op je bord en twee knoppen

De nieuwe site. Direct onder de kop staat waar het over gaat, plus het reviewcijfer dat ze al hadden.

0
tekens leesbare tekst op de oude site, met nul prijzen erin
13,4 MB
de menukaart, een drukbestand van 65 bij 90 centimeter
0
prijzen die nu als tekst op de pagina staan
0
e-mails die het systeem zelf verstuurt, van bevestiging tot herinnering
01 · het probleem

Alles wat een gast wil weten, zat in een PDF

De oude site is één pagina op WordPress met vijf knoppen eroverheen. Goede foto’s, en verder bijna geen tekst: de volledige zichtbare inhoud is 1.149 tekens, en daar staat geen enkele prijs tussen. Welke gerechten er zijn, leest een bezoeker uit afgekapte Instagram-bijschriften.

De MENU-knop opent een PDF van 13,4 megabyte: het menubord uit de zaak, 65 bij 90 centimeter, klaargemaakt voor de drukker. De openingstijden staan er wel op, maar alle tekst is omgezet naar vectorlijnen. Google leest het niet, een schermlezer leest het niet, en op een telefoon in de Markthal download je eerst dertien megabyte.

en de reservering

Reserveren ging via TheFork. Een knop opende een venster met hun boekingsmodule erin. Dat werkt, maar de reservering en de gast horen daarna bij het platform en niet bij het restaurant.

De website van LALA Latin Soul Food voor en na, nieuwe site
oude site
nieuwe site

Sleep de knop · pijltjestoetsen werken ook

Links vijf knoppen over een foto, rechts staat er wat er te eten is.

De volledige oude pagina van boven tot onder: hero met knoppen, een stuk over ons, contactgegevens en een Instagram-feed
de hele oude pagina, op schaalVan boven tot onder is dit alles wat er stond. Geen gerecht, geen prijs en geen openingstijd als leesbare tekst.
02 · de nieuwe site

De kaart staat nu op de pagina

Twaalf gerechten met omschrijving en prijs, als gewone tekst. Negentien prijzen in totaal, van 7,50 tot 59,50, verdeeld over de tapas, de favorieten en de deelplateaus. De PDF staat er nog voor wie hem wil, maar niemand hoeft hem te openen om te zien wat een portie gambas kost.

De menusectie van de nieuwe site met tapas in twee kolommen, elk met omschrijving en prijs
De reviewsectie met het cijfer 4,4 uit 708 reviews en drie citaten van gasten

Wat er nog meer op staat

De openingstijden staan er nu per dag, en het reviewcijfer ook: 4,4 uit 708 beoordelingen. Die getallen komen uit geverifieerde Google-gegevens, niet uit een schatting.

De site laadt nul scripts van derden. De oude haalde onderdelen op bij zeventien verschillende hosts, waaronder drie losse jQuery-bestanden voor dat ene reserveervenster.

03 · het boekingssysteem

Reserveren bij het restaurant zelf

Achttien tijdsloten per dag, elk half uur van 12:00 tot 20:30, tot negentig dagen vooruit, voor gezelschappen van één tot twaalf personen. De beschikbaarheid komt live uit de database en kijkt naar couverts en tafels tegelijk. Binnen zes uur voor een slot sluit het online boeken en verwijst de pagina naar de telefoon.

achttien tijdsloten, elk half uur van 12:00 tot 20:30
12:00
12:30
13:00
13:30
14:00
14:30
15:00
15:30
16:00
16:30
17:00
17:30
18:00
18:30
19:00
19:30
20:00
20:30
Stap één van de reservering met de gekozen datum en achttien tijdsloten die allemaal als beschikbaar staan gemarkeerd
De tijden verschijnen pas als je een datum kiest, met per slot de status erbij.
Stap twee van de reservering met velden voor naam, telefoon, e-mail en optionele verzoeken
Stap twee van twee. Vier velden, waarvan één optioneel.
Het bevestigingsscherm met een vinkje, de tekst Reservering bevestigd en een reserveringsnummer
Het nummer komt uit een alfabet zonder nul en O, zodat voorlezen aan de telefoon goed gaat.
twee gasten, één plekje

De database zet het tijdslot op slot voordat hij gaat tellen, dus wie verliest ziet dat meteen in plaats van een bevestiging te krijgen die later niet blijkt te kloppen.

daarna

Een mail met een persoonlijke link waarmee de gast zelf verzet of annuleert, tot zes uur van tevoren, zonder account en zonder te bellen. Op de ochtend zelf gaat er een herinnering uit. Het systeem verstuurt zeven verschillende mails.

04 · Beheer

Wat de eigenaar zelf aanpast

De spelregels staan niet in de code maar in de database. Een wijziging is binnen een halve minuut actief, zonder dat er iemand hoeft te publiceren. Bij TheFork zaten deze instellingen buiten bereik van de site.

Openingstijden

  • Welke dagen open
  • Welke tijdsloten en hoe lang

Capaciteit

  • Couverts per tijdslot
  • Aantal tafels
  • Kleinste en grootste gezelschap

Boekvenster

  • Hoeveel dagen vooruit
  • Hoeveel uur vooraf het online sluit

Sluitingen

  • Een hele dag dicht
  • Of alleen een los tijdslot

Gegevens

  • Naam, telefoon en adres zoals die in de mails komen

Misbruik

  • Maximaal aantal reserveringen per gast per dag
05 · zelf proberen

Boek zelf een tafel in de demo.

De demo staat online en werkt echt. Kies een datum en je ziet de achttien tijdsloten met hun beschikbaarheid verschijnen. Ga je door tot de bevestiging, dan komt er een reservering in onze eigen database te staan en gaat er een mail naar ons, niet naar het restaurant.

06 · wat er verandert

Dezelfde gast, twee keer

Gerechten en prijzen op de pagina
toenGeen
nu19 prijzen, 12 gerechten
Openingstijden
toenAlleen in de PDF
nuPer dag op de pagina
Reserveren
toenVia TheFork
nuOp het eigen domein
Buiten openingstijden
toenWachten tot er wordt opgenomen
nuZelf boeken
Na het boeken
toenWat het platform stuurde
nuBevestiging en herinnering
Wijzigen of annuleren
toenBellen
nuZelf, tot 6 uur vooraf
Wie de gastgegevens heeft
toenHet platform
nuHet restaurant
Scripts van derden
toen17 externe hosts
nuGeen
dit is eigen werk, geen opdracht

Dit is eigen werk, geen opdracht. We bouwden deze site op eigen initiatief en zetten hem als demo online; lalasoulfood.nl is nog hun eigen site. Alle cijfers op deze pagina zijn op 2 augustus 2026 gemeten op beide live sites en in de broncode, niet geschat. In deze demo gaan de meldingen naar ons eigen adres in plaats van naar het restaurant.

Dit zetten we ook op jouw zaak.

Vertel wat er misgaat met je reserveringen, dan zeggen we wat we eraan doen.

Next.js 16React 19Tailwind CSSSupabase PostgresVercelTransactionele boekingCron-herinneringen