Elomoto to polski operator infrastruktury ładowania pojazdów elektrycznych, część ekosystemu Energomix. Firma sprzedaje coś, czego nie widać na zdjęciu produktu: infrastrukturę, dostępność i obsługę.
Zbudowałem stronę, która pokazuje to interakcją, a nie opisem. Aplikacja SPA na React i Vite, ponad 15 podstron, interaktywna mapa i animowany wskaźnik ładowania.
01 / WyzwanieTrudno pokazać usługę, której nie da się sfotografować
Operator stacji ładowania nie ma jednego zdjęcia, które tłumaczy, czym się zajmuje. Ma ofertę dla wspólnot, firm i inwestorów, sieć punktów w terenie oraz temat, który dla dużej części odbiorców wciąż jest nowy.
- Oferta rozbija się na kilka różnych grup odbiorców, a każda pyta o co innego.
- Lista lokalizacji w tabeli nie mówi nic o tym, czy stacja jest blisko.
- Strona miała wyglądać jak produkt z branży EV, a nie jak dowolna strona usługowa z ciemnym tłem.
Kiedy usługa jest niewidoczna, jedyne, co zostaje, to sposób, w jaki strona się zachowuje.
02 / RozwiązanieSPA z ciemnym interfejsem i jedną mocną interakcją
Całość działa jako aplikacja jednostronicowa z klienckim routingiem, więc przechodzenie między podstronami odbywa się bez przeładowania. Ciemny motyw z efektami szkła nawiązuje do wyglądu interfejsów w ładowarkach.
Widget ładowania jako element narracji
Wskaźnik postępu reaguje na przewijanie i symuluje ładowanie baterii od 0 do 77 kWh. To jedyna ozdobna rzecz na stronie, która robi coś więcej niż wygląda: tłumaczy, o czym jest ta firma, zanim odwiedzający przeczyta zdanie o ofercie.
Pięć podstron ofertowych zamiast jednej listy
Zamiast jednej strony z sześcioma akapitami oferta rozeszła się na osobne podstrony, każda pisana pod inną grupę. Dzięki temu z reklamy albo z wyszukiwarki da się trafić od razu na właściwy kontekst.
Interaktywna mapa stacji odpowiada na jedyne pytanie, które naprawdę zadaje odwiedzający: czy jest coś blisko mnie. Tabela z adresami tego nie robi.
Reszta struktury, czyli rzeczy, które muszą być
Realizacje, blog, FAQ i formularz kontaktowy z wyborem tematu zapytania. Formularz z wyborem tematu jest drobiazgiem, ale kieruje zapytanie od razu we właściwe miejsce, zamiast zostawiać segregację człowiekowi.
03 / RezultatStrona zachowuje się jak produkt, o którym opowiada
Elomoto ma serwis z rozbudowaną strukturą oferty, mapą stacji i interakcją, która tłumaczy branżę bez akapitu wprowadzającego. Nawigacja działa bez przeładowań, a każda grupa odbiorców ma własne wejście.
DodatkowoCo jeszcze przy okazji się udało
- Interaktywna mapa pokazuje stacje ładowania zamiast opisywać je w tabeli.
- Formularz kontaktowy ma wybór tematu, więc zapytania trafiają od razu we właściwe miejsce.
- Ciemny motyw z efektami szkła nawiązuje do interfejsów ładowarek EV.
Sprzedajesz coś, czego nie da się pokazać zdjęciem produktu? Napisz do mnie. Zwykle da się to pokazać interakcją.
