Outlaw Racing
Van Ultimo naar Hyvä: 100.000+ crossonderdelen, en je ziet alleen wat op je motor past
Sinds mei 2023 de vaste technische partner. In 2025 bouwden we de webshop opnieuw op Hyvä met Hyvä Checkout, en daaromheen een compleet ecosysteem rond de vraag die elke crosser heeft: past dit op mijn motor?
De uitdaging
Outlaw Racing uit Leeuwarden is al meer dan vijftien jaar dé specialist in motorcross, enduro en supermoto, met een winkel van 450 m², een eigen werkplaats en een webshop met meer dan 100.000 producten. Klanten geven een 9,2 uit ruim 4.000 reviews. De Magento 2-webshop draaide op het zware Ultimo-thema en was door eerdere bureaus gebouwd. Toen wij hem in mei 2023 overnamen, liep hij achter op Magento- en PHP-versies. En de belangrijkste vraag van elke klant, "past dit op mijn motor?", moest overal in de shop beantwoord worden, niet alleen in een zoekformulier.
- Een zwaar Ultimo-thema op RequireJS en Knockout, traag op mobiel
- Achterstallige Magento- en PHP-versies
- Een catalogus van 100.000+ producten met ruim 2 miljoen fitment-koppelingen op merk, bouwjaar en model
- Online en in de winkel verkopen, met aparte voorraad en levertijden
- Feeds en Google Shopping die per variant de juiste prijs moeten tonen
Onze oplossing
We hebben de shop eerst gestabiliseerd en geüpgraded, en hem in 2025 helemaal opnieuw opgebouwd op Hyvä, met Hyvä Checkout. Daarna hebben we de parts finder van Amasty uitgebouwd tot de rode draad door de hele webshop: van de homepage en de header tot de productpagina, de aanbevelingen en een eigen garage voor ingelogde klanten. Inmiddels draait alles op Magento 2.4.9 en PHP 8.3.
- Een eigen Hyvä-theme (Tailwind + Alpine.js) en Hyvä Checkout
- De parts finder op de homepage, in de header en op elke productpagina
- Mijn Garage: je motoren opslaan en direct gefilterd shoppen
- Levertijden per product, online én in de winkel
- Merchandising op basis van verkoopdata, en SEO-schema per variant
- Drie Magento-upgrades, tot en met 2.4.9, plus security-hardening
De homepage van outlawracing.nl op Hyvä, met de parts finder bovenaan (oktober 2026)
Een rondleiding door de webshop
Een greep uit wat we voor Outlaw Racing hebben gebouwd. De screenshots zijn gemaakt op de live shop in oktober 2026, met een KTM SX-F 450 uit 2023 als gekozen motor.
Eerst je motor, dan pas de onderdelen
De parts finder is de basis van de shop. Op de homepage kies je merk, bouwjaar en model, en vanaf dat moment zie je alleen nog onderdelen die passen: voor een KTM SX-F 450 uit 2023 zijn dat er ruim 1.700. De finder zelf is de Product Parts Finder van Amasty. Wij hebben hem naar Hyvä gebracht en eromheen gebouwd: een hero-finder met populaire merken, een dropdown in de header die je motor onthoudt, productnamen die automatisch uit de fitment-data worden opgebouwd, en analytics op elke zoekopdracht.
- Merk → bouwjaar → model, met de keuzelijsten live gefilterd
- De gekozen motor blijft in de header staan, ook na een volgend bezoek
- Productnamen gegenereerd uit merk, model en bouwjaar
- Finder-analytics: welke motoren worden het meest gezocht
"Dit product past op je geselecteerde motor"
Op de productpagina krijgt de klant direct antwoord: past dit op de motor die ik gekozen heb? Daaronder staat een tabel met alle motoren waar het onderdeel op past. Die tabel hebben we herschreven zonder N+1-queries, want sommige onderdelen passen op honderden modellen. Ook de levertijd is maatwerk: per product zie je of het in de winkel ligt en wanneer het online verstuurd wordt, en diezelfde melding komt terug in de winkelwagen en de orderbevestiging.
- Een fit-check met de gekozen motor, en ook als REST-API
- Een fitment-tabel "Dit onderdeel past op"
- Levertijd en voorraad apart voor de winkel en online
- Kleurvarianten als series, met een eigen URL per variant
Aanbevelingen die ook op je motor passen
"Klanten kochten ook" heeft weinig zin als het onderdeel niet op jouw motor past. Daarom hebben we de automatische aanbevelingen gekoppeld aan de parts finder: onder elk product staan vergelijkbare producten voor hetzelfde model, en een "perfecte combi" met onderdelen die erbij horen. Een plastickit krijgt dus de framebeschermers en stickersets voor dezelfde KTM, niet die voor een Yamaha.
- Vergelijkbare producten voor hetzelfde model
- "Perfecte combi" bij elk onderdeel
- Gekoppeld aan de fitment-data van de parts finder
Afrekenen op één pagina
De checkout is opnieuw opgebouwd op Hyvä Checkout: contactgegevens, verzending en betaling op één pagina, zonder herladen. Het adres wordt aangevuld via Postcode.nl, en voor Belgische klanten hebben we een eigen postcode- en huisnummercheck gebouwd. Een cadeaubon verzilver je gewoon in het kortingscodeveld, kleine orders krijgen automatisch een toeslag met een duidelijke melding, en afhalen in de winkel in Leeuwarden is gratis.
- Hyvä Checkout met Postcode.nl
- Een eigen adrescheck voor België
- Cadeaubon via het kortingscodeveld (Magewire)
- Kleine-ordertoeslag met een melding in de checkout
- PostNL, servicepunt of afhalen in Leeuwarden
De juiste producten bovenaan, en de juiste prijs in Google
Met 100.000+ producten bepaalt de sortering wat er verkocht wordt. Elke nacht berekenen we per product een commerciële score uit de verkoopcijfers, en die bepaalt samen met de Visual Merchandiser van Amasty de volgorde in de categorieën. Daarnaast regelt een eigen module dat alleen de hoogste korting geldt als catalogus- en winkelwagenregels samenvallen, en zien klanten de adviesprijs naast de eigen prijs. Voor Google Shopping krijgt elke variant een eigen URL met de juiste prijs, en uitgebreide JSON-LD met GTIN, verzend- en retourbeleid.
- Nachtelijke sorteerscore op basis van verkoopdata
- De hoogste korting wint, nooit opgeteld
- Adviesprijs / onze prijs
- Variant-URLs voor Google Merchant en rich snippets
- Feedback Company-reviews op de productpagina
In de werkplaats, met je telefoon in de hand
Een onderdeel bestel je vaak naast je motor, met vette handen en je telefoon. Daarom werkt de finder op mobiel met grote keuzelijsten en logo's van de populairste merken, staat de fit-check bovenaan de productpagina, en zit de finder ook op elke categoriepagina. Begin oktober 2026 hebben we de LCP van de productpagina op mobiel nog verder verlaagd door de hoofdafbeelding direct vanuit de HTML te tekenen.
Eén Magento voor online én de winkel in Leeuwarden
Outlaw Racing heeft een winkel van 450 m² met een eigen werkplaats. Die draait op dezelfde Magento-installatie, zodat voorraad, prijzen en klanten overal hetzelfde zijn.
Kassa in de winkel
Een POS-kassa op Magento, met gekoppelde pinterminals, zodat winkelverkopen direct in dezelfde voorraad landen.
Winkel- en onlinevoorraad
Per product zie je apart of het in de winkel ligt en wanneer het online verstuurd wordt.
Afhalen in Leeuwarden
Gratis afhalen als verzendmethode in de checkout, naast PostNL en servicepunten via Sendcloud.
Core Web Vitals: groen op mobiel
Een catalogus van 100.000+ producten met een finder erboven is zwaar voor een frontend. Toch haalt de shop alle drie de Core Web Vitals, gemeten bij echte bezoekers op hun eigen telefoon. De cijfers hieronder komen uit het Chrome User Experience Report (CrUX) van Google: mobiele bezoekers, 75e percentiel, over de 28 dagen tot 6 oktober 2026. Sinds deze week meten we ook met RUMvision.
Hoe we daar kwamen
Hyvä in plaats van Ultimo
Geen RequireJS/Knockout-stack meer, maar Alpine.js en een kleine Tailwind-build. Dat scheelt vooral op de filter- en productpagina's.
LCP vanuit de HTML
De hoofdafbeelding van de productpagina wordt direct vanuit de HTML getekend in plaats van via JavaScript: op mobiel ging de LCP in onze meting van 4,1 naar 2,4 seconden.
Geen N+1-queries
De fitment-tabel en de productfeed voor Hello Retail zijn herschreven, zodat ze niet per motor of per product een losse query doen.
WebP
Alle productafbeeldingen worden als WebP geserveerd.
Full page cache
De gekozen motor en de garage werken achter Varnish, zodat ook gepersonaliseerde pagina's uit de cache komen.
Minder logging-ruis
Client-fouten in GraphQL worden niet meer als kritiek gelogd, zodat echte problemen opvallen.
Drie jaar doorontwikkeling
- ± 2020
Van Magento 1 naar 2
De shop gaat over naar Magento 2 op het Ultimo-thema, gebouwd door een ander bureau.
- Mei 2023
Coding.nl neemt over
Upgrade naar Magento 2.4.6 en PHP 8.2, een releaseproces, levertijden per product, Sendcloud en PostNL.
- 2024
Winkel & upgrade
Magento 2.4.7, een kassa met pinterminals in de winkel, WebP en productnamen uit de fitment-data.
- Feb–mei 2025
Hyvä + Hyvä Checkout
Het Ultimo-thema vervangen door een eigen Hyvä-theme, met Hyvä Checkout en Postcode.nl.
- H2 2025
Finder overal
De finder in de header, een fit-check-API, de nieuwe productpagina en aanbevelingen per motor.
- 2026
Garage, merchandising & 2.4.9
Mijn Garage, de sorteerscore, variant-URLs, SEO-schema, Klaviyo, Magento 2.4.9 en security-hardening.
Technische highlights
Magento 2.4.9 + Hyvä
Een eigen Hyvä-theme op PHP 8.3
Hyvä Checkout
Met Postcode.nl, een Belgische adrescheck en cadeaubonnen
Parts finder
Amasty Finder, door ons uitgebouwd naar Hyvä, de header en de PDP
Mijn Garage
Motoren opslaan, met een standaardmotor na het inloggen
Fit-check API
REST-endpoint: past dit SKU op de gekozen motor?
Finder-analytics
Inzicht in welke motoren er gezocht worden
Levertijd-engine
Meldingen op de PDP, in de winkelwagen en in e-mails
Sorteerscore
Een nachtelijke commerciële score uit de verkoopdata
Variant-URLs
De juiste variantprijs in Google Merchant en de rich snippets
SEO-schema
JSON-LD met GTIN, verzending, retour en LocalBusiness
Kassa in de winkel
POS op Magento met gekoppelde pinterminals
Security-hardening
Een eigen module tegen de StyleSmuggler-aanvalsketen
Volgende case
Bestrating.nl →Klaar voor jouw succesverhaal?
Laten we bespreken hoe we jouw project kunnen realiseren.
Start een gesprek