Outlaw Racing
Een Product Parts Finder voor 50.000+ crossonderdelen
Migratie naar Magento 2 + Hyvä, met fitment op merk, model en bouwjaar — zodat elke crosser in seconden de juiste onderdelen vindt
De uitdaging
Outlaw Racing verkoopt onderdelen voor crossmotoren, enduro en supermoto. De webshop draaide op Magento 1 — end-of-life en niet toekomstbestendig — en moest over naar Magento 2. De harde eis daarbij: de Product Parts Finder moest een catalogus van meer dan 50.000 onderdelen aankunnen, en dat razendsnel blijven doen.
- Magento 1 is end-of-life: geen updates, niet toekomstbestendig
- Migratie naar Magento 2 noodzakelijk
- Product Parts Finder moest 50.000+ onderdelen aankunnen
- Snelheid mocht niet inleveren, ook niet bij groei van het assortiment
Onze oplossing
Coding.nl bouwde een custom Hyvä-frontend en integreerde daarin een op maat afgestemde Product Parts Finder-module. De oplossing draait op Elasticsearch en levert sub-second filtering op merk, model en bouwjaar — een snelle, schaalbare en toekomstbestendige ervaring voor de klant. Die kiest in drie stappen zijn merk, model en bouwjaar en ziet vanaf dat moment alléén nog onderdelen die passen.
- Custom Hyvä-frontend gebouwd door Coding.nl
- Op maat afgestemde Product Parts Finder-module geïntegreerd
- Elasticsearch: sub-second filtering op merk, model en bouwjaar
- Schaalbaar opgezet voor 50.000+ onderdelen
- Snel, toekomstbestendig en klaar voor groei
De Outlaw Racing webshop met 50.000+ producten en de Product Parts Finder
De Product Parts Finder
Alles op de webshop draait om één vraag: past dit op mijn motor? De Product Parts Finder beantwoordt die vraag voordat de klant in de winkelwagen klikt. Het is een op maat afgestemde module die we in de custom Hyvä-frontend hebben geïntegreerd, met Elasticsearch eronder voor sub-second filtering. Drie keuzes — merk, model en bouwjaar — en de hele catalogus van 50.000+ onderdelen krimpt tot precies de onderdelen die op die ene crosser passen. Geen ruis, geen twijfel, geen miskopen.
Kies je merk
KTM, Yamaha, Honda, Husqvarna, GasGas, Kawasaki, Suzuki, Beta… alle gangbare crossmerken zitten in de fitment-database.
Kies je model
Per merk verschijnen alleen de modellen die we kennen — van SX-F 450 tot YZ 250F. De keuzelijst past zich live aan op je merk.
Kies je bouwjaar
Onderdelen verschillen per modeljaar. Het bouwjaar maakt de match exact, tot op de juiste generatie van het frame of de remklauw.
Zie wat past
De catalogus filtert zichzelf naar alléén compatibele onderdelen, verdeeld over remmen, filters, kettingen, plastics en meer.
Selecteer merk, model en bouwjaar
Je ziet daarna alleen passende onderdelen — geen ruis, geen miskopen.
Uitgebreide koppelingen onder de motorkap
De Parts Finder ziet er simpel uit, maar achter die drie dropdowns zit een stevig stuk techniek dat we hebben gekoppeld en geoptimaliseerd:
Fitment-database
Het datamodel van de module koppelt elk product aan één of meer combinaties van merk, model en bouwjaar — de basis van elke match.
Elasticsearch-index
De fitment-relaties zijn mee-geïndexeerd, zodat een filter op merk/model/bouwjaar over 50.000+ producten in milliseconden resultaat geeft.
Layered navigation
De Parts Finder werkt naadloos samen met de filters (prijs, categorie, merk-onderdeel), zodat je verder kunt verfijnen binnen je eigen motor.
Schaalbaar opgezet
De fitment-aanpak is gebouwd om mee te groeien: meer merken, modellen en producten zonder dat het filteren trager wordt.
Hyvä maakt het verschil — vooral bij deze schaal
Een catalogus van 50.000+ producten is genadeloos voor een trage frontend. Standaard Magento (Luma) sleept een zware Knockout/RequireJS-stack mee die juist op filter- en productpagina’s in elkaar zakt. Hyvä gooit dat overboord en bouwt de frontend opnieuw op met Tailwind CSS en Alpine.js — minimale JavaScript, maximale snelheid. Precies wat een Parts Finder met duizenden mogelijke filtercombinaties nodig heeft.
Hyvä UI
Een clean, razendsnelle interface op Tailwind + Alpine.js. De Parts Finder en layered navigation reageren direct, zonder de trage JavaScript-overhead van Luma.
Hyvä Checkout
Een gestroomlijnde, lichte checkout die in één vloeiende flow afrekent. Minder stappen, minder frictie en meetbaar minder uitval — juist bij de impulsaankoop van een crosser-onderdeel.
Core Web Vitals
Door de minimale JavaScript-footprint scoort de shop groen op de Core Web Vitals van Google. Snelle pagina’s = betere conversie én betere rankings.
Onderhoudbaar maatwerk
Hyvä is upgrade-vriendelijk en eenvoudig uit te breiden. De Parts Finder is als nette, geïsoleerde component gebouwd die meegaat met toekomstige Magento-updates.
Technische highlights
Product Parts Finder
Module geïntegreerd en aangepast voor fitment op merk, model en bouwjaar
Fitment-database
Datamodel dat producten aan compatibele motoren koppelt
Elasticsearch
Geoptimaliseerde index voor sub-second filteren op 50K+ producten
Layered navigation
Verfijnen binnen je eigen motor met snelle, gefacetteerde filters
Hyvä-frontend
Razendsnelle UI met Alpine.js en Tailwind CSS
Hyvä-checkout
Lichte, gestroomlijnde afrekenflow met minder uitval
Magento 1 → 2 migratie
Overstap naar een ondersteund, toekomstbestendig platform
Schaalbaar opgezet
Klaar voor een sterk groeiend assortiment
Volgende case
Bestrating.nl →Klaar voor jouw succesverhaal?
Laten we bespreken hoe we jouw project kunnen realiseren.
Start een gesprek