Nowe filtry na stronie Superauto.pl

Nasza współpraca z Superauto.pl sięga 2001 roku. Zaczynaliśmy od wdrożenia systemu CRM, a z czasem rozwijaliśmy kolejne elementy platformy, wspierające sprzedaż i obsługę klientów. W 2023 roku, prowadząc stałą opiekę nad serwisem, zauważyliśmy wyraźny trend – użytkownicy coraz rzadziej korzystali z filtrów przy wyszukiwaniu pojazdów, mimo że liczba leadów systematycznie rosła.

To był dla nas sygnał, że dotychczasowy mechanizm filtrowania nie nadąża za dynamicznie rozwijającą się ofertą i potrzebami użytkowników. Postanowiliśmy gruntownie przeprojektować system, koncentrując się nie tylko na poprawie UX, ale również na optymalizacji kodu i przygotowaniu projektu do dalszego skalowania.

Prace rozpoczęliśmy od szczegółowej analizy danych z Google Analytics oraz nagrań sesji użytkowników. Równolegle przeprowadziliśmy badania jakościowe i przegląd rozwiązań konkurencyjnych – szczególnie wśród platform leasingowych.

Szukaliśmy odpowiedzi na pytania:

• Jak użytkownicy finalnie składających leady korzystają z filtrów?
• Gdzie pojawiają się problemy i punkty frustracji użytkowników – zarówno na komputerach, jak i urządzeniach mobilnych?
• Jak konkurencja rozwiązuje ułożenie i logikę filtrów?

Zdiagnozowaliśmy kilka kluczowych obszarów, w których potrzebne były zmiany:

• Brak możliwości równoczesnego filtrowania po wielu kategoriach.
• Brak dynamicznego odświeżania wyników – każda zmiana w filtrze wymagała przeładowania strony.
• Brak widocznej liczby wyników przy opcjach filtrowania.
• Ograniczona możliwość rozpoczęcia wyszukiwania od najbardziej intuicyjnych parametrów, jak marka czy typ pojazdu.
• Niska ergonomia interfejsu, szczególnie na urządzeniach mobilnych.
• Ograniczenia technologiczne i nieczytelny układ filtrów, które utrudniały efektywne przeszukiwanie oferty.

Na bazie analizy zaprojektowaliśmy nowy, komponentowy system filtrowania, który odpowiada na rzeczywiste potrzeby użytkowników i pozwala na łatwe rozwijanie funkcjonalności w przyszłości. Postawiliśmy na trzy główne filary: przejrzystość, szybkość i elastyczność.

Wszystkie filtry zostały zebrane w jedną spójną sekcję – domyślnie zwiniętą, z możliwością rozwinięcia każdego obszaru. Dzięki zastosowaniu układu pięciu filtrów w jednym rzędzie, zmniejszyliśmy przestrzeń zajmowaną przez wyszukiwarkę i lepiej wyeksponowaliśmy wyniki widoczne już na pierwszym ekranie.

Wprowadziliśmy dynamiczne filtrowanie z aktualizacją dostępnych opcji na bieżąco, bez konieczności przeładowywania strony. Popularne marki i modele zostały rozdzielone, a lista wyników podzielona na najczęściej wybierane oraz pełną alfabetyczną listę. Wybrane filtry automatycznie przesuwają się na początek listy, co przyspiesza nawigację. Zamiast cyfr w nawiasach dodano czytelniejsze oznaczenia liczby wyników pod filtrem, a tymczasowo niedostępne opcje są wyszarzane.

Użytkownik widzi wyraźnie, które filtry są aktywne – oznaczone w formie tagów – i może je łatwo usunąć lub zmodyfikować. Dodatkowo, filtry „rozmawiają” ze sobą – wybór jednej opcji automatycznie aktualizuje pozostałe, co ogranicza ryzyko braku wyników i zwiększa płynność działania całego systemu.

W sytuacji, gdy filtrowanie nie zwraca żadnych wyników, użytkownik otrzymuje jasny komunikat w formie modala kontaktowego, zachęcającego do bezpośredniego kontaktu z doradcą. Dodatkowo, system prezentuje sugestie alternatywnych parametrów wyszukiwania (np. zwiększenie widełek raty), aby umożliwić szybki powrót do dostępnych ofert i utrzymać płynność doświadczenia użytkownika.

Projekt przygotowaliśmy w ścisłej współpracy między zespołami frontend, backend i UX.

• Filtry są inicjalizowane po stronie backendu.
• Dropdowny i multiselecty zbudowaliśmy w architekturze komponentowej.
• Cała struktura została przemyślana pod kątem rozwoju – w tym dodania w przyszłości konfiguratora pojazdów jako osobnego typu filtra.

Nowy system filtrowania znacząco poprawił przejrzystość i ergonomię korzystania ze strony, a także ułatwił dalszy rozwój platformy. Zwiększona liczba leadów w ścieżce z filtrowania potwierdziła, że wdrożone zmiany miały realny, pozytywny wpływ na zachowania użytkowników.