
👋 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.




