Case study07 / 10Landing pageProjekt autorski2026

EkoSolar.

Landing pod kampanie reklamowe z kalkulatorem oszczędności i formularzem wyceny - jedna strona, jeden cel: lead.

Projekt na ekranieZobacz, jak działa
EkoSolar, wersja desktopowa
Wersja desktopowa
EkoSolar, wersja mobilna
Wersja mobilna

Od wyzwania do efektu.

Każdy etap pokazuję na zrzutach z działającej wersji. Kliknij ujęcie, żeby je powiększyć.

Klient
Projekt autorski (demo)
Technologie
  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • Blender
Zakres projektu
  • Projekt UI/UX
  • Kalkulator oszczędności
  • Formularz leadowy
  • Optymalizacja konwersji
  • Render 3D (Blender)

Wyzwanie

Firmy usługowe (fotowoltaika, ocieplenia, instalacje) płacą za reklamy Google i Facebook, a ruch kierują na ogólną stronę firmową, która nie prowadzi do żadnej akcji. Klient klika, błądzi i wychodzi - budżet reklamowy się pali, a zapytań brak.

Problem pokazany liczbami: klient widzi, o ile podrożał prąd, zanim przeczyta o panelach.

Rozwiązanie

Zaprojektowałem landing skupiony na jednej akcji: bezpłatnej wycenie. Styl „solar print” prowadzi przez stronę motyw łuku drogi słońca, a sekcje mają różne układy zamiast ciągu identycznych kart. Kalkulator zamienia miesięczny rachunek na paski „dziś” i „po montażu”, roczną oszczędność i dobraną moc instalacji, nad nim stoi izometryczny render domu z panelami z Blendera, a wpisana kwota sama trafia do formularza. Po drodze: wykres cen prądu, proces w 4 krokach na łuku słońca, montaże na domach z Małopolski zamiast stockowej farmy, opinie, sekcja dotacji i FAQ rozwiewające obiekcje.

Kalkulator zamienia miesięczny rachunek w roczną oszczędność i od razu prowadzi do wyceny.
Cały proces od pierwszego telefonu do własnego prądu widać w jednym spojrzeniu, razem z terminami.
Kalkulator obsługuje się kciukiem, a wynik jest czytelny bez przybliżania.

Efekt

Każdy element strony pracuje na konwersję - odwiedzający z reklamy w kilkadziesiąt sekund rozumie korzyść, sprawdza oszczędności na własnym rachunku i zostawia kontakt. Wzorzec gotowy do adaptacji dla dowolnej usługi lokalnej rozliczanej z leadów.

Montaże z pobliskich miejscowości budują zaufanie lepiej niż ogólne hasła.
Rachunek z kalkulatora sam trafia do formularza, więc zostawienie numeru trwa chwilę.

Strzałki w lewo i w prawo zmieniają ujęcie. Escape zamyka podgląd.

Chcesz podobny projekt?

Opowiedz mi o swojej firmie. Przygotuję bezpłatną wycenę i propozycję rozwiązania.

Wyceń projekt