# Etapy tworzenia strony internetowej krok po kroku

Strona: https://kontaktio.pl/wiedza/etapy-tworzenia-strony-internetowej, ostatnia zmiana 2026-10-12

Opublikowano 2026-10-09. Autor: Kontaktio.

Strona internetowa powstaje u nas od rozmowy i bezpłatnej wyceny, przez brief, umowę, projekt graficzny i kolejne wersje, po publikację pod Twoją domeną i opiekę. Przy każdym etapie opisujemy, co wtedy robisz.

## Rozmowa i bezpłatna wycena

Pierwszy etap to krótka rozmowa z opiekunem klienta, po której dostajesz bezpłatną wycenę strony. Wycena do niczego nie zobowiązuje, a cena podana po ustaleniu zakresu jest stała przez cały projekt.

Zaczynasz od kilku zdań o tym, czym zajmuje się Twoja firma, kogo obsługuje i czego oczekujesz od nowej strony. Specyfikacja techniczna nie jest do tego potrzebna. Opis wysyłasz formularzem kontaktowym, a w kalkulatorze kosztu możesz przesłać opiekunowi sam wynik razem z odpowiedziami.

Opiekun klienta odzywa się najczęściej tego samego dnia roboczego, a w odpowiedzi proponuje termin rozmowy. Ustalamy w niej, co strona ma zawierać, na kiedy ma być gotowa i jakie materiały przygotujesz na start. Punktem wyjścia jest to, czego Twoi klienci szukają na stronie i co mają na niej zrobić, na przykład zadzwonić albo wysłać zapytanie.

Przy wycenie zapada też decyzja o panelu, w którym samodzielnie zmieniasz treści strony. Panel nie jest obowiązkową częścią strony i przydaje się przy menu albo ofercie, które chcesz zmieniać często i bez naszego udziału. Pełną listę tego, co obejmuje usługa, od wersji na telefon po dane strukturalne, podaje oferta [stron internetowych](https://kontaktio.pl/strony-internetowe).

## Brief, teksty, zdjęcia i dokumenty firmy

Na starcie projektu odpowiadasz w panelu klienta na pytania briefu i przekazujesz materiały, z których powstaje strona. Brief, czyli zestaw pytań o firmę i projekt, jest w panelu pierwszym etapem, jeszcze przed umową. Materiały to przede wszystkim logo, zdjęcia, dokumenty z danymi i teksty, które chcesz zachować.

Tekstów podstron nie musisz pisać samodzielnie, bo ich przygotowanie należy do zakresu strony razem ze strukturą podstron. Przy przebudowie opisy, które chcesz zachować, przenosimy na nową stronę bez zmian, a brakujące uzupełniamy.

Dane na podstronach mogą pochodzić z dokumentów, które już masz. Dla osiedla [Leśna Ostoja](https://kontaktio.pl/strony-internetowe/lesna-ostoja) w Tuszynie dane dwunastu domów były rozpisane w kilku dokumentach dewelopera, między innymi w projekcie zagospodarowania, rzutach i kartach sprzedażowych. Rzuty kondygnacji narysowaliśmy z nich na nowo, a karty domów w PDF porównujemy z kartami sprzedażowymi dewelopera.

Zdjęcia realizacji, siedziby i ludzi firmy najlepiej przekazać w plikach oryginalnych, prosto z aparatu albo z sesji. Z dobrego oryginału da się przygotować kilka kadrów i rozmiarów, osobno dla komputera i telefonu.

Projekt: [AMICO, strona pracowni](https://kontaktio.pl/strony-internetowe/amico)

W serwisie pracowni kamieniarskiej [AMICO](https://kontaktio.pl/strony-internetowe/amico) galeria składa się tylko ze zdjęć, które dostarczyła sama pracownia. Filtr dzieli je na kuchnie, schody, łazienki, posadzki, ściany i zlewy. Pliki z sesji miały od 40 do 45 megapikseli, a z tych oryginałów przygotowaliśmy zdjęcia w kilku kadrach i szerokościach. Na telefonie zdjęcie otwierające stronę ma własny, pionowy kadr.

Co możesz zebrać przed pierwszą rozmową, od opisu projektu po dostępy do domeny, zebraliśmy w [poradniku przed wyceną](https://kontaktio.pl/wiedza/jak-przygotowac-sie-do-wyceny) razem z checklistą w PDF.

## Zdjęcia zespołu a zgoda na wizerunek

Przy zdjęciach zespołu dochodzi sprawa zgody osób, które na nich widać. Według art. 81 ust. 1 ustawy o prawie autorskim z 4 lutego 1994 roku rozpowszechnianie wizerunku wymaga zezwolenia osoby na nim przedstawionej. Zezwolenie nie jest potrzebne, gdy ta osoba otrzymała umówioną zapłatę za pozowanie, o ile nie zastrzeżono wyraźnie inaczej.

Ustęp 2 tego artykułu zwalnia z zezwolenia jeszcze dwa przypadki. Pierwszy to wizerunek osoby powszechnie znanej, wykonany w związku z pełnieniem przez nią funkcji publicznych. Drugi to wizerunek osoby, która jest tylko szczegółem całości, takiej jak zgromadzenie, krajobraz albo publiczna impreza.

Źródło: [Ustawa z dnia 4 lutego 1994 r. o prawie autorskim i prawach pokrewnych, tekst jednolity Dz.U. 2025 poz. 24, art. 81](https://api.sejm.gov.pl/eli/acts/DU/2025/24/text.pdf), dostęp 2026-10-09

Stan prawny opisujemy na 9 października 2026 roku. Ten opis przepisu nie jest poradą prawną, a to, czy zgoda jest potrzebna w konkretnej sytuacji, najlepiej omówić z prawnikiem.

## Umowa, zaliczka i harmonogram

Po briefie kolejnym etapem w panelu jest umowa, a prace ruszają po wpłacie zaliczki, czyli połowy ceny. Drugą połowę płacisz przy odbiorze, po akceptacji gotowej wersji strony, a większy serwis rozliczamy w kilku częściach, z których każda odpowiada jednemu odbiorowi.

Umowa określa między innymi zasady dotyczące domeny i zakres przeniesienia autorskich praw majątkowych do kodu i projektu strony. Umowę i płatności masz w tym samym panelu co brief, a do każdej wpłaty czeka tam faktura do pobrania.

Projekt prowadzi do publikacji ten sam opiekun, z którym rozmawiasz przy wycenie. W panelu jest też czat, na którym piszesz bezpośrednio do nas.

Prosta strona powstaje zwykle w ciągu około dwóch tygodni od chwili, gdy mamy materiały. Przy większym serwisie harmonogram z datami odbiorów ustalamy przed startem. Czas przygotowania strony, sklepu i aplikacji mobilnej zestawia osobny poradnik [ile trwa stworzenie strony i aplikacji](https://kontaktio.pl/wiedza/ile-trwa-stworzenie-strony-i-aplikacji).

## Projekt graficzny do akceptacji

Zanim zaczniemy programować, dostajesz do oceny projekt graficzny, czyli wygląd strony. Poprawki na tym etapie kosztują najmniej, dlatego projekt poprawiamy według Twoich uwag, zanim powstanie kod.

Uwagi do projektu zaznaczasz w panelu klienta kliknięciem we fragment, którego dotyczą, więc każda poprawka jest przypięta do konkretnego miejsca.

Projekt powstaje od podstaw dla Twojej firmy, bez gotowego szablonu, i korzysta z jej kolorów i logo. Strona cateringu [Casa Blanka](https://kontaktio.pl/strony-internetowe/casa-blanka) przejęła kolory i rysunki warzyw z wcześniejszych materiałów cateringu, a logo przerysowaliśmy do postaci wektorowej z jego pliku.

Firmowa magenta Casa Blanka pod białym tekstem była za mało czytelna, więc na ekranie ma o ton ciemniejszy odcień. Kontrast tekstu sprawdzamy w każdym projekcie, także wtedy, gdy kolory pochodzą z materiałów firmy.

## Wersje strony, uwagi i testy

W trakcie programowania oglądasz w przeglądarce kolejne wersje strony i przypinasz do nich uwagi w panelu klienta. Panel pokazuje też, na jakim etapie jest projekt i które płatności są już opłacone.

Pokaz panelu na naszej stronie głównej, przygotowany na danych przykładowych, ma trzy wersje strony firmowej. Pierwsza obejmuje stronę główną i układ podstron, druga wszystkie podstrony z treścią, a trzecia poprawki po uwagach do drugiej.

Gdy uwaga wykracza poza ustalony zakres, najpierw dostajesz wycenę tej zmiany i dopiero wtedy decydujesz, czy ją zamawiasz.

Każdą wersję dobrze jest obejrzeć także na telefonie. Google indeksuje strony i ustala ich pozycje na podstawie wersji mobilnej, którą pobiera robot Google dla smartfonów. Według Google strona na telefonie powinna mieć te same treści co wersja na komputery. Wersja na telefon należy do zakresu każdej naszej strony.

Źródło: [Centrum wyszukiwarki Google, Sprawdzone metody dotyczące witryn mobilnych i indeksowania zoptymalizowanego pod kątem urządzeń mobilnych](https://developers.google.com/search/docs/crawling-indexing/mobile/mobile-sites-mobile-first-indexing?hl=pl), dostęp 2026-10-09

Przed publikacją sprawdzamy formularze strony i to, kto ma dostęp do zbieranych przez nią danych. Politykę prywatności, regulamin i treść zgód przygotowujemy pod dane, które strona naprawdę zbiera, a obowiązki prawne strony firmowej omawia poradnik [co musi mieć strona firmowa](https://kontaktio.pl/wiedza/co-musi-miec-strona-firmowa).

Do każdej wyceny należy też dostępność, czyli kontrast tekstu, obsługa klawiaturą i opisy alternatywne obrazów, sprawdzane zgodnie z poziomem AA wytycznych WCAG 2.1. WCAG 2.1 to wytyczne konsorcjum W3C, które opisują, jak udostępnić treści internetowe szerszej grupie osób z niepełnosprawnościami.

Źródło: [W3C, Web Content Accessibility Guidelines (WCAG) 2.1](https://www.w3.org/TR/WCAG21/), dostęp 2026-10-09

## Odbiór i publikacja pod Twoją domeną

Ostatnią wersję akceptujesz w panelu jednym przyciskiem i przy odbiorze płacisz drugą połowę ceny. Stronę publikujemy pod Twoją domeną. Majątkowe prawa autorskie do przygotowanego kodu i projektu przechodzą na Twoją firmę po zapłacie całości, w zakresie zapisanym w umowie. Z bibliotek open source, czyli gotowych modułów z otwartym kodem, strona korzysta na ich własnych licencjach.

Domena kupiona na Twoją firmę należy do niej, a techniczną obsługę domeny prowadzimy my. Pozostałe zasady dotyczące domeny określa umowa.

Przy domenie zarejestrowanej wcześniej trzeba przed publikacją ustalić, kto ma dostęp do jej ustawień u rejestratora, czyli firmy, która prowadzi rejestrację domeny. W tych ustawieniach domenę kieruje się na serwer nowej strony. Wybór nazwy, abonenta i rejestratora omawia osobny poradnik o [domenie dla firmy](https://kontaktio.pl/wiedza/domena-dla-firmy).

DNS, czyli system nazw domen, podaje komputerowi odwiedzającego, jaki adres IP serwera odpowiada nazwie domeny. Według dokumentacji MDN serwer DNS przechowuje dane domeny przez pewien czas, zanim pobierze ich aktualną wersję, dlatego zmiana nie dociera wszędzie w tej samej chwili.

Źródło: [MDN Web Docs, Glossary, DNS](https://developer.mozilla.org/en-US/docs/Glossary/DNS), dostęp 2026-10-09

Źródło: [MDN Web Docs, What is a Domain Name?](https://developer.mozilla.org/en-US/docs/Learn_web_development/Howto/Web_mechanics/What_is_a_domain_name), dostęp 2026-10-09

Przy przebudowie nowa strona zastępuje poprzednią pod tym samym adresem. Dawne adresy podstron kierujemy wtedy do odpowiedników na nowej stronie, część zostaje bez zmian, a adres bez odpowiednika informuje wyszukiwarkę, że treści już nie ma.

Przeniesienie treści, przekierowania i opis strony dla wyszukiwarki obejmuje usługa [przebudowy strony internetowej](https://kontaktio.pl/strony-internetowe/przebudowa-strony). Zalecenia Google dla przenoszonej strony i możliwe wahania pozycji w wynikach omawia poradnik o [pozycjach w Google po zmianie strony](https://kontaktio.pl/wiedza/nowa-strona-a-pozycje-w-google).

Przebudowę strony pracowni mebli [atelier24](https://kontaktio.pl/strony-internetowe/atelier24) przeprowadziliśmy na jej dotychczasowym hostingu. Nowa wersja stanęła na serwerze obok starej, strona działała przez cały czas przełączenia, a poprzednią wersję zachowaliśmy w archiwum.

## Opieka po uruchomieniu strony

Po publikacji stroną zajmujemy się w ramach opieki rozliczanej stałą opłatą co miesiąc, której wysokość ustalamy osobno dla każdej strony. W ramach opieki utrzymujemy serwer strony, robimy kopie zapasowe i wgrywamy aktualizacje oraz poprawki. Masz przy tym dalej tego samego opiekuna, który prowadził projekt.

Usterkę w tym, co zbudowaliśmy, naprawiamy bez dodatkowej opłaty, a zgłoszenia obsługujemy najczęściej tego samego dnia roboczego. Nowe funkcje i rozbudowę strony wyceniamy osobno, zanim zaczniemy nad nimi pracować.

Aktualizacji wtyczek nie musisz pilnować, bo technologia, w której budujemy strony, ich nie wymaga. Treść zmieniasz samodzielnie w panelu edycji, jeśli strona go ma.

Catering Casa Blanka z Głowna przez pierwsze tygodnie przysyłał nam menu jako plik albo zdjęcie, a my przepisywaliśmy je na stronę. Później doszedł panel, w którym firma co tydzień sama wpisuje dania.

Projekt: [Casa Blanka Catering](https://kontaktio.pl/strony-internetowe/casa-blanka)

W panelu wystarczy podać datę poniedziałku, a na każdy z pięciu dni dwie zupy i dwa dania. Daty i nazwy dni strona oblicza sama, a podmiana menu nie zmienia cen, kolorów ani układu. Nowe menu widać przy najbliższym wejściu na stronę.

## Kalkulator kosztu i formularz

Cenę wyjściową strony pokazuje od razu [kalkulator kosztu](https://kontaktio.pl/wycena), w którym wybierasz wielkość strony, potrzebne funkcje i termin. Wynik z przybliżonym czasem realizacji możesz przesłać opiekunowi klienta, który zaproponuje termin rozmowy o zakresie.

Kalkulator kosztu: https://kontaktio.pl/wycena

Wycenę konkretnej strony przygotowujemy bezpłatnie po rozmowie, a samo zapytanie nie zobowiązuje do zamówienia. Kilka zdań o firmie i planowanej stronie możesz wysłać formularzem pod artykułem, a odpowiada na nie Emil Rożnowski, opiekun klienta, z którym ustalasz zakres i termin.

---

Kontaktio. Agencja interaktywna i software house z Łodzi (kontaktio.pl): aplikacje mobilne, strony i sklepy internetowe oraz systemy dla firm. Kontakt: kontakt@kontaktio.pl, telefon 663 361 219, formularz https://kontaktio.pl/#kontakt. Treść całego serwisu w jednym pliku: https://kontaktio.pl/llms-full.txt