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