14/14 projekt koncepcyjny
Halny Energia: fotowoltaika i pompy ciepła · Mazowsze
Klient wpisuje rachunek i kierunek dachu i widzi szacunek oszczędności, a firma sama składa strony z gotowych bloków.
Projekt koncepcyjny - jak zrobiłbym stronę dla firmy z branży: fotowoltaika i pompy ciepła. Firma i jej dane są fikcyjne.
- Branża
- fotowoltaika i pompy ciepła
- Miasto
- Mazowsze
- Języki
- PL / EN
- Rok
- 2026
- Szybkość
- 98/100 · 100/100
01Wyzwanie
Fotowoltaika albo pompa ciepła to duży wydatek, a pierwsze pytanie klienta brzmi: ile na tym zaoszczędzę? Firma instalacyjna chce zbierać zgłoszenia na bezpłatny audyt i sama dopisywać realizacje i nowe podstrony, bez dzwonienia do agencji. To drugie demo WordPressa w portfolio: pokazuje, jak buduję stronę z własnych bloków i własnej wtyczki, bez page buildera.
02Co zrobiłem
-
Strony składane z gotowych klocków
W edytorze WordPressa właściciel ma 9 własnych bloków: przekrój domu, kalkulator, mapę realizacji, proces, formularz audytu, pytania i inne. Stronę nowej usługi składa sam, jak z klocków, i od razu widzi podgląd. Poprawka wyglądu bloku zmienia go na wszystkich stronach naraz.
-
Kalkulator, który nie obiecuje za dużo
Klient ustawia miesięczny rachunek, kierunek dachu na kompasie i rodzaj instalacji, a strona pokazuje przybliżoną liczbę paneli i oszczędności na 10 lat. Liczy serwer, więc wynik jest ten sam także bez JavaScriptu. Pod wynikiem stoi „szacunek, nie oferta”, założenia, jak cena prądu, są opisane na stronie, a właściciel zmienia je w panelu. Bez kosztu instalacji i kwot dotacji, bo to byłoby zgadywanie.
-
Realizacje na mapie Mazowsza
Każda realizacja to wpis w panelu z miejscowością i rodzajem instalacji, a kropka sama pojawia się na mapie powiatów. Filtry fotowoltaika, pompa ciepła i klimatyzacja działają od razu, a bez JavaScriptu są zwykłymi linkami. Mapa jest rysowana kodem, bez Map Google, więc nie spowalnia strony.
-
Bezpłatny audyt bez przepisywania literek
Formularz zatrzymuje spam bez CAPTCHA: pułapka na boty, kontrola czasu wypełnienia i limit zgłoszeń. Zgłoszenie zapisuje się w panelu i trafia zabezpieczonym połączeniem do CRM, a gdy CRM nie odpowiada, strona sama ponawia wysyłkę. Działa też bez JavaScriptu. Na demie formularz z nikim się nie kontaktuje.
-
Słońce nad domem
Na pierwszym ekranie kreska rysuje przekrój domu, słońce idzie po łuku od 8:00 do 16:00, cień komina przesuwa się po dachu, a potem energia płynie do pompy ciepła i klimatyzatora. Suwakiem klient sam ustawia porę dnia. Animację można zatrzymać, a przy ograniczonym ruchu strona od razu pokazuje południe.
-
Dwa języki i uczciwe podpisy
Wersja angielska jest pisana ręcznie, razem z realizacjami. Firma jest fikcyjna, a numer to same zera. Zdjęcia są wygenerowane przez AI i podpisane na stronie jako „Zdjęcie poglądowe”.
03Efekt
Strona instalatora w dwóch językach, którą właściciel rozwija sam z gotowych bloków: kalkulator oszczędności, mapa realizacji i formularz audytu prosto do CRM. Szybkość 98/100 na telefonie i 100 na komputerze, dostępność 100, a podczas ładowania nic nie skacze.
98telefon
100komputer
pomiar:
04Karta DNA
Z czego zbudowane jest wykończenie
Kliknij kolor, krój albo zaokrąglenie, żeby zdjąć je z podglądu. Zostaje sam szkielet - ten sam, na którym stoi każda moja strona.
Kolory
Krój nagłówków
Zaokrąglenia
05Widoczność w Google
Jak klienci znajdą tę stronę
- Google wie, że to firma instalacyjna, zna jej usługi i obszar działania, bo są zapisane na stronie tak, że czyta je wprost.
- Najczęstsze pytania są przygotowane tak, żeby Google i asystenci AI mogli cytować odpowiedzi.
- Wersje polska i angielska są ze sobą powiązane, więc Google pokazuje właściwy język.
- Demo jest ukryte przed wyszukiwarkami, bo to fikcyjna firma.
