Redesign własnej strony: od PHP bez CMS do 99/100 PageSpeed w miesiąc
Najtrudniejszy klient to ten, którego znasz najlepiej. Własną stronę potraktowaliśmy dokładnie tak, jak projekt kliencki: z briefem, harmonogramem, budżetem czasowym i kontrolą jakości na każdym etapie. To case study pokazuje, co można dostarczyć w miesiąc pracy w niepełnym wymiarze, gdy proces jest poukładany, a AI robi to, w czym jest naprawdę dobre — i dlaczego nowa strona to nie „ładniejsza wizytówka”, tylko maszyna do pozyskiwania klientów, która utrzymuje się sama.
Liczby po wdrożeniu
PageSpeed Insights
Wynik wydajności strony głównej po wdrożeniu: LCP 0,7 s, TBT 11 ms, CLS ~0. Na mobile treść renderuje się w ~1,4 s.
Od briefu do produkcji
Kompletna przebudowa — technologia, treści, dwa języki, automatyzacje — dostarczona w niepełnym wymiarze, równolegle z bieżącą obsługą klientów.
Blog pisany przez AI
Research z danych Search Console, artykuł PL+EN, grafiki w spójnym stylu, publikacja i post na LinkedIn — pełny cykl z bramką jakości, alert tylko przy błędzie.
Dwa języki od startu
Pełna wersja angielska z kompletnym hreflang — gotowa baza pod klientów zagranicznych od pierwszego dnia.
Strona, która przestała nadążać za firmą
Poprzednia strona zest.agency była statycznym one-pagerem w czystym PHP, bez CMS-a. Przez lata wystarczała — ale w pewnym momencie zaczęła kosztować: nie było na niej usług, które realnie sprzedajemy (kreacje AI, UGC, content na LinkedIn), nie było bloga ani wersji angielskiej, więc strona nie pozyskiwała ruchu organicznego, a każda zmiana treści wymagała edycji kodu. Klasyczny dylemat firmy usługowej: własna strona zawsze przegrywa priorytetem z projektami klientów — chyba że zbuduje się ją tak, jak podchodzimy do projektowania stron internetowych dla klientów: żeby po starcie utrzymywała się sama.
Cztery filary wdrożenia
Zamiast zaczynać od makiet, zaczęliśmy od treści i oferty — a technologię i automatyzacje dobraliśmy tak, żeby po premierze strona pracowała bez naszej codziennej uwagi.
Filar 1: Content-first — najpierw treści, potem piksele
Każda podstrona usługowa napisana od zera pod konkretną intencję zakupową, z realnymi kreacjami klientów zamiast stockowych grafik. To treści były wąskim gardłem projektu — i celowo dostały najwięcej czasu.
Filar 2: Technologia pod szybkość — React na edge'u
TanStack Start (React) na Cloudflare Workers — strona renderuje się na serwerach brzegowych blisko użytkownika. Świadomie bez klasycznego CMS-a: treści żyją w repozytorium kodu, a każda zmiana przechodzi commit → review → automatyczny deploy w kilka minut.
Filar 3: AI w procesie i na stronie
Autorska animacja procesu w hero zamiast showreelu, podstrona kreacji AI z realnymi materiałami, blog publikowany automatycznie dwa razy w tygodniu i moduł rekrutacyjny z automatyczną wstępną oceną zgłoszeń.
Filar 4: Pomiar i zgodność od pierwszego dnia
GA4 + GTM z consent mode v2, zgody ładowane przed tagami, kompletny hreflang PL/EN i domknięte przekierowania — żeby dane były wiarygodne, a indeksacja czysta od startu.
Przed i po
Poprzedni one-pager w PHP kontra nowa strona — ta sama firma, inna liga. Kulisy wdrożenia opisaliśmy w artykule na blogu.
Liczby, nie ogólniki
| Metryka | Wynik (desktop) |
|---|---|
| Wynik wydajności | 99/100 |
| First Contentful Paint | 0,6 s |
| Largest Contentful Paint | 0,7 s |
| Total Blocking Time | 11 ms |
| Cumulative Layout Shift | ~0 |
Na urządzeniach mobilnych treść strony renderuje się w ~1,4 s; laboratoryjny wynik mobile zaniża baner zgody, który celowo blokuje stronę do decyzji użytkownika — świadomy wybór: kompletność pomiaru ponad punkty w teście syntetycznym.
| Obszar | Rezultat |
|---|---|
| Technologia | React (TanStack Start) na Cloudflare Workers, deploy zmian w kilka minut |
| Treści | Podstrony usług z kreacjami klientów, blog, case studies — PL i EN |
| Automatyzacje | Blog AI 2×/tydz. end-to-end, wstępna ocena zgłoszeń rekrutacyjnych |
| Pomiar | GA4 + GTM + consent mode v2, zgody przed tagami |
| SEO | Kompletny hreflang PL/EN, poprawne przekierowania, sitemap z automatu |
Trzy wnioski z własnego podwórka
- 01
Redesign to projekt contentowy, nie graficzny
Kod nowej strony powstał szybko; zdecydowaną większość czasu pochłonęły copy, selekcja kreacji i wersja językowa. Kto planuje „teksty: tydzień”, powinien pomnożyć to razy trzy.
- 02
Szybkość to architektura, nie optymalizacja na końcu
Render na edge'u, kompresja mediów i lekki frontend to decyzje z pierwszego dnia projektu. 99/100 nie da się „dokleić” po premierze.
- 03
Strona żyje tak długo, jak żyje jej publikacja
Blog, który wymaga programisty do dodania wpisu, umiera w miesiąc. Automatyzacja z bramką jakości utrzymuje rytm dwóch artykułów tygodniowo bez angażowania zespołu.
Planujesz nową stronę albo landing page?
Zbudujemy ją tak, jak własną: content-first, szybką od pierwszego dnia i z automatyzacjami, które pracują po premierze.
Wyceń projekt
Pozostałe realizacje
