👋 O projekcie

Voltes oferuje kompleksowe rozwiązania OZE — fotowoltaikę, magazyny energii i turbiny wiatrowe. Firma startowała z nową ofertą i potrzebowała strony, która nie tylko prezentuje usługi, ale realnie generuje zapytania.

Odpowiadałem za cały proces — od analizy rynku i projektu UX/UI w Figmie, po wdrożenie w WordPressie (Elementor) i optymalizację konwersji poprzez split testy. Formularz modalny, który zaprojektowałem, osiągnął o 40% wyższy współczynnik konwersji niż wariant klasyczny.

Klient:

Voltes

Zakres:

Web Design

No-Code Developing

Czas:

Luty 25 – Czerwiec 25

👀 Wyzwania

Dwa problemy do rozwiązania:

  • Złożoność oferty — zestaw fotowoltaika + magazyn energii + turbina wiatrowa to coś, czego większość użytkowników nie zna i nie rozumie. Jeśli komunikat jest niejasny, odwiedzający nie zostawia kontaktu — nawet jeśli oferta go dotyczy.
  • Brak zaufania — branża OZE jest pełna firm-krzaków i agresywnego marketingu. Nowa marka bez rozpoznawalności musi od pierwszego ekranu budować wiarygodność — inaczej użytkownik zamknie kartę.

🧠 Moje podejście

Z analizy konkurencji i rozmów z klientem wynikało, że główną barierą konwersji nie jest cena ani oferta, ale to, że użytkownik nie rozumie, za co płaci i nie czuje się pewnie zostawiając dane kontaktowe.

To określiło kierunek projektowy:

  • Komunikacja — prosta, ludzkim językiem tłumacząca, czym jest zestaw PV + magazyn + turbina i jakie daje korzyści. Bez bombardowania specyfikacją techniczną.
  • Układ strony — prowadzący krok po kroku: problem → rozwiązanie → korzyści → dowód społeczny → CTA.
  • Kolorystyka — ciepły żółty kojarzący się z energią i słońcem, wyróżniający Voltes na tle konkurencji, która operuje w niebiesko-zielonej palecie.

🔧 Co zrobiłem

Zaprojektowałem UX/UI w Figmie i wdrożyłem stronę w WordPressie z Elementorem. Ale kluczowym elementem tego projektu nie był sam design — był split test formularza kontaktowego, który pozwolił zmierzyć, co faktycznie działa.

🧪 Split Test - Formularz

🅰️ Wariant A – Formularz na stronie

Klasyczny formularz umieszczony w treści strony, dostępny po przewinięciu do sekcji „Kontakt”.

Był widoczny dla użytkownika dopiero w końcowej części strony, co wymagało zaangażowania i dłuższego scrollowania.

Wynik:
2 981 odwiedzin → 43 konwersje → współczynnik 1,4%

🅱️ Wariant B — formularz modalny (pop-up)
Formularz uruchamiany po kliknięciu w CTA, z elementami psychologii konwersji:

  • Licznik odliczający czas trwania oferty
  • Przycisk „Rezygnuję” zamiast „X” — wyższy koszt emocjonalny zamknięcia
  • Komunikaty o ograniczonej dostępności

Wynik: 3 135 odwiedzin → 63 konwersje → 2,0%

Wariant B osiągnął około 40% lepszy współczynnik konwersji przy zbliżonym ruchu. Dane z Microsoft Clarity potwierdziły, że użytkownicy częściej reagowali na CTA w modalu i rzadziej opuszczali stronę bez akcji.

💬 Efekty

Klient otrzymał stronę, która w ciągu kilku miesięcy przeszła od projektu do działającego narzędzia sprzedażowego z przetestowanym modelem konwersji. Modalny formularz, potwierdzony danymi, dał Voltes solidne podstawy do skalowania marketingu.

🧩 Podsumowanie projektu

Współpraca zakończyła się w czerwcu 2025 — dalsze iteracje prowadzone były już bez mojego udziału. Case study przedstawia projekt w wersji, którą realizowałem i optymalizowałem osobiście.

Ten projekt uświadomił mi, jak duża jest różnica między projektowaniem strony a projektowaniem konwersji. Estetyka buduje zaufanie, ale to struktura komunikatu i mechanika formularza decydują, czy użytkownik zostawi kontakt.