Projekt przed kodem
Najpierw powstały projekty wszystkich typów stron. Dopiero po zatwierdzeniu układu, treści i kierunku wizualnego rozpocząłem kodowanie.
Stronę zbudowałem w Astro, bez płatnych wtyczek i abonamentu za licencję. Każda usługa ma osobny adres, a zgłoszenie z formularza trafia bezpośrednio do CRM wraz z zadaniem kontaktu.
02 — Jak to wygląda
03 — Punkt wyjścia
Poprzednia wersja działała na WordPressie i wymagała aktualizowania wtyczek oraz licencji. Mimo dnia optymalizacji ostatni pomiar przed wyłączeniem, 10.09.2026, wykazał na telefonie 69/100 wydajności i 11,2 s do wczytania największego elementu pierwszego ekranu.
Strona opisywała usługi, których już nie oferuję, i nie prowadziła do jednego, jasnego następnego kroku.
Przebudowa miała uporządkować ofertę, rozdzielić słowa kluczowe między strony i połączyć kontakt z dalszą obsługą zgłoszenia.
Najpierw powstały projekty wszystkich typów stron. Dopiero po zatwierdzeniu układu, treści i kierunku wizualnego rozpocząłem kodowanie.
Po wysłaniu formularza lub rezerwacji rozmowy CRM otrzymuje dane osoby, treść zapytania i zadanie z terminem. Klient dostaje osobne potwierdzenie dopasowane do wybranego tematu.
Artykuły odpowiadają na pytania o ceny, widoczność w Google i automatyzację. Każdy wpis prowadzi do właściwej usługi, a strony usługowe odsyłają do materiałów wyjaśniających decyzję.
05 — Przebieg realizacji
Poniżej pokazuję kolejne etapy tej realizacji oraz testy, które potwierdziły działanie strony.
\01
Na podstawie pomiaru każda strona otrzymała jedno główne słowo kluczowe. Informacyjne słowa kluczowe trafiły do Bazy wiedzy, a komercyjne do stron usługowych.
\02
Przed kodowaniem zatwierdziłem osobne projekty strony głównej, stron usługowych, realizacji, Bazy wiedzy, strony o mnie i kontaktu.
\03
Kod przeszedł automatyczne kontrole spójności, dostępności i działania formularzy. Błędy wykryte przez testy poprawiłem przed publikacją.
\04
Po uruchomieniu mierzę wydajność i działanie formularza na produkcji. Wyniki dodam do tej realizacji razem z datą pomiaru.
06 — Podobne realizacje
Zobacz projekty o zbliżonym zakresie i sprawdź, co zostało w nich wdrożone.
07 — Kontakt
Napisz, co dziś utrudnia klientowi znalezienie właściwej usługi albo wysłanie zapytania. Po rozmowie otrzymasz zakres, cenę i termin na piśmie.