Northbound
Headless replatforming voor een outdoorretailer in 40 markten
Een negen jaar oude monolithische webshop is overgezet naar een headless Shopify-architectuur met een eigen B2B-groothandelsportaal erbovenop. De checkout is per markt opnieuw gebouwd rond lokale betaalmethoden, en het ERP is zo gekoppeld dat voorraad en prijzen 's nachts niet meer uit de pas lopen.
Resultaten
- Checkoutconversie
- +31%Checkoutconversie
- LCP op 4G mobiel, was 4,8 s
- 1.4sLCP op 4G mobiel, was 4,8 s
- Organisch verkeer verloren bij de overstap
- 0%Organisch verkeer verloren bij de overstap
- Campagne opzetten, was 3 dagen
- Same dayCampagne opzetten, was 3 dagen
The challenge
What we walked into.
Northbound verkocht in veertig markten vanuit één webshop die negen jaar eerder was gebouwd. Elke campagnewijziging liep via een ticket bij een developer en de releasetrein reed maandelijks, dus seizoensmerchandising was altijd te laat.
De checkout was het grotere probleem. Eén kaartverwerker bediende alle markten: geen iDEAL in Nederland, geen Bancontact in België en geen Klarna in Duitsland. De conversie in hun drie grootste Europese markten lag ver onder het segmentgemiddelde, en niemand kon zeggen hoeveel — de funnel was niet gemeten.
Achter de winkel kwamen voorraad en prijzen als een nachtelijk CSV-bestand uit SAP. Oververkoop tijdens campagnes was routine, en de klantenservice ving het op. Groothandelskopers, goed voor een derde van de omzet, bestelden ondertussen door spreadsheets te mailen naar hun accountmanager.
The approach
What we actually did.
- 01
Headless, maar niet dakloos
Shopify bleef staan voor betalingen, btw en fraudecontrole; de winkel zelf hebben we met Hydrogen overgenomen. Zo bewegen merchandising, content en front-end op eigen snelheid — zonder over drie jaar opnieuw te replatformen.
- 02
Migratie als redirectvraagstuk
We hebben 41.000 geïndexeerde URL's gecrawld, elke URL aan een bestemming gekoppeld en de mapping tegen staging afgezet tot die leeg terugkwam. Pariteit van gestructureerde data werd in de testsuite bewaakt, niet met de hand gecontroleerd.
- 03
Checkout per markt opnieuw gebouwd
Adyen verving de enkele verwerker, met lokale methoden markt voor markt: iDEAL, Bancontact, Klarna en wallets. Elke stap van de funnel werd vóór livegang gemeten, zodat de verandering meetbaar werd in plaats van bediscussieerbaar.
- 04
ERP-koppeling in realtime
Het nachtelijke CSV werd een event-gedreven synchronisatie met idempotente replay: voorraad- en prijswijzigingen bereiken de winkel binnen seconden, en een mislukt bericht kan opnieuw worden verwerkt zonder een order te dupliceren.
- 05
Een groothandelsportaal in plaats van een inbox
Bedrijfsaccounts, inkopersrollen, goedkeuringsketens, contractprijzen en inkooporders — accountmanagers tikken geen spreadsheets meer over en inkopers regelen het zelf.
- 06
Merchandising zonder developers
Algolia-zoekfunctie met afgestemde ranking, plus tooling voor collecties, badges en campagnes die het commerciële team zelf bedient. Een campagne opzetten vraagt geen deployment meer.
Technologie
- Shopify Hydrogen
- Next.js
- Adyen
- Algolia
- SAP
- Cloudflare
De replatforming ging op een dinsdagochtend live en het organische verkeer bewoog niet. De checkoutconversie wel — eenendertig procent hoger aan het eind van het kwartaal.
Daniel V.
Commercieel directeur, Northbound
Practices used
Aan de slag
Vertel ons wat er gebouwd moet worden — of wie het moet bouwen.
Beschrijf de situatie zoals die werkelijk is. U krijgt een uitgewerkt voorstel terug, een team met namen, een vaste planning en een bedrag dat u aan een bestuur kunt voorleggen.
Een partner reageert binnen één werkdag — met vragen, niet met een verkooptraject.