Proces tworzenia strony internetowej krok po kroku: od briefu do publikacji

Zanim wystawiam fakture i zamykam projekt, przez moje biurko przechodzi srednia 9 etapow. Kazdy ma wlasciciela, deadline i konkretny wynik. W 13 latach pracy nad ponad 120 stronami nauczylem sie jednego: projekty nie opozniaja sie przez dewelopera. Opozniaja sie, bo ktos nie odpisal na maila z makieta albo teksci "prawie gotowe" przez trzy tygodnie.

Ten artykul rozpisuje caly proces tworzenia strony internetowej krok po kroku: od pierwszej rozmowy do ostatniego szkolenia. Dla kazdego etapu znajdziesz tu informacje, co robi wykonawca, czego potrzebujesz Ty jako klient, ile to realnie trwa i gdzie projekty sie zacinaja.

Etap 1: Brief i rozpoznanie potrzeb

Pierwszy etap brzmi trywialnie, ale to on decyduje o tym, czy za osiem tygodni otworzysz strone, ktora faktycznie sprzedaje. Brief to nie formularz do odhaczycia, to rozmowa robocza.

Podczas briefingu omawiam z klientem: celosc projektu (generowanie leadow? sprzedaz online? wizerunek?), grupy docelowe, konkurencje i strony ktore ceni, zakres podstron, budzet i deadline. Pytam tez o rzeczy, ktore wiele agencji pomija: kto bedzie aktualowal strone po publikacji, czy beda potrzebne tlumaczenia, jak wyglada obecna domena i hosting.

Czas trwania: 3-7 dni roboczych. Dluzej jesli klient potrzebuje wewnetrznych konsultacji przed odpowiedzia na pytania.

Gdzie sie zacina: klient podaje przykladowe strony z branzy o polowie budzetu wiekszym niz jego wlasny. Wtedy wracamy do rozmowy o zakresie i priorytach. Im wczesniej, tym taniej.

Etap 2: Architektura informacji i mapa strony

Architektura informacji to szkielet calego projektu. Tworze mape strony: hierarchie podstron, nawigacje glowna i stopke, strukture URL, powiazania miedzy sekcjami. Na tym etapie decyduje sie tez, czy potrzebny jest blog, baza wiedzy, portfolio czy modul wyceny.

W 2026 r. dla stron firmowych na WordPressie standardem jest praca w Figmie lub na tablicach FigJam, gdzie klient moze komentowac bezposrednio na mapie. Narzedzia takie jak Whimsical czy Miro tez sprawdzaja sie dobrze. Wazne jest, zeby klient to widzial i mogl korygowac: zmiana architektury po starcie kodowania to 2-3 dni dodatkowej pracy minimum.

Czas trwania: 3-5 dni roboczych. Przy rozbudowanych serwisach (20+ podstron) do 2 tygodni.

Etap 3: Projekt UI i makiety (wireframes + design)

To etap, ktory widac. Tworze makiety w Figmie: najpierw szkielety (wireframes) pokazujace uklad elementow bez grafiki, potem pelne projekty z kolorami, typografia i zdjecia. Projektuje widok desktop, tablet i mobile, bo Google indeksuje mobile-first.

W standardowym projekcie strony firmowej dostarczone makiety obejmuja: strone glowna, szablon podstrony wewnetrznej, strone "O nas", kontakt, blog i ewentualnie landing page.

Gdzie sie zacina: klient odpowiada "okej, ale chcialbym zobaczyc jak to wyglada z naszymi prawdziwymi zdjeciami" - po czym nie przysyla zdjec przez tydzien. Albo: "podoba mi sie, ale moja zona mowi ze kolory sa za ciemne" - bez zadnego konkretnego kierunku zmian. Ucze klientow dawac feedback w formacie: "zmien X na Y, bo Z" a nie "cos mi nie gra".

Czas trwania: 1-3 tygodnie w zaleznosci od zlozonosci.

Etap 4: Akceptacja makiet - kamien milowy

Akceptacja to nie formalnosc. To moment, w ktorym zamykamy projekt wizualny i przechodzimy do kodowania. Wysylam klientowi dokument akceptacyjny do podpisu (lub potwierdzenia e-mailem), ktory opisuje co dokladnie zostalo zaakceptowane.

Dlaczego to takie wazne? Jesli po starcie kodowania klient zmieni zdanie co do ukladu menu albo liczby sekcji na stronie glownej, to znaczy ze trzeba przeprojektowac i przekodowac. Przy stawce 150-200 zl/h i 8-15 godzinach pracy taka "mala zmiana" kosztuje 1200-3000 zl netto.

Czas trwania: 1-3 dni (tyle czasu daje klientowi na zapoznanie sie z dokumentem). Przy blokadzie: nawet 2 tygodnie jezeli klient potrzebuje akceptacji od wspolnika lub zarzadu.

Etap 5: Kodowanie i implementacja

To najbardziej czasochlonna czesc projektu. Stawiam czysty WordPress na hostingu testowym, instaluje wybrane wtyczki (ACF Pro do edytowalnych sekcji, Rank Math do SEO, WP Rocket do cache, WPML jesli potrzebne tlumaczenia), potem kodujem theme od makiety do pikselowej precyzji.

W moim workflow kodowanie theme idzie w parze z konfiguracja hostingu. Nie czekam az "front bedzie gotowy" zeby zaczac prace na serwerze. Sprawdzone na projektach m.in. dla klientow z branz B2B i gastronomii: parallel track oszczedza 3-5 dni w harmonogramie.

Gdzie sie zacina: klient kupil tani hosting wspoldzielony za 99 zl/rok, ktory nie obsluguje PHP 8.3 lub ma limite pamieci 256MB. To oznacza przeprowadzke do lepszego hostingu w srodku projektu. Sprawdzam hosting na samym poczatku, zeby tego uniknac.

Jesli interesujesz sie kosztami od poczatku, sprawdz moj wpis o wycenie strony internetowej i czynnikach wplywajacych na cene.

Etap 6: Tresci i wypelnienie strony

Kod jest gotowy, design dziala, a strona stoi pusta. Kto wypelnia trescia? Dwa modele:

Klient dostarcza tresci: szybciej, taniej, ale wymaga zaangazowania. Najczesciej slyszyne zdanie na tym etapie: "teksty sa prawie gotowe". "Prawie" trwa srednia 2 tygodnie. Jedno zamowienie klienta nauczylo mnie pisac w umowie termin dostarczenia tresci z kara umowna za opoznienie.

Ja pisze tresci: drozej (doliczam 500-1500 zl netto za strone w zaleznosci od dlugosci i branzy), ale termin jest pod kontrola. SEO jest wszyty od razu, naglowki H1/H2/H3 sa zoptymalizowane pod slowa kluczowe, meta opisy uzupelnione.

Czas trwania: 3-10 dni roboczych przy tresciach klienta, 5-7 dni przy moim pisaniu.

Etap 7: Testy i optymalizacja

Przed oddaniem strony klientowi przeprowadzam pelne testy. To nie polega na "klikaniu po stronie". Mam checkiste 40+ punktow, ktore weryfikuje systematycznie.

Czas trwania: 1-2 dni roboczych. Przy sklepach WooCommerce - 2-3 dni (dodatkowe testy platnosci, dostawy, emaili transakcyjnych).

Wiecej o tym jak wybrac wykonawce, ktory faktycznie testuje swoja prace, znajdziesz w artykule o czerwonych flagach przy wyborze agencji webowej.

Etap 8: Szkolenie klienta

To etap, ktory agencje najczesciej skracaja lub pomijaja calkowicie. U mnie jest obowiazkowy. Strona, z ktorej klient nie umie korzystac, jest droga witrynka-wizytowka bez przyszlosci.

Standardowe szkolenie trwa 1-2 godziny (sesja Zoom, nagrywam screencasta). Obejmuje:

• dodawanie i edytowanie podstron i wpisow blogowych
• zarzadzanie mediami i galeriami
• podstawy wtyczki SEO (Rank Math)
• gdzie sprawdzic statystyki (GA4 lub Matomo)
• jak zamawiamy aktualizacje i wsparcie po publikacji

Mam klientke z brazy kosmetycznej, ktora po 20-minutowym szkoleniu sama prowadzi blog od 14 miesiecy. Publikuje co tydzien. Wcześniej potrzebowala mnie do kazdej poprawki.

Etap 9: Publikacja i pierwsze 30 dni

Publikacja to nie wlaczenie przycisk "Go Live" i do widzenia. To poczatek. Przy przeprowadzce ze staging na produkcje lub przy launchowaniu nowej domeny przechodze przez checkiste wdrozeniowa: aktualizacja adresow URL w konfiguracji WordPressa, flush cache, przekierowania 301 ze starej wersji, weryfikacja GSC i GA4, test DNS propagacji.

Pierwsze 30 dni po publikacji to czas obserwacji. Monitoruje Core Web Vitals, sprawdzam czy nie ma bledow 404 po indeksowaniu przez Google, weryfikuje czy formularze nadal dzialaja po zmianie srodowiska. Dlatego w kazdym kontrakcie mam wlaczone minimum 30-dniowe wsparcie po wdrozeniu.

Gdzie projekty sie zacinaja najczesciej

Po ponad dekadzie prowadzenia projektow webowych widze te same miejsca opoznien:

1. Etap briefu: klient nie ma decyzyjnosci i musi konsultowac kazda decyzje z partnerem lub zarzadem.
2. Dostarczanie tresci: "prawie gotowe" trwa tygodniami. Tresci dostarczone po starcie kodowania wymagaja poprawek layoutu.
3. Akceptacja makiet: zbiorczy feedback od kilku osob w firmie, czesto sprzeczny.
4. Hosting: zly hosting odkryty w polowie projektu.
5. Dostepy: klient nie ma dostepu do swojej domeny (zarejestrowana przez dawna agencje).

Jedna z tych sytuacji pojawia sie niemal w kazdym projekcie. Wiedz, ze wlasnie tu mozesz miec wplyw na to, czy Twoja strona powstanie na czas.

Jesli myslisz o zamowieniu strony i chcesz wiedziec, na co zwrocic uwage przy wyborze wykonawcy, mam caly artykul o zamawianiu strony internetowej z praktycznym poradnikiem.

Najczęstsze pytania

Ile trwa tworzenie strony internetowej od poczatku do konca?

Prosta strona wizytowka: 2-3 tygodnie. Strona firmowa z blogiem i formularzami: 4-8 tygodni. Rozbudowany serwis lub sklep WooCommerce: 8-16 tygodni. Czas wydluza sie gdy klient zwleka z dostarczeniem tresci lub feedbackiem do makiet.

Co musi przygotowac klient przed startem projektu strony?

Wypelniony brief z celami i grupami docelowymi, logo w formacie SVG lub AI, dostep do domeny i hostingu, materialy zdjecia (RAW lub min. 2000px), oraz przynajmniej zarys tekstow dla glownych stron. Im wiecej dostarczysz przed startem, tym krotszy harmonogram.

Czy moge wprowadzac poprawki po zaakceptowaniu makiet?

Tak, ale kosztem czasu i budzetu. Zmiana struktury strony po starcie kodowania oznacza przerysowanie szablonow i przebudowe kodu. Dlatego etap akceptacji makiet jest tak wazny: to moment, w ktorym zmiana kosztuje zlotowki, nie tysiace.

Ile rund poprawek jest w standardowym projekcie?

W moich projektach standardowo 2 rundy do projektu graficznego i 2 rundy po kodowaniu. Kazda dodatkowa runda to extra budzet lub przesuniecie terminu. Wyraznie zapisuje to w umowie, zeby uniknac nieporozumien.

Co to jest architektura informacji i dlaczego jest wazna?

Architektura informacji (IA) to mapa strony: jakie podstrony istnieja, jak sa ze soba polaczone, co jest w menu glownym i stopce. Dobra IA decyduje o tym, czy uzytkownik znajdzie to czego szuka i czy Google prawidlowo indeksuje witryne. Bledy na tym etapie sa najtrudniejsze do naprawienia pozniej.

Czy szkolenie z WordPressa jest konieczne?

Tak, jesli chcesz samodzielnie aktualizowac tresci. Standardowe szkolenie trwa 1-2 godziny i obejmuje dodawanie wpisow, edycje stron, zarzadzanie mediami i podstawy WooCommerce. Nagrywam tez screencasta, zeby moc do niego wracac po miesiacu.