Przejdź do treści
codecollab.pl
← Wszystkie realizacje
§ 01 Case study · maj 2026 · zakończone

Redesign strony firmowej - z 38 na 100.

Strona firmowa jednoosobowego elektryka spod Mszany Dolnej. Redesign i rewrite na WordPress + Elementor, komplet warstwy pomiarowej i RODO. Wydajność w Lighthouse z 38 na 100, pełne ładowanie ~1,3 s.

KlientZłota-FazaMichał Wacławik
Rola CodeCollabWdrożenie · środowiskostaging → produkcja
StackWordPress · ElementorHello Elementor + Pro
Na żywozlotafaza.pl ↗
Czas5 tygodniod rozmowy do produkcji
InwestycjaWycena na piśmiepo rozmowie
ModelJeden senior, kod od dnia 1cały zakres osobiście
DalejUtrzymanie miesięczne+ konwersja WebP w Q3
§ 02 Redesign

Nowy layout,
ten sam fach.

Najedź na kadr, żeby przewijać ręcznie
zlotafaza.plPrzed
Stara wersja zlotafaza.pl - cała strona od góry do dołu
↕ Użyj scrolla lub dojedź kursorem do górnej bądź dolnej krawędzi aby przewinąć.
zlotafaza.plPo
Nowa wersja zlotafaza.pl - cała strona od góry do dołu
↕ Użyj scrolla lub dojedź kursorem do górnej bądź dolnej krawędzi aby przewinąć.

Punkt wyjścia.

Wcześniejsza odsłona miała cięższy, mniej dopracowany układ, a audyt pokazywał przede wszystkim jedno: Wydajność 38/100 (pełne rozbicie czterech kategorii znajdziesz niżej). 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, wszystkie cztery audyty Lighthouse na 100/100.

§ 03 Audyt - przed vs po

Cztery audyty,
jeden skok.

Liczba przewodnia: Wydajność 38 → 100. W pełnym rozbiciu audytu: Dostępność 76 → 100, Best Practices 54 → 100, SEO 67 → 100.

Przed poprzednia wersja
38
Wydajność
76
Dostępność
54
Best practices
67
SEO
FCP 2,1 s · LCP 3,8 s · Speed Index 4,5 s
Po wdrożona wersja
100
Wydajność
100
Dostępność
100
Best practices
100
SEO
FCP 0,3 s · LCP 0,6 s · Speed Index 0,3 s
~320 msTTFB
~0,5 sDOMContentLoaded
~1,3 sPełne załadowanie
68zasobów na stronie

Skąd te liczby: wyniki czterech kategorii to audyty Lighthouse; liczba przewodnia - Wydajność 38 → 100 - potwierdzona ponownym pomiarem 21.06.2026 (poprzednia wersja strony już nie istnieje, więc pomiaru „przed" nie da się dziś powtórzyć). Czasy ładowania (TTFB ~320 ms, pełne załadowanie ~1,3 s) to pomiar terenowy: jedna sesja w przeglądarce, desktop, dobre łącze, 30.05.2026. Największy zasób to grafika tła (~785 KB) - konwersja hero do WebP, zaplanowana na Q3, da dodatkowy zysk na mobile.

4 × 100Lighthouse - wszystkie cztery kategorie
38 → 100Wydajność po przebudowie
~1,3 spełne załadowanie · desktop
0,001Cumulative Layout Shift
§ 04 Zakres prac

Co dokładnie
weszło na produkcję.

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

  2. II

    Warstwa pomiarowa

    Google Tag Manager, GA4 oraz Meta Pixel (przez PixelYourSite) - gotowość pod kampanie i rzetelne mierzenie leadów.

  3. III

    Zgodność z RODO

    Baner i zarządzanie zgodami (Complianz GDPR), polityka prywatności oraz polityka cookies - analityka ładuje się dopiero po zgodzie.

  4. IV

    SEO on-page

    Komplet meta (title/description), canonical, Open Graph i Twitter Card oraz poprawne ustawienie indeksacji (index, follow).

  5. V

    Lejek kontaktowy

    Formularz kontaktowy plus bezpośrednie CTA - telefon, e-mail i WhatsApp - w zasięgu jednego kliknięcia z każdej sekcji.

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

WordPress Elementor Elementor Full Site Editing Redesign Rewriting GA4 Meta Pixel Complianz / RODO SEO on-page
§ 05 Responsywność

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.

zlotafaza.pl na telefonie
Telefon390px
zlotafaza.pl na tablecie
Tablet834px
zlotafaza.pl na laptopie
Laptop1440px
§ 06 Kalkulator kosztów

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.

Pociągnij suwak - przelicza się na żywo

Napisz do nas

Wypełnij formularz, a przygotuję wycenę na piśmie w 24 godziny.

Dziękujemy! Odpowiemy najszybciej, jak to możliwe.
§ 07 Formularz kontaktowy

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
§ 08 Jak pracuję

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.

  1. 01
    Tydzień 0Rozmowa

    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
  2. 02
    Tydzień 1Audyt

    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ń".

    38→100Wydajność
  3. 03
    Tydzień 2Kierunek

    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
  4. 04
    Tydzień 3-4Budowa

    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
  5. 05
    Tydzień 5Launch

    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
§ 09 Grafiki kampanii

Nie tylko strona - cała kampania.

Po wdrożeniu strony przygotowałem dla Złotej-Fazy komplet grafik reklamowych pod social i kampanie: spójny key visual, oferta i osobny kafel pod każdą usługę - jeden język wizualny od strony po posty.

Grafika reklamowa Złota-Faza - oferta usług elektrycznych
Oferta · key visual
Grafika reklamowa Złota-Faza - modernizacja instalacji
Modernizacja instalacji
Grafika reklamowa Złota-Faza - usuwanie awarii i usterek
Usuwanie awarii
Grafika reklamowa Złota-Faza - montaż rozdzielnic
Montaż rozdzielnic
Grafika reklamowa Złota-Faza - pomiary elektryczne
Pomiary elektryczne
Grafika reklamowa Złota-Faza - biały montaż
Biały montaż
Grafika reklamowa Złota-Faza - nowe instalacje
Nowe instalacje
Grafika reklamowa Złota-Faza - usługi minikoparką
Usługi minikoparką
Grafika reklamowa Złota-Faza - kontrola dostępu
Kontrola dostępu
§ 10 Słowo klienta

Mało gadał,
więcej robił.

„Powiem szczerze - w naszej branży się obiecuje dużo. Krystian raczej mało gadał, więcej robił. Wycenił, dał termin, dowiózł. Strona stoi, Google ją widzi, klienci trafiają. Jak ktoś szuka sprawdzonego partnera dla swojej firmy - bardzo polecam."

Michał WacławikZłota-Faza - instalacje elektryczne, Mszana Dolna · ocena 5/5
§ 11 FAQ

Częste pytania
o taki projekt.

Projekt typu „strona-wizytówka na WordPress + Elementor z warstwą pomiarową, RODO i SEO on-page" wyceniam indywidualnie pod zakres. Dokładną wycenę dostajesz na piśmie po jednej 30-minutowej rozmowie - konkretna kwota, zakres i termin.

Projekt Złotej-Fazy zajął 5 tygodni od pierwszej rozmowy do wdrożenia na produkcji: tydzień 0 - rozmowa i diagnoza, tydzień 1 - audyt techniczny, tydzień 2 - kierunek designu, tygodnie 3-4 - budowa na stagingu, tydzień 5 - launch i pomiary. Podobny zakres zazwyczaj zamyka się w 4-8 tygodniach, zależnie od zakresu i materiałów po stronie klienta.

Tak. Duża część moich projektów to właśnie wyprowadzanie zaniedbanych stron - Złota-Faza miała Wydajność 38/100 i nieaktywną warstwę pomiarową. Zaczynam od audytu na piśmie (raport „napraw / odłóż / wywal"), potem stabilizacja, potem dalsza praca. Jeśli problemem jest wolny sklep, zobacz też przyspieszanie sklepu WooCommerce. Zlecenia tylko z dostępem do kodu od pierwszego dnia.

Tak - pracuję zdalnie z firmami w całej Polsce. Faktura VAT B2B (NIP 737-224-40-67). Złota-Faza to klient lokalny (Mszana Dolna), ale lokalizacja nie gra roli - cały proces, od rozmowy przez staging po wdrożenie, prowadzę zdalnie. Telefon: +48 797 722 310, 9:00-20:00 w dni robocze.

§ 12 Od dowodu do startu

Szukasz tego
dla siebie?

Audyt na piśmie, praca na stagingu, pomiar efektu - dokładnie tak, jak przy Złotej-Fazie. Wybierz obszar, który odpowiada Twojej sytuacji.

Zaczynasz od zera

Strona firmowa zaprojektowana pod jedno: klient ma zadzwonić albo zostawić kontakt.

Strony internetowe
Masz stronę do wyprowadzenia

Audyt, przyspieszenie i uporządkowanie istniejącego serwisu - jak skok z 38 na 100.

Rozwój i optymalizacja
Chcesz mieć to z głowy

Po wdrożeniu nie zostajesz sam - miesięczne utrzymanie, tak jak Złota-Faza.

Stała opieka
§ 13 · Następny krok

Masz wdrożenie,
które nie dowozi?

Audyt, redesign albo wyprowadzenie zaniedbanego WordPressa - tak jak dla Złotej-Fazy. A po wdrożeniu nie zostajesz sam: klient po projekcie zwykle zostaje u mnie na miesięcznym utrzymaniu - zobacz, jak działa opieka po wdrożeniu. Wyślij zakres - wycenę na piśmie dostajesz w 24 godziny.