Nelly's is een gevestigde ontbijt- en broodjeszaak in het hart van Oostende — geliefd om hun verse bereidingen en huiselijke sfeer. De bestaande WordPress-site was een knelpunt geworden: traag op mobiel, moeilijk te onderhouden en geen afspiegeling meer van het niveau van de zaak. We herbouwden alles van nul: een moderne, vliegensvlugge website met een CMS dat eigenares Nele elke dag zelf gebruikt.

Hoofdstuk 01

De uitdaging — een site die de zaak niet meer vertegenwoordigde

De originele WordPress-site draaide op een generiek thema en hinkte achterop de realiteit van de zaak. Drie concrete pijnpunten dreven het project:

Trage laadtijden op mobiel — het merendeel van het verkeer komt van smartphones, maar de site laadde in meer dan 4 seconden. Bezoekers haken af.
Onmogelijk te onderhouden — elke aanpassing aan het menu of de openingsuren vereiste externe hulp of worstelen in een onoverzichtelijk WordPress-dashboard.
Geen sociale bewijskracht — Nelly's scoort 4.8/5 op meer dan 150 Google Reviews, maar die zichtbare geloofwaardigheid stond nergens op de site.

VoorWordPress · 2019

NaNext.js · 2025

Hoofdstuk 02

Onze aanpak — vier maanden, drie sporen

Een grondige herbouw vergt meer dan goede code. We werkten in vier fasen, waarbij Nele bij elke stap werd betrokken.

Week 1 → 2

Audit & positionering

Analyse van het bestaande verkeer, gesprek met Nele over haar dagelijkse frustraties en inventarisatie van alle menu-categorieën. Vastgesteld dat de ontbijtkaart en het dagmenu het zwaarst wogen in de Google-zoekopdrachten.

Week 3 → 6

Ontwerp & content

Visuele richting gevalideerd in twee rondes. Fotosessie van de zaak en de gerechten. Copy volledig in afstemming met Nele — haar toon, haar woorden, haar zaak.

Week 7 → 14

Bouw, CMS & integraties

Next.js App Router met een volledig op maat gebouwd admin-paneel. Menu-beheer via Supabase, Google Reviews live via Places API, kaart via Mapbox en e-mailformulier via Resend. Tweestapsverificatie voor het admin-account.

Week 15 →

Launch & begeleiding

Migratie van domein, DNS en e-mail zonder onderbreking. Nele werd persoonlijk begeleid in het gebruik van het admin-paneel. Sindsdien past ze het menu zelf aan — zonder één technische vraag.

Hoofdstuk 03

De stack — onderhoudbaar voor de lange termijn

Elke keuze is bewust gemaakt met één criterium: kan Nele dit over vijf jaar nog laten onderhouden door wie dan ook, zonder vendor lock-in?

Next.js 16 TypeScript Tailwind CSS 4 Supabase Google Places API Mapbox Resend Vercel WCAG 2.2 AA

De volledige broncode staat in handen van de klant. Hosting via Vercel met automatische deploys — geen maandelijkse "onderhoudsfacturen" voor niets.

Hoofdstuk 04

Resultaten — sneller, zichtbaarder, zelfstandig

Lighthouse score

4.8★

Google reviews zichtbaar

100%

Menu zelf beheerbaar

5× sneller op mobiel — Lighthouse Performance van 41 naar 98, laadtijd van 4.2s naar 0.8s.
Sociale bewijskracht live — 150+ Google Reviews automatisch ingeladen via de Places API, zichtbaar op elke pagina.
Volledig zelfstandig beheer — Nele past het menu, de openingsuren en de dagspecials zelf aan via het admin-paneel.
Toekomstbestendig — open standaarden, geen maandabonnement, geen lock-in bij een leverancier.

Homepage · desktop

Menukaart

Admin · menu beheer

Over ons · kaart

Mobiel · homepage

Hoofdstuk 05

Wat Nele zegt

"Ik had schrik dat zo'n technisch verhaal ingewikkeld zou worden, maar het was precies het tegenovergestelde. Gregory heeft alles proper uitgelegd, mijn mening gevraagd bij elke stap, en het eindresultaat is exact wat ik voor ogen had. Ik pas mijn menu nu zelf aan zonder iemand te moeten bellen — dat alleen al is een wereld van verschil."

Nele

Eigenares · Nelly's Oostende

Links

Nellys.be