Cele i założenia
EXOO to marka z branży motoryzacyjnej, która potrzebowała strony internetowej odpowiadającej na potrzeby ➞
- Prezentacji produktów (modele, kategorie, porównania).
- Generowania leadów (kontakt z dealerami, partnerami, klientami B2B).
- Optymalizacji SEO i wydajności (Core Web Vitals, szybkość ładowania).
Po pierwsze....
Nowa strona
Stara strona była przestarzała, nieintuicyjna i nie spełniała wymagań mobile-first.
W ramach realizacji kierowaliśmy się następującymi wartościami:
- Wizerunek – strona miała odzwierciedlać profesjonalizm i nowoczesność marki.
- Leady – zwiększenie liczby zapytania od dealerów i klientów.
- Prezentacja modeli – intuicyjna nawigacja po produktach i możliwość porównywania.
- SEO – poprawa widoczności w wyszukiwarkach.
- Szybkość – optymalizacja pod kątem Core Web Vitals.
- Mobile-first – strona miała być w pełni responsywna i ergonomiczna na urządzeniach mobilnych.
Po drugie...
Proces: Od warsztatu do wdrożenia
1. Warsztat i brief
Na początku procesu projektowego określiliśmy wspólnie z klientem kluczowe wymagania oraz cele, jakie ma realizować nowa strona internetowa. Na tej podstawie podjęliśmy decyzję o stworzeniu nowoczesnego serwisu, którego identyfikacja wizualna będzie oparta na akcentach koloru niebieskiego — barwy silnie kojarzonej z elektrycznością, technologią oraz elektromobilnością.
2. Architektura informacji
Ustaliliśmy również strukturę strony internetowej:
- Strona główna,
- Mapa Dealerów
- Dostępne od ręki
- O Exoo
- rozwijalna lista “Więcej” z podzakładkami “Blog” i “Legislacja”
- Kontakt
- Przycisk “Umów jazdę próbną”
3. UX
Od strony technicznej wdrożyliśmy logikę formularzy kontaktowych oraz formularza umawiania jazdy próbnej, zapewniając ich sprawne i intuicyjne działanie. Dodatkowo stworzyliśmy autorski plugin umożliwiający dynamiczne prezentowanie na stronie aktualnie dostępnych modeli samochodów.
Serwis został również zintegrowany z Mapami Google, co pozwala użytkownikom w łatwy sposób odnaleźć punkty sprzedaży i zaplanować kontakt z najbliższą lokalizacją.
4. UI
Wspólnie z klientem wypracowaliśmy kierunek wizualny oparty na nowoczesnym designie, inspirowanym estetyką stosowaną przez czołowe marki z branży motoryzacyjnej. Założeniem było stworzenie serwisu, który będzie spójny z charakterem marki i jednocześnie wpisze się w aktualne standardy projektowania premium.
W warstwie kolorystycznej postawiliśmy na czerń i ciemne odcienie szarości, które stanowią solidną, elegancką bazę dla całego projektu. Kontrastują z nimi wyraziste akcenty niebieskiego, wykorzystane do podkreślenia kluczowych treści i elementów interaktywnych. Dodatkowo w wybranych miejscach zastosowaliśmy subtelne efekty przezroczystości i rozmycia, które nadają interfejsowi lekkości i nowoczesnego charakteru — przykładem może być górny pasek nawigacyjny.
5. Wdrożenie i testy
Po trzecie...
Rozwiązania: czyli co zrobiliśmy, że strona Exoo jest wyjątkowa?
1. Strona główna
Poprzednia wersja strony głównej była wyraźnie przestarzała i nie odpowiadała współczesnym standardom wizualnym ani użytkowym. W nowej odsłonie witryna otwiera się nowoczesnym, pełnoekranowym banerem z materiałem wideo prezentującym jeden z modeli samochodów klienta w dynamicznym ujęciu.
W warstwie komunikacyjnej postawiliśmy na klarowną narrację, która przedstawia, czym jest marka EXOO i jakie wartości reprezentuje. Całość została uzupełniona o strategicznie rozmieszczone wezwania do działania, kierujące użytkownika do kluczowych podstron, takich jak kontakt, oferta modeli czy formularz zapytania.
2. Prezentacja modeli
Modele zostały zaprezentowane na stronie głównej w formie przejrzystych kart produktowych, zawierających najważniejsze informacje, takie jak zasięg, cena oraz odnośniki do dedykowanych podstron poszczególnych modeli.
Każdy model posiada własną podstronę, na której w czytelny sposób przedstawiono jego osiągi, dostępne warianty kolorystyczne oraz porównanie z innymi pojazdami z oferty. Dodatkowo na każdej stronie modelu umieszczono wyraźne wezwanie do działania, kierujące użytkownika do formularza zapisu na jazdę próbną.
3. Generowanie leadów
Generowanie leadów opiera się na przemyślanej architekturze konwersji, obejmującej m.in. sticky menu, formularz kontaktowy, formularz jazdy próbnej, strategicznie rozmieszczone przyciski CTA oraz dedykowaną podstronę kontaktową.
4. Generowanie zaufania
Na stronie została również umieszczona dedykowana podstrona „Legislacja”, przygotowana z myślą o użytkownikach poszukujących praktycznych informacji na temat przepisów związanych z kategorią AM. Zamiast tworzyć schematyczną, przeładowaną tekstem sekcję opartą wyłącznie na formalnym języku prawnym, postawiliśmy na przejrzystą i przystępną formę prezentacji treści.
W ramach tej podstrony w jasny sposób wyjaśniono obowiązujące regulacje dotyczące kategorii AM, opisano proces uzyskania prawa jazdy tej kategorii oraz uzupełniono całość o sekcję FAQ, odpowiadającą na najczęściej zadawane pytania potencjalnych klientów. Dzięki temu użytkownik może szybko znaleźć najważniejsze informacje i lepiej zrozumieć kwestie formalne związane z zakupem oraz użytkowaniem pojazdu.
5. Wydajność
Atrakcyjna warstwa wizualna strony internetowej nie wystarcza, jeśli nie idzie w parze z odpowiednią wydajnością i szybkością działania. W e-como projektujemy serwisy z dużym naciskiem na optymalizację techniczną, tak aby były nie tylko estetyczne, ale również sprawne i komfortowe w codziennym użytkowaniu.
Korzystając z narzędzi takich jak PageSpeed Insights, na bieżąco analizujemy wydajność strony i identyfikujemy obszary wymagające poprawy. Takie podejście zastosowaliśmy również w przypadku EXOO, dzięki czemu marka zyskała serwis, który łączy nowoczesny design z wysoką wydajnością — bez konieczności rezygnowania z jakości w którymkolwiek z tych obszarów.
6. Filozofia mobile-first
Nie da się pominąć faktu, że obecnie większość ruchu internetowego pochodzi z urządzeń mobilnych, takich jak smartfony i tablety. Z tego względu sama atrakcyjność strony w wersji desktopowej nie jest wystarczająca — jeśli serwis nie działa prawidłowo na urządzeniach mobilnych, staje się nieczytelny, trudny w obsłudze i nieskuteczny z perspektywy użytkownika.
W praktyce oznacza to realne ryzyko utraty dużej części potencjalnych klientów jeszcze przed nawiązaniem jakiejkolwiek interakcji z marką. Dlatego w e-como pracujemy zgodnie z podejściem mobile-first, w którym responsywność i wygoda korzystania ze strony na mniejszych ekranach są jednym z kluczowych priorytetów projektowych. Dzięki temu finalny efekt pozostaje spójny, estetyczny i funkcjonalny niezależnie od tego, czy użytkownik odwiedza stronę na smartfonie, tablecie czy komputerze.
Rezultaty
Strona EXOO nie tylko prezentuje produkty, ale także aktywnie wspiera sprzedaż, stając się nieodłącznym elementem strategii marketingowej marki.
Podsumowanie
Strona internetowa to nie tylko wizytówka, ale narzędzie sprzedażowe — im lepiej zaprojektowana, tym więcej realnych korzyści dla biznesu.
- Warsztaty z klientem są kluczowe — pozwalają zrozumieć realne potrzeby.
- Mobile-first to nie trend, a konieczność — 60% użytkowników korzysta z telefonów.
- Optymalizacja wydajności przekłada się bezpośrednio na konwersje.
- Zaufanie buduje się konkretami — certyfikaty, opinie, realizacje.
Testy użytkowników wyłapują problemy, których nie widać na etapie projektowym.
