Jedną z najczęstszych frustracji właścicieli firm we współpracy z agencjami jest brak przejrzystości. Oddaje się brief, coś dzieje się w tle, a po jakimś czasie pojawia się gotowy produkt. Czasem zgodny z oczekiwaniami, często nie.
Przejrzystość procesu to przewaga konkurencyjna dla obu stron. Kiedy zakres prac jest zrozumiały jeszcze przed rozpoczęciem projektu, oczekiwania są spójne, potrzeba mniej iteracji, a końcowa strona jest lepsza. Poniżej przedstawiony jest dokładnie ten proces.
Faza 1: Odkrycie (Tydzień 1)
Każdy projekt zaczyna się od ustrukturyzowanej sesji odkrycia. Nie jest to ogólna rozmowa o marce, lecz konkretny zestaw pytań pozwalających wyciągnąć decyzje, które kształtują cały projekt:
- Dla kogo jest przeznaczona strona? Którą grupę klientów trzeba przekonać?
- Jakie działanie powinni podjąć odwiedzający i w jakiej kolejności?
- Co obecna strona robi dobrze i co należy zachować?
- Jaki jeden, najważniejszy problem biznesowy nowa strona ma rozwiązać?
- Jak wygląda sukces wyrażony w liczbach, 6 miesięcy po uruchomieniu?
Na tym etapie przeprowadzany jest również techniczny audyt obecnej strony: wyniki wydajności, punkt startowy SEO, analiza danych analitycznych, inwentarz treści. Pokazuje to, z czym projekt startuje i gdzie leżą największe szanse na poprawę.
Wynikiem pracy jest dokument odkrycia definiujący zakres, wskaźniki sukcesu i podstawową strategię treści dla nowej strony. Klient zatwierdza go przed napisaniem pierwszej linii kodu.
Faza 2: Architektura i projekt graficzny (Tygodnie 2-3)
Przed projektowaniem wizualnym opracowywana jest architektura informacji: jakie strony istnieją, jak są ze sobą połączone i jak wygląda ścieżka użytkownika na każdym etapie. Większość agencji pomija ten krok. Tutaj tak się nie dzieje, ponieważ piękny projekt na źle zorganizowanej stronie nadal daje słabe wyniki.
Projektowanie zaczyna się od wireframe'ów, czyli układów strukturalnych bez warstwy wizualnej. Dzięki temu przeglądy koncentrują się na pytaniu, czy ta hierarchia treści ma sens, a nie na ocenie konkretnego odcienia koloru. Po zatwierdzeniu struktury aplikowany jest system marki klienta.
Projekt graficzny powstaje w Figma. Komentarze do projektów można dodawać bezpośrednio i w czasie rzeczywistym. Żadnych przesyłanych mailem zrzutów ekranu. Pętle informacji zwrotnej są szybkie.
Na tym etapie definiowana jest również biblioteka komponentów: wielokrotnego użytku bloki (sekcje hero, siatki kart, układy referencji, CTA) tworzące każdą podstronę. Dzięki temu przyszłe aktualizacje treści są szybsze, a spójność wizualna zapewniana jest automatycznie.
Faza 3: Programowanie (Tygodnie 3-6)
Strony tworzone są na Next.js z headless CMS (najczęściej Sanity). To świadomy wybór techniczny z konkretnymi konsekwencjami biznesowymi:
- Wydajność: Strony są pre-renderowane i serwowane z globalnej sieci CDN. Czasy ładowania wynoszą zazwyczaj poniżej 1 sekundy. Google bezpośrednio nagradza to w rankingach.
- Bezpieczeństwo: Brak publicznego panelu administracyjnego, brak podatności wynikających z wtyczek, brak egzekucji PHP. Powierzchnia ataku typowa dla dynamicznego CMS z ekosystemem wtyczek po prostu nie istnieje w tym rozwiązaniu.
- Utrzymanie: Kod jest czysty, udokumentowany i zbudowany z myślą o długowieczności. Żadnych powiązanych ścieżek kodu motywu. Żadnej powierzchni kompatybilności wtyczek do zarządzania. Programiści zatrudnieni za dwa lata będą mogli go swobodnie czytać i modyfikować.
- Doświadczenie redaktorów: Treść edytowana jest w strukturalnym edytorze Sanity. Jest szybszy i bardziej przewidywalny niż edytor blokowy WordPress, a treść może być ustrukturyzowana do ponownego użycia na wielu stronach.
Programowanie przebiega w dwóch etapach: najpierw tworzona jest podstawowa architektura (schemat CMS, szablony stron, biblioteka komponentów w kodzie), następnie integracja treści (wypełnianie szablonów rzeczywistą zawartością, budowa układów specyficznych dla stron, QA na wszystkich urządzeniach i przeglądarkach).
Klient uzyskuje dostęp do środowiska staging od tygodnia 3. To działający podgląd strony na każdym etapie projektowania, nie statyczny zrzut ekranu ani makieta. Można przez niego klikać, testować formularze i przeglądać na urządzeniach mobilnych, zanim cokolwiek trafi na serwer produkcyjny.
Faza 4: Treść i teksty (Tygodnie 4-5, równolegle)
Treść jest często elementem o najdłuższym czasie realizacji w projekcie strony internetowej. Obsługiwana jest na dwa sposoby, zależnie od zakresu projektu:
Treść dostarczona przez klienta: dla każdej podstrony przygotowywany jest szczegółowy brief treści z dokładnym opisem, co napisać, jak długo i w jakim formacie. Brief powstaje na podstawie sesji odkrycia oraz analizy słów kluczowych i konkurencji. Klient pisze tekst, następnie jest on redagowany i strukturyzowany pod kątem wymagań sieci.
Teksty pisane przez webvise: W projektach, w których copywriting jest częścią zakresu, przeprowadzane są rozmowy z kluczowymi osobami, analizowane są istniejące materiały sprzedażowe, a teksty na strony są zoptymalizowane zarówno pod kątem wyszukiwarek, jak i konwersji. Doświadczenie pokazuje, że teksty pisane z myślą o intencji SEO i strategii perswazji znacznie lepiej sprawdzają się niż generyczne treści AI lub szablonowe.
Prace nad treścią przebiegają równolegle z programowaniem: CMS jest wypełniany, gdy jednocześnie tworzone są szablony. Dzięki temu harmonogram pozostaje napięty.
Faza 5: QA i przygotowanie do uruchomienia (Tydzień 6)
Przed opublikowaniem strona przechodzi przez systematyczną listę kontrolną jakości:
- Audyt wydajności: docelowe wyniki PageSpeed 90+ na urządzeniach mobilnych i komputerach stacjonarnych, tam gdzie waga treści i skrypty zewnętrzne na to pozwalają.
- Testy na różnych przeglądarkach i urządzeniach (Chrome, Firefox, Safari, Edge; iPhone, Android, tablet, komputer stacjonarny)
- Wszystkie formularze przetestowane od początku do końca: wysłanie, potwierdzenie i dostarczenie wiadomości e-mail
- Lista kontrolna SEO: tagi tytułów, opisy meta, kanoniczne URL, mapa strony, robots.txt, dane strukturalne
- Weryfikacja analityki: GA4, Search Console, cele konwersji, wszystko poprawnie zbierające dane
- Korekta treści: nagłówki, teksty główne, CTA, strony prawne, wszystkie wersje językowe jeśli strona jest wielojęzyczna
- Mapa przekierowań: każdy stary URL, który miał znaczenie, przekierowuje na właściwy nowy adres
Nic nie jest uruchamiane bez zaliczenia tej listy kontrolnej. Zbyt wiele stron trafia na serwer produkcyjny z niesprawnie działającymi formularzami, brakującą analityką lub brakiem przekierowań, co od pierwszego dnia po cichu kosztuje firmę pieniądze.
Faza 6: Uruchomienie i przekazanie (Koniec tygodnia 6)
Dzień uruchomienia jest planowany w oknie o niskim ruchu. Strona jest monitorowana przez pierwsze 24 godziny, a plan awaryjny pozostaje w gotowości. Do tej pory nie był potrzebny w środowisku produkcyjnym, ale zawsze jest przygotowany.
Po uruchomieniu klient otrzymuje:
- Nagrany przewodnik po tym, jak korzystać z CMS do aktualizacji treści
- Dokumentację biblioteki komponentów (co istnieje i jak to stosować)
- Pełny plik projektu w Figma
- Dostęp do wszystkich kont: hosting, analityka, Search Console, CMS
- 30-dniowe okno wsparcia po uruchomieniu dla problemów ujawniających się w środowisku produkcyjnym
Co dzieje się po uruchomieniu
Większość klientów kontynuuje współpracę na jeden z dwóch sposobów: miesięczny abonament obejmujący bieżące prace nad treścią, SEO i kodem, lub doraźna współpraca przy konkretnych projektach w miarę ich pojawiania się. Abonamenty nie są wymagane, bo praca powinna bronić się sama.
Klienci abonamentowi otrzymują również miesięczne raporty wydajności: trendy ruchu organicznego, Core Web Vitals, zmiany w rankingach i dane o współczynniku konwersji. Nie są to wskaźniki próżności, lecz liczby powiązane z wynikami biznesowymi.
Czy ten proces jest odpowiedni dla Państwa?
Proces ten sprawdza się najlepiej w firmach, które:
- Traktują stronę internetową jako poważną inwestycję, nie szukają najtańszego rozwiązania
- Chcą rozumieć, co otrzymują i dlaczego podjęto każdą decyzję
- Mają jasno określony cel biznesowy, który nowa strona ma wspierać
- Są gotowe uczestniczyć w sesji odkrycia i przeglądzie treści (łącznie wymaga to 3-5 godzin czasu po stronie klienta)
Jeśli Państwa strona działa na WordPress i nie ma pewności, czy osiąga właściwą wydajność, warto zacząć od bezpłatnej analizy. Narzędzie sprawdza Core Web Vitals, wynik PageSpeed i kondycję techniczną w 60 sekund. Można je uruchomić na webvise.io/wp-health-report, a następnie skontaktować się z webvise w celu konkretnej rozmowy o tym, jak wyglądałby nowy projekt dla Państwa sytuacji.