WooCommerce-project voor Hagoo Motorsport: headless WooCommerce-webshop met Next.js, bandenkeuzehulp op motor en maat, montage met setprijzen, eigen werkplaatsagenda, haal- en brengservice, Mollie-betalingen.
De aanpak en concrete deliverables waarmee we Hagoo Motorsport online verder hielpen.
Motorbanden kopen is voor de meeste rijders lastig: welke maat past, wat kost het monteren en wanneer kan de motor terecht. Hagoo Motorsport, motorbandenspecialist met een eigen werkplaats in Nijkerk, wilde dat in één online route oplossen, van de juiste band tot een vast moment in de werkplaats.
We bouwden een headless webshop: WooCommerce voor producten, voorraad en orders, met een snelle Next.js-frontend die het ontwerp tot in detail volgt. Een bandenkeuzehulp zoekt op motor of op bandenmaat, de productpagina rekent montage voor voorband, achterband of een complete set door en de checkout plant direct een moment in de eigen werkplaatsagenda, met haal- en brengservice en betaling via Mollie. Hagoo beheert alle teksten zelf in WordPress.
Rijders vinden in een paar stappen de juiste banden, zien de totaalprijs inclusief montage en kiezen meteen een moment in de werkplaats. Een betaalde bestelling komt als order in WooCommerce en als afspraak in de agenda, zonder overtypen, en klanten zien hun bestellingen en afspraken terug in hun account.
Scores uit Google PageSpeed Insights voor hagoomotorsport.nl, gemeten op 13 september 2026. Mobiel test Google met een gesimuleerde middenklasse telefoon op een trager netwerk.
Cases met overeenkomsten in platform of branche.
Hagoo Motorsport verkoopt motorbanden van bekende merken en monteert ze in de eigen werkplaats in Nijkerk. Een band online bestellen is voor de meeste rijders niet het probleem; weten welke maat past, wat montage kost en wanneer de motor terecht kan, is dat wel. De opdracht was daarom geen gewone webshop, maar een route die de rijder van de juiste band naar een afspraak in de werkplaats brengt, met een prijs die vooraf klopt. Het ontwerp kwam als uitgewerkte schermen per pagina, voor desktop en mobiel, en is tot in detail nagebouwd.
De bandenkeuzehulp op de homepage zoekt op motor, met merk, model en bouwjaar, of op bandenmaat, met uitleg bij elk maatveld voor wie niet weet wat draagvermogen of snelheidsindex betekent. Het bandenoverzicht filtert op maat, merk, rijstijl en prijs. Op de productpagina kiest de rijder een voorband, een achterband of een complete set, ziet per positie de voorraad in Nijkerk en kiest of de banden gemonteerd worden of dat hij ze los afhaalt. De prijs van montage en verwijderingsbijdrage rekent direct mee.
In de checkout kiest de klant een moment uit de werkplaatsagenda van Hagoo. De agenda toont alleen tijdvakken die echt vrij zijn, en Hagoo kan in een eigen beheerscherm dagen blokkeren, afspraken bevestigen of verzetten. Wie de motor niet zelf wil brengen, kiest de haal- en brengservice met een ritprijs per provincie. Na betaling via Mollie staat de bestelling als order in WooCommerce en als afspraak in de agenda, zodat niemand iets hoeft over te typen.
De webshop is headless opgebouwd: WooCommerce beheert producten, voorraad, klanten en orders, een Next.js-frontend zorgt voor snelheid en een ontwerp zonder de beperkingen van een standaardthema. Prijzen worden op de server opnieuw berekend en nooit uit de browser overgenomen. Adressen worden bij het invullen aangevuld via de openbare BAG-gegevens, klanten hebben een eigen account met bestellingen en afspraken, en Hagoo past alle teksten van de site zelf aan in WordPress, van de homepage tot de voorwaarden. Bij de meting van 13 september 2026 scoorde de site in Google PageSpeed Insights mobiel 98 en op desktop 97, met 100 voor best practices en SEO.
Vertel ons wat je voor ogen hebt, we komen binnen één werkdag bij je terug met concrete vervolgstappen.
