Willbert EV

Interfejs stacji ładowania EV z systemem white-label

// Rok
2025
// Rola
UX/UI Designer
// Narzędzia
Figma, Design System, Prototypowanie
// Link
Kluczowy kadr — ekran ładowarki Willbert z ofertą partnerów, na tle stacji

Sieci handlowe kupują szybkie ładowarki, licząc na ruch w sklepie — a dostają zaparkowane auta. Ekran ładowarki to jedyny moment, w którym kierowca na pewno spojrzy na ofertę operatora.

Ekran główny ładowarki z ofertą McDonald’s, Wrapp + Drink i Coffee + croissant

Oferta ładuje się szybciej niż auto

Kierowca widzi ofertę, gdy tylko podejdzie — bez rozpoczynania sesji. Każdy ekran jest witryną, więc czas ładowania zarabia od pierwszego spojrzenia.

Bez aplikacji. Bez konta. Bez kabla.
Trzy ekrany przepływu obok siebie: oferta partnerów, budżet sesji i wybór płatności
Wybór gniazda — jedno spojrzenie mówi, które ładuje, a które jest wolne
Ekran wyboru metody płatności — płatność bezpośrednia, karty RFID, autoryzacja kodem

Trzy intuicyjne sposoby na start sesji

Karta płatnicza, RFID albo kod jednorazowy. Interfejs prowadzi krok po kroku, a wszystkie opcje widać od razu — zero frustracji, nawet przy pierwszym ładowaniu.

VisaMastercardApple PayGoogle Pay

Pełna kontrola kosztu przed podłączeniem

Kierowca ustala limit przed podłączeniem i od razu widzi go przeliczonego na kWh. Szacowany koszt ładowania i postoju z góry, automatyczne zatrzymanie na limicie — żadnych niespodzianek na paragonie.

Ekran ustawiania budżetu sesji z kwotą pre-autoryzacji i przeliczeniem na kilowatogodziny
Interfejs na obudowie ładowarki, zdjęcie w warunkach nocnych

Liczby, które coś znaczą

Wszystko, co kierowca chce wiedzieć, na żywo na jednym ekranie: moc ładowania, czas do końca i rachunek, który rośnie na widoku.

Ekran trwającej sesji — status, wykres mocy, koszt energii i parkowania, rachunek liczony na żywo

Zaprojektowane na pełne słońce i środek nocy

Jeden ciemny motyw, sprawdzony w obu skrajnościach: kontrast, który przebija się przez południowy blask i nie oślepia o trzeciej nad ranem.

Ekran główny ładowarki w jasnym otoczeniu — oferta partnerów, pogoda i wybór gniazda
Ten sam ekran w nocy — ta sama hierarchia przy odwróconym świetle
Ładowarka Willbert — cztery kable, dwa ekrany, jeden słup

Maszyna za tym doświadczeniem

Cztery kable, dwa ekrany, jeden słup. Modułowo od 60 do 720 kW — ta sama maszyna obsłuży miejskie auto i elektryczną ciężarówkę.

Ładowanie poznaje handel.

Zostało 30 minut. Głodny?

Zamawianie jedzenia u partnerów stacji bezpośrednio z ekranu ładowarki
Ekran sklepu — przekąski i napoje w siatce znanej z aplikacji dostawczych

Sklep na miarę postoju

Przekąski i napoje w siatce, którą kierowca zna z aplikacji z dostawą. Szukaj, dotknij, gotowe — bez nauki na 30-minutowy postój.

Szczegóły bez objazdów

Rozmiar, ilość i opcje na jednej karcie. Dwa dotknięcia od ochoty do koszyka.

Karta produktu — wybór gramatury, ilości i dodatków w dwóch dotknięciach
Dwie karty produktu wychodzące poza ekran sklepu, na tle kadru z przekąskami
Cztery ekrany przepływu zestawione obok siebie
Ładowarka nocą — ten sam interfejs pod marką partnera, z ofertą, promocją na myjnię i wyborem gniazda
// Kontekst

Stacje ładowania EV mają jeden z trudniejszych momentów UX w całym e-commerce: użytkownik stoi przy aucie, często w deszczu, i ma kilkanaście sekund, żeby wybrać gniazdo, metodę płatności i ruszyć dalej. Do tego Willbert działa jako white-label — ten sam interfejs trafia pod różne marki partnerskie, więc każda decyzja musiała działać identycznie dobrze niezależnie od logo na ekranie. Zaprojektowałem cały przepływ — od wyboru gniazda, przez płatność, po podgląd kosztu sesji na żywo — jako jeden spójny system, a nie zestaw osobnych ekranów do ręcznego dopasowywania.

// Efekty
Typy płatności
3
Wspierane gniazda
2
Model wdrożenia
White-label
// Zobacz też