Niet alles opnieuw, wel alles anders
De verleiding is groot om bij zo’n project alles weg te gooien en vanaf nul te beginnen. Dat hebben we bewust niet gedaan. Magento doet waar het goed in is: producten, voorraad, orders en klantgegevens beheren. Die basis hebben we behouden.
Wat we wel hebben vervangen, is alles wat de klant ziet en waarmee het team dagelijks werkt. De nieuwe storefront draait op Rapidez, een moderne front-end op basis van Laravel, met Statamic 6 als CMS. De categorieboom komt rechtstreeks uit PIM-systeem Akeneo, zodat productdata op één plek wordt beheerd.
Door de front-end los te koppelen van Magento verdween ook de noodzaak voor het grootste deel van het maatwerk. Van de 115 extensies is 90% niet meer nodig. Dat is meer dan een technische opschoonactie. Minder maatwerk betekent minder onderhoud, eenvoudigere updates en lagere operationele kosten. Bovendien kunnen we nieuwe wensen nu veel sneller oppakken, omdat we niet eerst door lagen oud maatwerk heen hoeven.
Snelheid zit in de details
Een snelle webshop ontstaat niet door één grote ingreep, maar door tientallen bewuste keuzes. Een paar die we graag uitlichten:
Lichtere productpagina’s. Sommige productpagina’s waren meer dan 2 MB groot. Door overbodige data te schrappen, zijn ze flink afgeslankt.
Geen verspringende pagina’s. Productsliders krijgen vooraf hun hoogte toegewezen. Zo schuift de pagina niet op terwijl hij laadt, iets wat bezoekers enorm irriteert.
Redacteuren bepalen zelf wat voorrang krijgt. Met een eenvoudige schakelaar in Statamic geven marketeers een hero-afbeelding laadprioriteit, zonder dat daar een developer aan te pas komt.
Daarnaast houden we de webshop na livegang scherp in de gaten. Met Sentry en session replays zien we problemen in productie direct, en we hebben zelfs een AI-classificatie gebouwd die meldingen automatisch sorteert. Zo zitten we problemen voor in plaats van erachteraan.
Marketing aan het stuur
Misschien wel de grootste verandering voor het team van Fietsenwinkel.nl zit achter de schermen. Magento wordt niet langer gebruikt voor content en marketingacties. Al dat werk gebeurt nu in Statamic: centraal, snel en overzichtelijk.
Marketeers bouwen pagina’s met een paginabouwer en stellen productcarrousels samen met een product query builder. Met live preview zien ze direct hoe iets eruitziet, en formulieren beheren ze zelf. Voor Black Friday staan er kant-en-klare elementen klaar, zoals een countdown-balk bovenin de site en de mogelijkheid om de bestelknop tijdelijk te verbergen tot de actie start. Ook Klaviyo-formulieren, Google-reviews en notificatiebanners zijn zelf in te zetten.
Alle bestaande content is meeverhuisd: blogs, klantenservicepagina’s, veelgestelde vragen, handleidingen en winkelpagina’s. Fietsenwinkel.nl en het zakelijke Lease-platform draaien op dezelfde basis, waarbij content tussen beide stores gedeeld kan worden. En omdat het CMS zo’n centrale rol krijgt, hebben we de toegang goed beveiligd met single sign-on en tweestapsverificatie.
Een webshop die snapt hoe je een fiets koopt
Een e-bike koop je niet zoals een paar sokken. Je wilt weten of hij bij je past, of hij in een winkel in de buurt staat en hoe je hem verzekert. De nieuwe webshop is daar volledig op ingericht.
Op de productpagina zie je per winkel de voorraad en of er een showmodel staat. Levertijden staan direct bij de configuratieopties. Twijfel je nog? Dan helpt AI-keuzehulp Aiden je met de vraag of deze e-bike bij je past. In de checkout kies je een verzekering of servicepakket van ANWB of ENRA, met een directe koppeling naar Unigarant voor de laatste vragen. Uitgebreide afhaallogica zorgt ervoor dat je je nieuwe fiets eenvoudig ophaalt in een van de filialen. En wil je eerst voelen hoe hij rijdt, dan plan je online een proefrit bij een winkel naar keuze.
Ook in de winkels zelf speelt de nieuwe webshop een rol. Medewerkers gebruiken een kassamodus op de iPad, volledig opgebouwd in Rapidez. Ze scannen barcodes, maken offertes en zetten orders met betaalverzoeken klaar. Hoe we de webshop tot kassasysteem hebben omgebouwd, lees je in onze case Webshop als POS-systeem.
Vindbaar voor Google én voor AI
Een nieuwe front-end lanceren zonder je zoekposities te verliezen, vraagt om een zorgvuldige aanpak. We hebben een redirectplan opgesteld voor zowel Fietsenwinkel.nl als Lease, de sitemap en robots.txt geoptimaliseerd en vaste formules ingericht voor H1-titels en meta descriptions. Een structured-data-addon geeft zoekmachines extra context over producten, inclusief rapportage.
We kijken daarbij verder dan Google alleen. Steeds meer mensen oriënteren zich via AI-zoekmachines. Met een LLMs.txt-generator en de server-side gerenderde pagina’s is de webshop optimaal leesbaar voor die nieuwe generatie zoekers.
Klaar voor wat komt
De nieuwe storefront is geen eindpunt, maar een startpunt. Waar elke verbetering vroeger door een dikke laag maatwerk heen moest, kunnen we nu snel doorpakken. Dat verkort de roadmap voor front-end verbeteringen en geeft Fietsenwinkel.nl de vrijheid om te ontwerpen en te optimaliseren op het tempo dat de markt vraagt.
De volgende stap staat al klaar: semantische zoekfunctionaliteit, waarmee bezoekers kunnen zoeken zoals ze praten. Dankzij de nieuwe basis met Rapidez ligt dat binnen handbereik.
Wat dit project zo prettig maakte, waren de korte lijnen met het team van Fietsenwinkel.nl. Snel schakelen, samen keuzes maken en elkaar scherp houden. Zo zien wij samenwerking het liefst.
Meer insights
