Terug naar portfolio

Slimme, gefaseerde vernieuwing van Verf.nl

Voor Verf.nl vernieuwen we de website stap voor stap. De website blijft volledig operationeel, terwijl we onder de motorkap grote verbeteringen doorvoeren.

Bekijk Verf.nl
Technologieën
BigCommerce, Directus
Rol
Product Owner
Datum
Februari 2025
Website
verf.nl
Verf.nl Headless

Wat houdt de Verf.nl headless transitie in?

Voor Verf.nl werd een gefaseerde transitie naar een headless e-commerce architectuur ingezet. Een headless architectuur scheidt de frontend (wat de bezoeker ziet) van de backend (waar data en bedrijfslogica leven). Dit geeft vrijheid om de beste frontend-technologie te kiezen — in dit geval Vue.js en Nuxt — terwijl BigCommerce als e-commerce engine en Directus als CMS de data beheren. Het resultaat: snellere laadtijden, betere vindbaarheid en meer flexibiliteit voor toekomstige uitbreidingen.

Waarom kiezen voor een gefaseerde aanpak?

In plaats van een grote, risicovolle overstap werden onderdelen van de website één voor één vervangen. Bezoekers merkten hier niets van: de uitstraling bleef gelijk, maar de techniek werd volledig vernieuwd. Dit garandeerde continuïteit, stabiliteit en controle gedurende het hele traject — cruciaal voor een actieve e-commerce omgeving waar downtime directe omzetschade betekent. De vernieuwing startte met productpagina's, gevolgd door de homepage, contentpagina's en categoriepagina's.

Welke resultaten zijn behaald?

De gefaseerde headless transitie leidde tot meetbaar betere performance, verbeterde indexeerbaarheid door zoekmachines en een sterkere technische basis voor verdere groei. Ingelogde klanten zien automatisch hun persoonlijke prijzen op categoriepagina's — een naadloze, gepersonaliseerde winkelervaring die met de vorige architectuur niet mogelijk was.

92/100

Lighthouse Performance

(was 61)

1,8s

LCP desktop

(was 4,2s)

0

Downtime tijdens migratie

gefaseerde aanpak

+57%

Performance verbetering

Lighthouse score

BigCommerceDirectusVue.jsNuxtHeadless architectuur

Meer lezen?

Benieuwd naar de details van deze case? Helaas kan ik niet alles openbaar delen. Stuur me een berichtje voor toegang.