Alle projecten

Webshop herbouwd op een headless voorkant

Homepage van de headless webshop van Cheese In A Box Cheese In A Box

Een groeiend kaasabonnement wilde sneller en flexibeler, maar de webshop liep vast. Ik herbouwde de voorkant in Next.js, met WooCommerce als beheer erachter en vijf taalversies.

Bekijk live site cheeseinabox.nl

Klant
Cheese In A Box
Branche
eCommerce / Food / Abonnementen
Doorlooptijd
doorlopend
Voorkant
HeadlessNext.js op Cloudflare
Talen
5taalversies
Beheer
Webshopblijft ongewijzigd
Bestelflow
Op maatabonnement-selector

De uitdaging

Cheese In A Box is een groeiend kaasabonnement-merk dat kaaspakketten verstuurt naar klanten in meerdere landen. De bestaande webshop was traag, inflexibel en bood onvoldoende ruimte voor een op maat gemaakt bestelproces. De abonnement-selector was een standaard productpagina, wat niet aansloot bij de merkbeleving.

De aanpak

De voorkant van de webshop is volledig opnieuw gebouwd met moderne technologie, terwijl het bestaande beheer (producten, bestellingen, betalingen) gewoon bleef werken. Zo hoefde het team niks anders te doen, terwijl klanten een veel snellere en mooiere ervaring kregen.

De kern van de nieuwe ervaring is een op maat gemaakte kaasabonnement-selector: een interactieve flow waarin klanten hun pakket samenstellen. De site laadt razendsnel en draait in vijf talen: Nederlands, Duits, Frans, Engels en Spaans, elk met een eigen URL-structuur.

Het resultaat

De voorkant draait nu headless op Cloudflare, los van het WooCommerce-beheer erachter. Het bestelproces is intuïtiever en sluit aan bij de premium positionering van het merk. Het bestaande beheer bleef ongewijzigd, waardoor de dagelijkse operatie niet verstoord werd tijdens de migratie.

De site in beeld

De homepage van de webshop van Cheese In A Box op een breed scherm, met de kop Online kaas bestellen die verrast
Dezelfde homepage op een telefoon, met de bestelknop en de Google-beoordeling direct in beeld

Opgeleverd

  • Volledig nieuwe, snelle voorkant van de webshop
  • Op maat gemaakte kaasabonnement-selector
  • Bestaande webshopbeheer blijft gewoon werken
  • 5-talige ondersteuning (NL, DE, FR, EN, ES)
  • Snelle laadtijden wereldwijd

Next.js React WooCommerce API Cloudflare TypeScript

Iets soortgelijks nodig?

Vertel me over jouw project. Dan kijk ik wat de beste aanpak is.

Neem contact op