Fallstudie · Website nach Maß

AXA Racing: drei Marken, eine Website, eigene Plattform in Tagen

Daniel Hauser
· 3 Min. Lesezeit
AXA Racing: drei Marken, eine Website, eigene Plattform in Tagen

Die Aufgabe klang einfach: aus mehreren Websites eine machen. Eigenständig, schnell und mit einer Verwaltung, die das Team des Händlers ohne Programmierer bedienen kann. Hinter diesem einen Satz verbarg sich jedoch die größte Herausforderung des ganzen Projekts: die Daten.

3Marken in einem Katalog
3 Tagevom leeren Repository bis zur fertigen Website
12Bereiche in der eigenen Verwaltung
1Datenmodell für alle Fahrzeuge

Ausgangslage: drei Welten, drei Formate

AXA Racing ist offizieller Händler dreier Marken: Polaris, CFMOTO und GOES. Jeder Hersteller veröffentlicht seine Fahrzeugdaten anders. Modelle und Untermodelle heißen anders, Farben, technische Daten und Homologationen werden jeweils anders angegeben. Mal ist eine Farbe nur ein Name, mal ein Code, mal ein Foto. Und manche „Untermodelle“ sind in Wahrheit eigenständige Fahrzeuge mit eigenem Preis.

Hätten wir die Daten einfach übernommen, würden Kunden auf der Website Äpfel mit Birnen vergleichen, und die Verkäufer müssten jede Preis- oder Farbänderung an drei Stellen nachschlagen.

Die Lösung: ein Modell für alle Fahrzeuge

Noch bevor der erste Screen entworfen war, haben wir ein Datenmodell entwickelt, in das jedes Fahrzeug aller drei Marken passt. Modell, Untermodelle, Preise, Modelljahre, Farben mit Farbcode und Foto für die Auswahl, Homologationen (T1B, T3B, L7e) und sämtliche technischen Daten vom Motor bis zur Zuladung. Dazu feste Regeln: Fahrzeugbilder immer mit transparentem Hintergrund, kein Produkt mit unvollständigen Daten, lieber ein leeres Feld als eine Schätzung.

Die größte Herausforderung war weder das Design noch der Code. Es ging darum, die Daten dreier Hersteller in eine Form zu bringen, die sich vergleichen lässt und die der Kunde selbst pflegen kann.
AXA Racing, Startseite der Website
Dunkle Bühne, Neon-Limette und großes Foto. Die Website hat denselben Drive wie die Fahrzeuge.

Eigene Verwaltung statt Kompromisse

Fertige Redaktionssysteme sind für Artikel gemacht, nicht für einen Fahrzeugkatalog mit Farbvarianten. Deshalb haben wir eine eigene Verwaltung gebaut, die genau auf die Arbeitsweise des Händlers zugeschnitten ist:

  • Produkte aller drei Marken mit Varianten, Farben und technischen Daten, inklusive manueller Sortierung,
  • Lagerfahrzeuge und Vorführfahrzeuge mit Galerie und Buchung einer Probefahrt,
  • Veranstaltungskalender, Teambuildings und Service,
  • Startseiten-Slides, ausgewählte Fahrzeuge und Bereiche der Startseite,
  • Kataloge, Kategorien, Kontakte und allgemeine Seiten,
  • Anfragen über die Website, die direkt bei den Verkäufern landen.

Warum eine eigene Plattform auf Next.js

Die Website basiert auf Next.js, einem modernen Framework, auf dem auch die Websites großer Marken laufen. Die Seiten werden vorab generiert und laden daher sofort, während sich die Inhalte jederzeit über die Verwaltung ändern lassen. Keine Drittanbieter-Plugins, die ständig aktualisiert werden müssen, keine überflüssigen Skripte. Das Ergebnis: eine schnelle, für Suchmaschinen gut lesbare Website und eine Plattform, die wir weiter ausbauen können.

Und genau das passiert auch. Nach dem Start kamen ein Zubehörkatalog, eine Galerie der Lagerfahrzeuge und ein Bereich für Vorführfahrzeuge mit Probefahrt-Reservierung hinzu. Jede Neuerung wird ins selbe System eingespielt, ohne die Website umzubauen.

AXA Racing auf dem Smartphone
Katalog und Anfrage funktionieren in der Hand genauso gut wie auf dem großen Monitor.

Wie das in wenigen Tagen ging

Durch die Kombination aus Erfahrung und modernen Werkzeugen. Design, Datenmodell und Entwicklung lagen in einer Hand, sodass nichts bei der Übergabe zwischen Agenturen verloren ging. Routinearbeit wie die Umwandlung von Produktdaten und Bildern oder die Prüfung Dutzender Farbvarianten haben wir automatisiert. Was am meisten zählt, also Datenregeln, Design und der Feinschliff im Detail, blieb in menschlicher Hand.

Das Ergebnis

Eine Website statt mehrerer, ein Katalog für drei Marken und eine Verwaltung, in der das Team des Händlers alltägliche Änderungen selbst erledigt. Und eine Plattform, die mit dem Unternehmen mitwächst.

Ein ähnliches Projekt?

Schreiben Sie ein paar Sätze dazu, was Sie brauchen. Ich melde mich persönlich.

Projekt besprechen