Redesign witryny po fatalnym wdrożeniu agencji z warszawy.
Strona-wizytówka dla jednoosobowej firmy elektrycznej spod Mszany Dolnej. Redesign i rewrite na WordPress + Elementor, komplet warstwy pomiarowej i RODO, wszystkie cztery audyty Lighthouse podbite do 100/100.
Nowy layout,
ten sam fach.
Punkt wyjścia.
Wcześniejsza odsłona miała cięższy, mniej dopracowany układ, a audyt techniczny pokazywał wyraźne braki — Best Practices 54/100 i Dostępność 93/100. Komunikacja oferty rozmywała się, brakowało spójnego lejka kontaktowego i warstwy pomiaru.
Po wdrożeniu.
Ciemny, kinowy kierunek z czytelną hierarchią i żółtym akcentem marki. Szybka, mobilna, w pełni zindeksowana strona z działającą analityką i lejkiem kontaktowym. Pełne załadowanie ~1,3 s na desktopie, audyty Lighthouse na poziomie 100/100.
Z 54 na 100.
Cztery audyty, jeden skok: Wydajność 38 → 100, Dostępność 76 → 100, Best Practices 54 → 100, SEO 67 → 100.
Pomiar terenowy: jedna sesja w przeglądarce, desktop, dobre łącze, 30.05.2026 — to nie jest ustandaryzowany wynik Lighthouse. Do portfolio rekomendowany oficjalny PageSpeed Insights (mobile + desktop). Największy zasób to Plasma-BG-7.png (~785 KB) — konwersja grafik tła/hero do WebP da dodatkowy zysk na mobile.
Co dokładnie
weszło na produkcję.
- I
WordPress + Elementor (Full Site Editing)
Strona-wizytówka na Hello Elementor + Elementor Pro. Hero z CTA „Zamów usługi", oferta siedmiu usług, sekcja „O mnie", przewagi, kontakt z mapą i formularzem oraz podstrony Realizacje i Cennik.
- II
Warstwa pomiarowa
Google Tag Manager, GA4 oraz Meta Pixel (przez PixelYourSite) — gotowość pod kampanie i rzetelne mierzenie leadów.
- III
Zgodność z RODO
Baner i zarządzanie zgodami (Complianz GDPR), polityka prywatności oraz polityka cookies — analityka ładuje się dopiero po zgodzie.
- IV
SEO on-page
Komplet meta (title/description), canonical, Open Graph i Twitter Card oraz poprawne ustawienie indeksacji (index, follow).
- V
Lejek kontaktowy
Formularz kontaktowy plus bezpośrednie CTA — telefon, e-mail i WhatsApp — w zasięgu jednego kliknięcia z każdej sekcji.
- VI
Proces na stagingu
Cała praca prowadzona na osobnym, zabezpieczonym hasłem środowisku stg-zlotafaza.codecollab.pl — na produkcję trafiła dopiero gotowa, przetestowana wersja.
Wygląda dobrze
na każdym ekranie.
Mobile-first, płynne breakpointy i obszary dotykowe pod kciuk. Ten sam hero, oferta i kalkulator — czytelne na monitorze, tablecie i telefonie, bez poziomego scrolla.
Wycena, która
liczy się sama.
Zamiast „zapytaj o cenę" — interaktywny kalkulator, który na żywo szacuje koszt instalacji. Klient ustawia parametry, a wycena przelicza się natychmiast. To realne kwalifikowanie leada: zanim trafi formularz, klient zna rząd wielkości i zostawia kontakt z konkretem.
Lejek, który
domyka kontakt.
Czysty, czytelny formularz „Napisz do nas" z walidacją i zgodą RODO wpiętą w politykę prywatności. Wysłanie odpala zdarzenie w GA4 i Meta Pixel — każdy lead jest mierzalny.
Obok formularza komplet bezpośrednich CTA: telefon, e-mail i adres — klient wybiera kanał, który mu pasuje.
- RODO Zgoda na przetwarzanie danych zgodna z polityką prywatności
- GA4 + PIXEL Wysłanie formularza jako mierzona konwersja
- MULTI-CTA Telefon, e-mail i lokalizacja w zasięgu kliknięcia
Od „nikt nie dzwoni"
do 100 na 100.
Pięć etapów, jedna zasada — każda decyzja ma przybliżać klienta do telefonu. Tak prowadziłem projekt Złotej Fazy. I tak prowadzę każdy następny.
- 01
Zaczynam od pytań, nie od projektu.
Najpierw telefon i konkret: skąd realnie przychodzą klienci, co mówią, czego nie rozumieją. Bez tego najładniejsza strona nie sprzeda nawet gwoździa.
1rozmowa zamiast briefu - 02
Audyt bez litości.
Cztery audyty Lighthouse, analiza treści i ścieżek. Wypisuję każdą rzecz, która kosztuje leady — od wolnego ładowania po brak jasnego „zadzwoń".
54→100Best Practices - 03
Projekt, który sprzedaje.
Ciemny, warsztatowy kierunek z żółtym akcentem marki. Hierarchia ułożona pod jedną decyzję klienta: zadzwoń albo zostaw kontakt.
1iteracja do akceptacji - 04
Buduję i mierzę wszystko.
Rewrite na WordPress + Elementor, interaktywny kalkulator, formularz z RODO, GA4 i Meta Pixel. Każdy klik mierzony, nic na czuja.
~1,3 spełne ładowanie - 05
Wdrożenie i efekt.
Cztery audyty na 100/100 i strona, która sama kwalifikuje leady. Klient dostał nie wizytówkę, ale narzędzie sprzedaży.
100×4 audyty Lighthouse
Masz wdrożenie,
które nie dowozi?
Audyt, redesign albo wyprowadzenie zaniedbanego WordPressa — tak jak dla Złotej Fazy. Zacznij od bezpłatnej diagnozy albo napisz wprost.