Case · Skræddersyet website

AXA Racing: tre mærker, ét website og egen platform på få dage

Daniel Hauser
· 3 min læsning
AXA Racing: tre mærker, ét website og egen platform på få dage

Opgaven lød enkel: Gør flere websites til ét. Eget, hurtigt og med en administration, som forhandlerens team kan klare uden en programmør. Men bag den ene sætning gemte sig projektets største udfordring: data.

3mærker i ét katalog
3 dagefra tomt repository til færdigt website
12sektioner i egen administration
1datamodel til alle maskiner

Udgangspunktet: tre verdener, tre formater

AXA Racing er officiel forhandler af tre mærker: Polaris, CFMOTO og GOES. Hver producent publicerer data om sine maskiner på sin egen måde. Modeller og undermodeller hedder noget forskelligt, og farver, tekniske specifikationer og typegodkendelser angives forskelligt. Ét sted er en farve bare et navn, et andet sted en kode, et tredje et foto. Og nogle »undermodeller« er i virkeligheden selvstændige maskiner med deres egen pris.

Hvis vi blot havde kopieret data, ville kunderne sammenligne æbler og pærer, og sælgerne skulle lede tre steder, hver gang en pris eller farve ændrede sig.

Løsningen: én model til alle maskiner

Før den første designskærm så dagens lys, udviklede vi en datamodel, som hver eneste maskine fra alle tre mærker kan passe ind i. Model, undermodeller, priser, modelår, farver med farvekode og foto til farvevælgeren, typegodkendelser (T1B, T3B, L7e) og komplette tekniske data fra motor til lasteevne. Vi satte faste regler for data: maskinbilleder altid med transparent baggrund, intet produkt med ufuldstændige data, og hellere et tomt felt end et gæt.

Den største udfordring var hverken design eller kode. Det var at få tre producenters data i samme form, så de kunne sammenlignes, og så kunden selv kunne vedligeholde dem.
AXA Racing, websitets forside
Mørk scene, neonlime og store fotos. Websitet har samme drive som maskinerne.

Egen administration frem for kompromiser

Færdige CMS-løsninger er lavet til artikler, ikke til et maskinkatalog med farvevarianter. Derfor byggede vi en administration, der er skræddersyet til den måde, forhandleren arbejder på:

  • produkter fra alle tre mærker med varianter, farver og specifikationer, inklusive manuel sortering,
  • lagermaskiner og demokøretøjer med galleri og booking af prøvetur,
  • eventkalender, teambuilding og service,
  • slides på forsiden, udvalgte maskiner og forsidens sektioner,
  • kataloger, kategorier, kontakter og generelle sider,
  • henvendelser fra websitet, der går direkte til sælgerne.

Hvorfor en egen platform i Next.js

Websitet er bygget i Next.js, et moderne framework, som store brands også kører deres websites på. Siderne genereres på forhånd, så de indlæses med det samme, og alligevel kan indholdet ændres når som helst fra administrationen. Ingen tredjeparts-plugins, der konstant skal opdateres, ingen overflødige scripts. Resultatet er et hurtigt website, som søgemaskinerne let kan læse, og en platform, vi kan bygge videre på.

Og det gør vi. Efter lanceringen er der kommet et tilbehørskatalog, et galleri med lagermaskiner og en sektion med demokøretøjer og booking af prøvetur. Hver nyhed rulles ud i samme system, uden at websitet skal bygges om.

AXA Racing på mobilen
Katalog og henvendelser fungerer lige så godt i hånden som på en stor skærm.

Hvordan kunne det lade sig gøre på få dage?

Med en kombination af erfaring og moderne værktøjer. Design, datamodel og udvikling lå hos én person, så intet gik tabt i overdragelser mellem bureauer. Rutineopgaver som konvertering af produktdata og billeder eller kontrol af snesevis af farvevarianter automatiserede vi, mens det, der betyder mest, altså reglerne for data, designet og finpudsningen af detaljerne, forblev i menneskehænder.

Resultatet

Ét website i stedet for flere, ét katalog til tre mærker og en administration, hvor forhandlerens team selv klarer de daglige ændringer. Og en platform, der vokser med virksomheden.

Har du et lignende projekt?

Skriv et par linjer om, hvad du har brug for. Jeg vender selv tilbage.

Tal om projektet

Flere artikler

Rebon: et brand til et produkt, kunden ikke forstår

Rebon: et brand til et produkt, kunden ikke forstår

Sådan designer man brand og shop til vandfiltrering, så en lægmand forstår, hvad vedkommende køber. Fra logotypen over produktvisualiseringer til designet af hele sitet.

En hjemmeside, som AI kan læse: hvad det betyder for design og bygning

En hjemmeside, som AI kan læse: hvad det betyder for design og bygning

En smuk side kan nå frem til maskinen som tom. Fire designbeslutninger, der gør det, og hvorfor det ikke betyder kedelige hjemmesider.

Google tager selv dine videoer. Mærket bestemmer ikke længere, hvad der repræsenterer det

Google tager selv dine videoer. Mærket bestemmer ikke længere, hvad der repræsenterer det

Siden 23. oktober henter Performance Max op til ti videoer fra dine sociale kanaler og dit website ind i annoncerne. Det er ikke en annonceindstilling, det er mærkeledelse.

Et brand, der kan bære flere markeder

Et brand, der kan bære flere markeder

Ved ekspansion går brandet som regel i stykker før kampagnerne. Hvad der skal være ens i hvert land, hvad der skal bøje sig, og hvorfor det afgøres ved den første emballage og ikke ved det femte marked.

Emballage, der også skal virke som et miniaturebillede

Emballage, der også skal virke som et miniaturebillede

De fleste ser i dag emballagen første gang som en lille firkant i en prissammenligning, ikke på hylden. Hvad der overlever forminskningen, hvad der går tabt, og hvorfor det afgøres før den første streg.

Håndlavet mod AI-perfekt: derfor vender det ujævne tilbage

Håndlavet mod AI-perfekt: derfor vender det ujævne tilbage

Når alle kan generere et glat visual, holder glatheden op med at betyde omhu. Hvad det gør ved brands, hvor vi lader AI komme til orde, og hvor en hånd stadig rører papiret.

Lille studie eller stort bureau? Det betaler du reelt for

Lille studie eller stort bureau? Det betaler du reelt for

Hvorfor én erfaren person med moderne værktøjer og et netværk af specialister ofte leverer mere end et stort bureau – og kunderne kommer igen.

Sådan gør AI vores arbejde hurtigere (og hvor den ikke får lov)

Sådan gør AI vores arbejde hurtigere (og hvor den ikke får lov)

Dette website på otte sprog blev bygget på to dage. Sådan arbejder vi med AI-agenter, og derfor træffer et menneske hver beslutning.