Case study · Website op maat

AXA Racing: drie merken, één website en eigen platform in dagen

Daniel Hauser
· 3 min lezen
AXA Racing: drie merken, één website en eigen platform in dagen

De opdracht klonk simpel: maak van meerdere websites er één. Eigen, snel en met een beheeromgeving die het team van de dealer zonder programmeur kan bedienen. Maar achter die ene zin zat de grootste uitdaging van het hele project: de data.

3merken in één catalogus
3 dagenvan lege repository tot complete website
12secties in het eigen beheer
1datamodel voor alle machines

Uitgangspunt: drie werelden, drie formaten

AXA Racing is officieel dealer van drie merken: Polaris, CFMOTO en GOES. Elke fabrikant publiceert zijn machinedata op een eigen manier. Modellen en submodellen heten anders, kleuren worden anders vermeld, net als technische specificaties en homologaties. Hier is een kleur alleen een naam, daar een code, ergens anders een foto. En sommige ‘submodellen’ zijn eigenlijk zelfstandige machines met een eigen prijs.

Hadden we de data simpelweg overgenomen, dan zou je als klant appels met peren vergelijken en zouden de verkopers elke prijs- of kleurwijziging op drie plekken moeten opzoeken.

De oplossing: één model voor alle machines

Nog voordat er één scherm ontworpen was, bedachten we een datamodel waarin elke machine van alle drie de merken past. Model, submodellen, prijzen, modeljaren, kleuren met kleurcode en keuzefoto, homologaties (T1B, T3B, L7e) en complete technische specificaties, van motor tot laadvermogen. Voor de data legden we harde regels vast: machinefoto’s altijd met transparante achtergrond, geen enkel product met onvolledige gegevens, en liever een leeg veld dan een gok.

De grootste uitdaging was niet het design en ook niet de code. Het ging erom de data van drie fabrikanten in één vorm te gieten, zodat je ze kunt vergelijken en de klant ze zelf kan bijhouden.
AXA Racing, homepage van de website
Een donker decor, neonlimoen en een grote foto. De site heeft dezelfde drive als de machines.

Eigen beheeromgeving in plaats van compromissen

Kant-en-klare contentmanagementsystemen zijn gemaakt voor artikelen, niet voor een catalogus met machines in allerlei kleurvarianten. Daarom bouwden we een eigen beheeromgeving, precies afgestemd op hoe de dealer werkt:

  • producten van alle drie de merken met varianten, kleuren en specificaties, inclusief handmatige volgorde,
  • voorraadmachines en demovoertuigen met galerij en aanvraag voor een proefrit,
  • evenementenkalender, teambuildings en service,
  • slides op de homepage, uitgelichte machines en secties van de homepage,
  • catalogi, categorieën, contactgegevens en algemene pagina’s,
  • aanvragen via de website die direct bij de verkopers binnenkomen.

Waarom een eigen platform op Next.js

De site draait op Next.js, een modern framework waarop ook de websites van grote merken draaien. Pagina’s worden vooraf gegenereerd, dus ze laden direct, terwijl de inhoud op elk moment via het beheer aan te passen is. Geen plug-ins van derden die je constant moet updaten, geen overbodige scripts. Het resultaat: een snelle website die zoekmachines goed kunnen lezen, en een platform dat we verder kunnen uitbouwen.

En dat gebeurt ook. Na de lancering kwamen er een accessoirecatalogus, een galerij met voorraadmachines en een sectie met demovoertuigen inclusief proefritreservering bij. Elke nieuwe functie landt in hetzelfde systeem, zonder de site om te bouwen.

AXA Racing op mobiel
Catalogus en aanvraag werken net zo goed in je hand als op een groot scherm.

Hoe kon dit in een paar dagen?

Door ervaring te combineren met moderne tools. Design, datamodel en ontwikkeling lagen bij één persoon, dus er ging niets verloren in overdrachten tussen bureaus. Routinewerk, zoals het omzetten van productdata en afbeeldingen of het controleren van tientallen kleurvarianten, hebben we geautomatiseerd. Waar het echt om draait, de dataregels, het design en het fijnslijpen van details, bleef in mensenhanden.

Het resultaat

Eén website in plaats van meerdere, één catalogus voor drie merken en een beheeromgeving waarin het team van de dealer gewone wijzigingen zelf doet. En een platform dat meegroeit met het bedrijf.

Een vergelijkbaar project?

Schrijf in een paar zinnen wat je nodig hebt. Ik neem persoonlijk contact op.

Project bespreken

Meer artikelen

Rebon: een merk voor een product dat de klant niet begrijpt

Rebon: een merk voor een product dat de klant niet begrijpt

Hoe je merk en shop voor waterfiltratie ontwerpt zodat een leek snapt wat hij koopt. Van het logotype via productvisuals tot het ontwerp van de hele site.

Een website die AI kan lezen: wat dat betekent voor ontwerp en bouw

Een website die AI kan lezen: wat dat betekent voor ontwerp en bouw

Een mooie pagina kan bij een machine leeg aankomen. Vier ontwerpbeslissingen die dat veroorzaken, en waarom dit geen saaie websites betekent.

Google pakt je video's zelf. Het merk bepaalt niet meer wat het vertegenwoordigt

Google pakt je video's zelf. Het merk bepaalt niet meer wat het vertegenwoordigt

Sinds 23 oktober haalt Performance Max tot tien video's uit je sociale kanalen en je site naar de advertenties. Dat is geen advertentie-instelling, dat is merkbeheer.

Een merk dat meerdere markten aankan

Een merk dat meerdere markten aankan

Bij uitbreiding breekt meestal het merk eerder dan de campagnes. Wat in elk land hetzelfde moet blijven, wat moet buigen en waarom dat bij de eerste verpakking wordt beslist en niet bij de vijfde markt.

Verpakking die ook als duimnagel moet werken

Verpakking die ook als duimnagel moet werken

De meeste mensen zien een verpakking tegenwoordig voor het eerst als klein vierkantje in een vergelijker, niet in het schap. Wat het verkleinen overleeft, wat verloren gaat en waarom dat vóór de eerste lijn wordt beslist.

Handgemaakt tegenover AI-perfect: waarom de oneffenheid terugkomt

Handgemaakt tegenover AI-perfect: waarom de oneffenheid terugkomt

Als iedereen een glad visual kan genereren, houdt gladheid op zorg te betekenen. Wat dat met merken doet, waar wij AI laten meepraten en waar nog een hand het papier raakt.

Kleine studio of groot bureau? Waar je echt voor betaalt

Kleine studio of groot bureau? Waar je echt voor betaalt

Waarom één ervaren vakman met moderne tools en een netwerk van specialisten vaak meer levert dan een groot bureau. En waarom klanten na jaren terugkomen.

Hoe AI ons werk versnelt (en waar we het niet laten beslissen)

Hoe AI ons werk versnelt (en waar we het niet laten beslissen)

Deze site in acht talen stond er in twee dagen. Zo werken we met AI-agents, wat we eromheen bouwden en waarom elke beslissing bij een mens ligt.