Nowa strona Voyager, autoryzowanego salonu i serwisu Mazda, Jeep, Alfa Romeo
Podsumowanie projektu:
Zaprojektowaliśmy spójną, neutralną przestrzeń komunikacyjną, w której cztery marki motoryzacyjne prezentowane są na równych zasadach.
Przygotowaliśmy czytelne układy oparte na neutralnej kolorystyce z wyrazistymi akcentami skutecznie angażującymi uwagę użytkownika.
Wdrożyliśmy stronę mobile-first, z mechanizmem lazy loading i CMS zapewniającym szybkie działanie oraz łatwe zarządzanie treścią.
Wyzwanie
Projekt strony dla salonu Mazda Voyager w Poznaniu wymagał rozwiązania nietypowego problemu komunikacyjnego – salon funkcjonuje jako multisalon, oferując oprócz Mazdy również marki Jeep, Alfa Romeo i Lancia. Każda z nich posiada własne, silnie skodyfikowane wytyczne wizualne (brand guidelines), których strona nie mogła powielać ani faworyzować którejkolwiek z nich.
Strategia i UX
Kluczowym zadaniem było zaprojektowanie autorskiego layoutu, niezależnego od key visual poszczególnych marek, który stworzy spójną, neutralną przestrzeń komunikacyjną dla całej oferty salonu. Wypracowana struktura pozwala prezentować wszystkie cztery marki na równych zasadach, zachowując czytelność i profesjonalny charakter strony
Projekt
Finalne rozwiązanie opiera się na prostych, czytelnych układach i neutralnej palecie barw, przełamanej wyrazistymi, czerwonymi akcentami – konsekwentnie wskazującymi kluczowe elementy interakcji.
Serwis
Salon Voyager oferuje usługi serwisowe rozszerzone o większą ilość marek. Wymagało to wdrożenie uniwersalnej modułowej struktury aby można było dostosować odpowiednio poszczególne podstrony serwisu dla każdej z nich.
Technologie
Strona została zaprojektowana w podejściu mobile-first, z wykorzystaniem mechanizmu lazy loading usprawniającego czas ładowania na urządzeniach mobilnych. Zarządzanie treścią odbywa się za pomocą CMS opartego na edytorze Gutenberg, co umożliwia zespołowi salonu łatwą i szubką aktualizację oferty.