Een restaurantsite die
klanten laat bestellen.
De oude restaurant- en cateringsite van De4Zussen in Ede deed er op mobiel 19 seconden over. Na een volledig redesign en de overstap naar Next.js scoort hij nu 99 op mobiel en 100 op desktop in PageSpeed, met een eigen adminpaneel en bestelsysteem dat ze zelf beheren.
Negentien seconden laadtijd op een restaurantsite waar mensen willen bestellen.
De oude site stond op WordPress en WooCommerce, en hij was traag. Op mobiel deed hij er 19 seconden over voordat je iets zag. Op desktop ging het beter, maar snel was anders. En voor een restaurant en cateringbedrijf draait alles om bestellen. De meeste mensen wachten geen 19 seconden, die zijn al weg voor je eerste broodje in beeld staat.
Dus hebben we de site opnieuw gebouwd. Van WordPress en WooCommerce naar een headless front op Next.js, puur voor de snelheid. Zo'n website-migratie is vaak waar de grootste snelheidswinst zit. En in plaats van beheer via plugins kreeg De4Zussen een eigen adminpaneel op een Supabase-database, waar ze alles zelf in handen hebben.
We lieten eerst alleen het ontwerp van de homepage zien. Beviel het niet, dan kostte het ze niets en gingen we uit elkaar. Zo neem je het risico bij ons weg, niet bij de klant. Het beviel, en daarna bouwden we door.
Van traag en lastig naar snel en zelf te beheren.
Een nieuw ontwerp, een snelle basis en een bestelportaal dat ze zelf in de hand hebben. Tijd om de site opnieuw te bouwen.
Een trage site die bestellingen kostte
Op mobiel 19 seconden laadtijd, beheer dat lastig ging via plugins en een ontwerp dat niet meer paste bij wat De4Zussen wilde.
Redesign, headless en eigen beheer
Eerst een nieuw ontwerp, daarna een overstap naar Next.js voor de snelheid en een eigen adminpaneel op Supabase met een bestelportaal.
Twee seconden, alles in eigen hand
Mobiel rond 2 seconden, desktop in 0,3 en PageSpeed 99 en 100. De4Zussen beheert teksten, producten en het bestelportaal nu zelf.
Snel, helder en zelf te beheren.
Vier ingrepen die samen het verschil maakten: snelheid, een nieuw ontwerp, een soepel bestelproces en beheer zonder developer.
Van 19 seconden naar twee
Voor een plek waar mensen willen bestellen, is een trage site dodelijk. De overstap naar een headless front op Next.js maakte het verschil. Nu scoort de site 99 op mobiel en 100 op desktop in PageSpeed, en laadt hij in twee seconden op mobiel en 0,3 op desktop. Geen marketingpraat, het staat in de meting hieronder.
Een volledig nieuw ontwerp
Het nieuwe ontwerp was de eerste stap. De homepage helemaal opnieuw: rustiger, beter gestructureerd en met een duidelijke route naar bestellen en catering. Pas toen dat zat, bouwden we de rest.
Bestellen als bij Thuisbezorgd
Het hart van de site is het bestelportaal. Categorieën, een winkelmand en afrekenen, afhalen of bezorgen in Ede. Per product kiest de klant aantal en opties, met een opmerkingveld erbij. Een veel soepeler proces dan eerst.
Beheer zonder developer, alles op een eigen database.
Een adminpaneel waarin ze alles zelf doen
Achter de site zit een eigen adminpaneel op een Supabase-database. De4Zussen past zelf teksten en afbeeldingen aan, voegt producten toe en zet het bestelportaal met een klik aan of uit. Geen developer nodig voor een prijswijziging.
Geen claim, gewoon de meting.
De officiële PageSpeed Insights van Google, mobiel en desktop. 99 en 100, op een site die eerst 19 seconden deed.
Wat gebruikers echt zien en doen.
Vier schermen die laten zien hoe de nieuwe site werkt, van het ontwerp tot het bestelportaal.
Homepage, het nieuwe ontwerp
Rust, ruimte en een duidelijke route naar bestellen en catering. Dit ontwerp gaf de doorslag.
Wat het opleverde.
Sneller laden, een soepeler bestelproces en een site die De4Zussen zelf kan bijhouden.
PageSpeed 99 op mobiel, 100 op desktop
Van 19 seconden laadtijd naar twee seconden op mobiel en 0,3 op desktop. Gemeten via Google PageSpeed Insights, geen marketingclaim. Snelheid is hier geen detail, het bepaalt of iemand wel of niet bestelt.
Alles in eigen hand
Een eigen adminpaneel op Supabase. Teksten, afbeeldingen en producten beheren ze zelf, en het bestelportaal gaat met een klik aan of uit. Geen developer nodig voor een kleine wijziging.
Klaar voor de volgende stap
De basis is schoon en snel. De volgende winst zit in vindbaarheid in Google, en daar gaan we samen aan werken. Dit is het begin van de samenwerking, geen eindpunt.
Laadt jouw site voor je klant afhaakt?
Een trage site kost je bestellingen, elke dag. Net als bij De4Zussen bouwen we snel en helder, zodat je alles zelf kunt beheren. Ook een restaurant- of horecawebsite laten maken? Van 19 seconden naar twee, dat scheelt.