Případová studie · Web na míru

AXA Racing: tři značky, jeden web a vlastní platforma za pár dní

Daniel Hauser
· 3 min čtení
AXA Racing: tři značky, jeden web a vlastní platforma za pár dní

Zadání znělo jednoduše: z několika webů udělat jeden. Vlastní, rychlý, se správou, kterou zvládne tým dealera bez programátora. Za tou jednou větou se ale schovávala největší výzva celého projektu: data.

3značky v jednom katalogu
3 dnyod prázdného repozitáře po celý web
12sekcí vlastní administrace
1datový model pro všechny stroje

Výchozí stav: tři světy, tři formáty

AXA Racing je oficiální dealer tří značek: Polaris, CFMOTO a GOES. Každý výrobce publikuje data o strojích jinak. Jinak pojmenovává modely a podmodely, jinak uvádí barvy, jinak technické parametry, jinak homologace. Někde je barva jen název, jinde kód, jinde fotka. Některé „podmodely“ jsou ve skutečnosti samostatné stroje s vlastní cenou.

Kdybychom data jen zkopírovali, zákazník by na webu porovnával jablka s hruškami a obchodníci by každou změnu ceny nebo barvy dohledávali na třech místech.

Řešení: jeden model pro všechny stroje

Než vznikla jediná obrazovka designu, navrhli jsme datový model, do kterého se vejde každý stroj ze všech tří značek. Model, podmodely, ceny, modelové roky, barvy s barevným kódem a fotkou pro výběr, homologace (T1B, T3B, L7e) a kompletní technické parametry od motoru po nosnost. Pro data jsme si nastavili pevná pravidla: obrázky strojů vždy s průhledným pozadím, žádný produkt s neúplnými daty, raději prázdné pole než odhad.

Největší výzvou nebyl design ani kód. Bylo to dostat data tří výrobců do jednoho tvaru tak, aby se dalo porovnávat a aby si je klient dokázal sám udržovat.
AXA Racing, úvodní stránka webu
Tmavá scéna, neonová limetka a velká fotka. Web má stejný drive jako stroje.

Vlastní administrace místo kompromisů

Hotové redakční systémy jsou dělané pro články, ne pro katalog strojů s barevnými variantami. Postavili jsme proto vlastní administraci přesně na míru tomu, jak dealer pracuje:

  • produkty všech tří značek s variantami, barvami a parametry, včetně ručního řazení,
  • skladové stroje a demo vozidla s galerií a objednávkou testovací jízdy,
  • kalendář akcí, teambuildingy a servis,
  • úvodní slidy, vybrané stroje a sekce úvodní stránky,
  • katalogy, kategorie, kontakty a obecné stránky,
  • poptávky z webu, které chodí rovnou obchodníkům.

Proč vlastní platforma na Next.js

Web stojí na Next.js, moderním frameworku, na kterém běží weby velkých značek. Stránky se generují dopředu, takže se načítají okamžitě, a přitom jde obsah kdykoli měnit z administrace. Žádné pluginy třetích stran, které je potřeba neustále aktualizovat, žádné zbytečné skripty. Výsledek je rychlý web, dobře čitelný pro vyhledávače, a platforma, kterou můžeme dál rozšiřovat.

A to se také děje. Po spuštění přibyl katalog příslušenství, galerie skladových strojů a sekce demo vozidel s rezervací testovací jízdy. Každá novinka se nasazuje do stejného systému, bez přestavování webu.

AXA Racing na mobilu
Katalog i poptávka fungují stejně dobře v dlani jako na velkém monitoru.

Jak to, že to šlo za pár dní

Díky kombinaci zkušenosti a moderních nástrojů. Design, datový model i vývoj držel jeden člověk, takže se nic neztrácelo v předávání mezi agenturami. Rutinu, jako je převod produktových dat a obrázků nebo kontrola desítek variant barev, jsme zautomatizovali a na co nejvíc záleží, tedy pravidla dat, design a vyladění detailů, zůstalo v rukou člověka.

Výsledek

Jeden web místo několika, jeden katalog pro tři značky a administrace, ve které tým dealera zvládne běžné změny sám. A platforma, která roste spolu s firmou.

Máte podobný projekt?

Napište pár vět o tom, co potřebujete. Ozvu se osobně.

Probrat projekt

Další články

Rebon: značka pro produkt, kterému zákazník nerozumí

Rebon: značka pro produkt, kterému zákazník nerozumí

Jak navrhnout značku a e-shop pro domácí filtraci vody tak, aby laik pochopil, co kupuje. Od logotypu přes produktové vizualizace po návrh celého webu.

Web, který AI přečte: co to znamená pro design a stavbu

Web, který AI přečte: co to znamená pro design a stavbu

Hezká stránka může stroji dorazit prázdná. Čtyři návrhářská rozhodnutí, kvůli kterým se to stává, a proč to neznamená dělat nudné weby.

Google si vaše videa vezme sám. Značka přestává rozhodovat, co ji reprezentuje

Google si vaše videa vezme sám. Značka přestává rozhodovat, co ji reprezentuje

Od 23. října si Performance Max sám vytáhne až deset videí z vašich sociálních sítí a webu a dá je do reklamy. Není to nastavení reklamy, je to otázka vedení značky.

Značka, která snese víc trhů

Značka, která snese víc trhů

Při expanzi se obvykle rozbije značka dřív než kampaně. Co musí zůstat ve všech zemích stejné, co se naopak musí ohnout a proč se o tom rozhoduje u prvního obalu, ne u pátého trhu.

Obal, který musí fungovat i jako náhled velikosti nehtu

Obal, který musí fungovat i jako náhled velikosti nehtu

Většina lidí dnes uvidí obal poprvé jako malý čtvereček ve výpisu srovnávače, ne v regále. Co z návrhu zmenšení přežije, co se ztratí a proč to musíte rozhodnout dřív, než se začne kreslit.

Ručně dělané proti AI dokonalému: proč se nedokonalost vrací

Ručně dělané proti AI dokonalému: proč se nedokonalost vrací

Když umí hladký vizuál vygenerovat každý, přestává hladkost znamenat péči. Co to dělá se značkami, kde ve studiu pouštíme AI ke slovu a kde naopak sahá na papír ruka.

Malé studio, nebo velká agentura? Co doopravdy platíte

Malé studio, nebo velká agentura? Co doopravdy platíte

Proč jeden zkušený člověk s moderními nástroji a sítí specialistů často dodá víc než velká agentura. A proč se klienti vracejí i po letech.

Jak AI zrychluje naši práci (a kde ji nepouštíme ke slovu)

Jak AI zrychluje naši práci (a kde ji nepouštíme ke slovu)

Tento web v osmi jazycích vznikl za dva dny. Ukazujeme, jak ve studiu pracujeme s AI agenty, co jsme si kolem nich postavili a proč každé rozhodnutí dělá člověk.