De uitdaging
Het merk verkocht via een generiek Shopify-thema dat de prestaties en het vakmanschap achter de planken niet uitstraalde. De conversies lagen ruim onder het sectorgemiddelde. De oprichter wilde een site die even goed aanvoelde als het surfen op een van zijn planken.
De oplossing
We bouwden een headless Shopify-storefront met Next.js en de Storefront API, wat ons volledige designvrijheid gaf terwijl we de voorraad- en checkoutinfrastructuur van Shopify behielden. De hero is een full-bleed videoscrub gekoppeld aan het scrollen. Productpagina's hebben 3D-plankconfiguratoren gebouwd in Three.js.
Het resultaat
De verkoop schoot omhoog vanaf de lanceringsweek en bleef klimmen. De webshop voelde eindelijk zoals de planken: snel, precies, verslavend om te doorbladeren. Het community-journal maakte van organisch zoekverkeer een vast acquisitiekanaal.
Hoe we het bouwden.
Competitieve audit van surfmerken wereldwijd. Vastgesteld dat geen enkele directe concurrent een headless storefront had, een duidelijk performancevoordeel om te grijpen.
Donker, contrastrijk designsysteem geïnspireerd op surffotografie. Krachtige typografie, full-bleed beeld en royale witruimte op de productpagina's.
Headless Shopify via Next.js. Incremental Static Regeneration voor productpagina's. Three.js-plankconfigurator met realtime vin- en kleuropties.
SEO-sprint na de lancering, gericht op long-tail surfzoekwoorden. E-mailcapture geïntegreerd bij de checkout. Herhaalaankopen werden binnen de eerste twee maanden een gewoonte.
Andere projecten.
Klaar om te bouwen?