Elomoto wchodzi na rynek infrastruktury ładowania EV jako część ekosystemu Energomix - i potrzebowała strony, która prezentuje kompleksową ofertę B2B: od stacji do montażu, od case studies po mapę realizacji. Nie prosty landing, ale rozbudowana witryna biznesowa z własnym charakterem wizualnym.
Kluczowy wymóg: strona ma wyglądać jak produkt technologiczny, nie jak broszura. Ciemny motyw, interaktywność i szybkość ładowania - bez kompromisów.
01 / WyzwanieTechniczna oferta B2B w atrakcyjnej formie wizualnej
Branża EV często grzeszy nudnymi stronami korporacyjnymi - schematyczny design, stock photo, brak emocji. Elomoto chciało czegoś odwrotnego: strony, która sama w sobie jest argumentem sprzedażowym, bo pokazuje, że firma rozumie technologię i estetykę nowoczesnych produktów.
- Rozbudowana oferta, trudna do skondensowania. Stacje AC i DC, serwis, instalacje, monitoring - każdy segment wymagał osobnej podstrony z detalami.
- Mapa realizacji jako element zaufania. Klienci B2B chcą widzieć, gdzie już działają stacje - interaktywna mapa była kluczowym elementem.
- Szybkość na mobile. Wiele zapytań B2B zaczyna się od telefonu - strona musiała ładować się błyskawicznie nawet przy słabym zasięgu.
Strona firmowa w branży EV to nie wizytówka - to pierwszy krok w długim procesie sprzedaży B2B. Każdy element musi budować zaufanie i kompetencję.
02 / RozwiązanieSPA z ciemnym motywem, glassmorphism i interaktywnym widgetem
Zbudowałem aplikację SPA w React 19 z Vite i Tailwind CSS - bez backendu, z klienckim routingiem, który zapewnia płynne przejścia między sekcjami bez przeładowania strony. Ciemny motyw z efektami glassmorphism i animacjami glow nadaje stronie charakter produktu premium.
Widget ładowania - animacja, która sprzedaje
Wyróżniający element to interaktywny widget dashboardu EV: animowany wskaźnik postępu ładowania (0-77 kWh) reagujący na scroll strony. Użytkownik widzi „ładowanie baterii" w czasie, gdy przewija treść - metafora, która działa na poziomie emocjonalnym i technicznym jednocześnie.
15+ podstron z pełną spójnością
Landing page z sekcją Hero, pięć podstron ofertowych (stacje AC, DC, serwis, instalacje, monitoring), interaktywna mapa stacji z pinezkami, sekcja case studies, blog, FAQ i formularz kontaktowy z wyborem tematu zapytania. Każda podstrona zachowuje spójny język wizualny.
Routing po stronie klienta oznacza, że przejście między podstronami jest natychmiastowe - bez białego ekranu, bez oczekiwania. W kontekście prezentacji oferty B2B to różnica między „profesjonalne" a „wolne i archaiczne".
03 / RezultatStrona, która wygląda jak produkt, nie jak broszura
Elomoto.eco wyróżnia się wizualnie w branży, gdzie dominuje korporacyjna szarość. Interaktywny widget ładowania zostaje w pamięci odwiedzającego, a rozbudowana struktura podstron pozwala każdemu segmentowi klientów znaleźć odpowiednie informacje bez scrollowania przez całą stronę główną.
Planujesz stronę dla firmy technicznej lub B2B? Wiem, jak połączyć estetykę z konwersją. Porozmawiaj ze mną o swoim projekcie.
Buduję aplikacje webowe i systemy dla firm - od projektu po wdrożenie. Specjalizuję się w Next.js, Supabase i integracjach z zewnętrznymi serwisami. Każdy projekt obsługuję osobiście.
