AXA Racing: trzy marki, jedna strona i własna platforma w kilka dni

Zadanie brzmiało prosto: zrobić z kilku stron jedną. Własną, szybką, z panelem, który zespół dealera obsłuży bez programisty. Za tym jednym zdaniem krył się jednak największy problem całego projektu: dane.

Punkt wyjścia: trzy światy, trzy formaty

AXA Racing jest oficjalnym dealerem trzech marek: Polaris, CFMOTO i GOES. Każdy producent publikuje dane o pojazdach po swojemu. Inaczej nazywa modele i podmodele, inaczej podaje kolory, parametry techniczne i homologacje. Raz kolor to sama nazwa, raz kod, a raz zdjęcie. Niektóre „podmodele” to w rzeczywistości osobne pojazdy z własną ceną.

Gdybyśmy po prostu skopiowali dane, klient porównywałby na stronie jabłka z gruszkami, a handlowcy każdą zmianę ceny czy koloru musieliby wyszukiwać w trzech miejscach.

Rozwiązanie: jeden model dla wszystkich pojazdów

Zanim powstał pierwszy ekran, zaprojektowaliśmy model danych, w którym zmieści się każdy pojazd wszystkich trzech marek. Model, podmodele, ceny, roczniki, kolory z kodem i zdjęciem do wyboru, homologacje (T1B, T3B, L7e) i pełne parametry techniczne – od silnika po ładowność. Ustaliliśmy też twarde zasady: zdjęcia pojazdów zawsze na przezroczystym tle, żadnego produktu z niepełnymi danymi, lepiej puste pole niż zgadywanie.

Największym wyzwaniem nie był ani design, ani kod. Było nim sprowadzenie danych trzech producentów do jednego kształtu tak, by dało się je porównywać, a klient mógł sam o nie dbać.

Własny panel zamiast kompromisów

Gotowe systemy CMS są stworzone do artykułów, a nie do katalogu pojazdów z wariantami kolorystycznymi. Dlatego zbudowaliśmy własny panel administracyjny, skrojony dokładnie pod to, jak pracuje dealer:

• produkty wszystkich trzech marek z wariantami, kolorami i parametrami, łącznie z ręcznym sortowaniem,
• pojazdy dostępne od ręki i egzemplarze demo z galerią i zapisem na jazdę próbną,
• kalendarz wydarzeń, imprezy integracyjne i serwis,
• slajdy powitalne, wyróżnione pojazdy i sekcje strony głównej,
• katalogi, kategorie, kontakty i strony ogólne,
• zapytania ze strony, które trafiają prosto do handlowców.

Dlaczego własna platforma na Next.js

Strona działa na Next.js, nowoczesnym frameworku, na którym stoją strony dużych marek. Podstrony generowane są z wyprzedzeniem, więc ładują się natychmiast, a treść można w każdej chwili zmienić z panelu. Żadnych wtyczek zewnętrznych, które trzeba bez końca aktualizować, żadnych zbędnych skryptów. Efekt: szybka strona, dobrze czytelna dla wyszukiwarek, i platforma, którą możemy dalej rozwijać.

I tak się dzieje. Po starcie doszedł katalog akcesoriów, galeria pojazdów dostępnych od ręki i sekcja egzemplarzy demo z rezerwacją jazdy próbnej. Każda nowość trafia do tego samego systemu, bez przebudowy strony.

Jak to możliwe w kilka dni

Dzięki połączeniu doświadczenia i nowoczesnych narzędzi. Design, model danych i programowanie były w rękach jednej osoby, więc nic nie gubiło się w przekazywaniu między agencjami. Rutynę, taką jak konwersja danych produktowych i zdjęć czy sprawdzanie dziesiątek wariantów kolorystycznych, zautomatyzowaliśmy, a to, co najważniejsze – zasady danych, design i dopracowanie szczegółów – zostało w rękach człowieka.

Efekt

Jedna strona zamiast kilku, jeden katalog dla trzech marek i panel, w którym zespół dealera sam wprowadza bieżące zmiany. Do tego platforma, która rośnie razem z firmą.