UX/UI dla producenta akumulatorów

Autopart to producent akumulatorów działający w branży automotive, baterii i magazynowania energii. Dla NoMonday był to kolejny projekt realizowany dla tego klienta — wcześniej przygotowany serwis przez kilka lat wspierał komunikację marki, prezentację oferty i kontakt z odbiorcami.

Nowa odsłona serwisu internetowego miała odpowiedzieć na zmieniające się potrzeby
użytkowników oraz rozwój oferty firmy. Kluczowe pytanie brzmiało: jak zaprojektować serwis
internetowy producenta akumulatorów tak, aby pomagał zarówno ekspertowi znającemu parametry techniczne, jak i kierowcy, który wie tylko, jaki ma samochód i potrzebuje prostego sposobu doboru produktu?

Dlatego nowy serwis Autopart został zaprojektowany nie tylko jako katalog oferty, ale jako
narzędzie wspierające wybór (poprzez wyszukiwarkę akumulatorów oraz dobór według pojazdu), oraz zakup produktu - poprzez mapę dystrybutorów lub przejście do sklepu internetowego.

W skrócie: jak UX pomaga dobrać właściwy akumulator?

Nowy serwis Autopart pokazuje, jak UX/UI może uprościć wybór technicznego produktu. Zamiast zakładać, że każdy użytkownik zna oznaczenia i parametry akumulatora, serwis prowadzi go dwiema ścieżkami: przez wyszukiwanie według danych technicznych albo przez dobór akumulatora na podstawie marki i modelu pojazdu.

Dzięki temu strona producenta staje się bardziej użyteczna dla różnych grup odbiorców: klientów indywidualnych, pasjonatów motoryzacji, dystrybutorów i partnerów handlowych. Projekt pokazuje, że dobrze zaprojektowany serwis w branży automotive powinien nie tylko prezentować ofertę, ale też pomagać użytkownikowi szybciej przejść od potrzeby do decyzji zakupowej. Dodatkowo spełnia wymagania dostępności (wdrożony standard WCAG) i jest technologicznie przygotowany do analizowania treści oraz cytowania w odpowiedziach przez systemy AI.

Wyzwanie

 Akumulatory, baterie i magazyny energii to produkty techniczne. Musieliśmy zatem przyjąć
założenie, że część użytkowników zna parametry techniczne, natomiast wielu odbiorców wie
jednak tylko, że potrzebuje nowego akumulatora. Bez wiedzy, jaki produkt będzie właściwy,
dlatego serwis internetowy powinien prowadzić mniej technicznego odbiorcę prostszą ścieżką
wyboru.

Drugim istotnym obszarem była prezentacja magazynów energii. Ten temat wymagał prostego języka i przejrzystej struktury, aby użytkownik mógł zrozumieć, jak działa magazynowanie energii i kiedy takie rozwiązanie może być potrzebne.

Najważniejsze wyzwania projektu:

• uporządkowanie technicznej oferty producenta,
• zaprojektowanie prostych ścieżek wyboru akumulatora,
• połączenie potrzeb ekspertów i mniej technicznych użytkowników,
• czytelne pokazanie obszaru magazynów energii,
• ułatwienie kontaktu z dystrybutorami,
• zachowanie spójności z marką Autopart,
• rozwinięcie serwisu jako kolejnego etapu współpracy z klientem.

Obowiązkowym elementem projektu było również wdrożenie standardu WCAG – uwzględnionego zarówno na poziomie projektu UX/UI, jak i późniejszego developmentu.

Rozwiązanie

NoMonday odpowiadało za indywidualny projekt UX/UI nowego serwisu Autopart. Prace objęły makiety, układy funkcjonalne, projekt interfejsu oraz warstwę wizualną dopasowaną do marki i branży automotive.

Najważniejszym elementem była dwutorowa wyszukiwarka akumulatorów. Użytkownik może
znaleźć produkt według parametrów technicznych albo dobrać akumulator na podstawie marki i modelu pojazdu. To rozwiązanie skraca drogę do właściwego produktu i ogranicza frustrację osób, które nie znają specjalistycznych oznaczeń.

Serwis został również rozbudowany o sekcję magazynów energii. Jej zadaniem jest prostsze
wyjaśnienie działania systemów magazynowania energii: od źródła energii, przez jej
przechowywanie, aż po wykorzystanie w domu lub firmie.

Uzupełnieniem ścieżki produktowej jest interaktywna mapa punktów sprzedaży oraz przejście do sklepu internetowego. Dzięki temu użytkownik może nie tylko dobrać właściwy produkt, ale też sprawdzić, gdzie go kupić lub zamówić online.

Serwis został również przygotowany jako AI Ready – zoptymalizowaliśmy jego strukturę pod
współpracę z botami AI, wdrażając m.in. stronę kanoniczną, która porządkuje kluczowe informacje o marce i ofercie.

Najważniejsze funkcje nowego serwisu marki Autopart

Nowy serwis Autopart łączy prezentację oferty producenta z praktycznymi narzędziami
wspierającymi wybór produktu i sprzedaż.

Najważniejsze funkcje serwisu:

• wyszukiwarka akumulatorów według parametrów technicznych,
• dobór akumulatora według marki i modelu pojazdu,
• prezentacja oferty akumulatorów Autopart,
• sekcja poświęcona magazynom energii,
• prostsze wyjaśnienie działania magazynowania energii,
• interaktywna mapa dystrybutorów,
• przejście do sklepu internetowego,
• architektura informacji dopasowana do użytkowników o różnym poziomie wiedzy technicznej.

Zakres prac

W ramach projektu NoMonday odpowiadało za przygotowanie nowego serwisu Autopart od strony UX/UI oraz dopasowanie rozwiązań do celów biznesowych i użytkowych klienta.

Zakres prac obejmował:

• analizę potrzeb użytkowników,
• uporządkowanie kluczowych ścieżek korzystania ze strony,
• przygotowanie makiet serwisu oraz indywidualnego projektu w obszarze UX/UI,
• zaprojektowanie wyszukiwarki akumulatorów,
• opracowanie ścieżki doboru produktu według pojazdu,
• wdrożenie interaktywnej mapy punktów sprzedaży,
• pełen zakres prac programistycznych frontend + backend
• wdrożenie dedykowanej podstrony dla systemów AI
• przeprowadzenie testów oraz wdrożenia online

Efekt biznesowy

Najważniejsza zmiana związana z wdrożeniem nowego serwisu polega na przesunięciu akcentu z samej prezentacji oferty na pomoc w wyborze właściwego produktu. Użytkownik nie musi znać wszystkich parametrów technicznych, aby rozpocząć poszukiwania. Może dobrać akumulator według pojazdu albo przejść bezpośrednio do wyszukiwania po konkretnych danych.

To ważne w branżach technicznych, w których oferta bywa trudna do samodzielnego porównania. Parametry, warianty i oznaczenia są potrzebne ekspertom, ale dla części klientów mogą być barierą. Dobrze zaprojektowany serwis internetowy producenta powinien więc łączyć katalog produktów z narzędziami, które prowadzą użytkownika przez decyzję.

Dodatkową korzyścią jest przygotowanie serwisu do współpracy z botami i systemami AI, dzięki czemu informacje o marce i ofercie mogą być łatwiej odczytywane, interpretowane i
wykorzystywane przez nowe kanały wyszukiwania.

Realizacja dla AUTOPART pokazuje, że odpowiednio zaprojektowane UX/UI i technologia mogą
jednocześnie wspierać sprzedaż, dostępność informacji i widoczność marki w środowisku AI.

Planujesz nowy serwis lub rozwój obecnego? Porozmawiajmy o rozwiązaniu dopasowanym
do Twoich celów biznesowych.