Tworzenie stron internetowych, które sprzedają, a nie tylko wyglądają
Tworzenie stron internetowych od 3 500 PLN netto. Proces krok po kroku, realne widełki cen, Astro i React zamiast szablonów, Lighthouse 90+ w standardzie.
Tworzenie stron internetowych zaczyna się u nas od 3 500 PLN netto, trwa od 2 do 5 tygodni i kończy stroną, która ładuje się poniżej 1,5 sekundy i ma mierzalny cel: lead, telefon albo zakup. Na tej stronie opisujemy cały proces krok po kroku, pokazujemy, co wpływa na cenę, i tłumaczymy, dlaczego budujemy w Astro i React zamiast na szablonach WordPressa.
Czego dowiesz się z tej strony
- jak wygląda proces tworzenia strony od briefu do startu, z realnymi czasami,
- ile kosztuje strona internetowa i które decyzje podnoszą cenę,
- czemu wybór technologii (Astro, React) to decyzja sprzedażowa, nie programistyczna,
- co z SEO, RODO i utrzymaniem po starcie,
- kiedy opłaca się redesign, a kiedy nowa strona,
- co przygotować przed startem, żeby projekt nie stanął w połowie.
Jak wygląda tworzenie strony internetowej krok po kroku
Proces jest zawsze ten sam, niezależnie czy robimy landing za 3,5 tysiąca, czy serwis za 25. Różni się tylko skala poszczególnych etapów.
Krok 1: brief, czyli godzina konkretnej rozmowy (dzień 1)
Zaczynamy od 60-minutowej rozmowy o biznesie, nie o kolorach. Pytamy o cele (więcej zapytań? sprzedaż online? rekrutacja?), o klientów, o konkurencję i o to, co na obecnej stronie boli. Razem przeglądamy Twoją obecną stronę, jeśli istnieje, i wyłapujemy, co działa, a co pali konwersję.
Z briefu wychodzi jedna rzecz: konkretna wycena punktowa z zakresem. Nie widełki, nie „to zależy”. Kwota, termin, lista tego, co wchodzi w cenę, i tego, co nie wchodzi.
Krok 2: projekt w Figmie (tydzień 1)
Projektujemy hero i trzy najważniejsze sekcje w Figmie, na pixel-perfect makietach. Akceptujesz stronę na projekcie, nie na wyobrażeniu i nie na gotowym kodzie, który „szkoda wyrzucić”. Dwie rundy uwag są w cenie.
To nie jest szablon z podmienionym logo. Projekt powstaje pod Twoją markę, a po starcie zostaje Ci system designu: kolory, typografia, komponenty. Kolejne podstrony dorabiamy na tej bazie bez nowej wyceny od zera.
Krok 3: budowa (tydzień 2)
Kod, CMS, integracje, animacje. Pracujemy na preview (Vercel albo Cloudflare), które odświeżamy każdego dnia, w którym coś się dzieje. Widzisz postęp na żywo, na prawdziwym linku, na swoim telefonie. Nie ma „zobaczy Pan efekt na końcu”.
W tym etapie wpinamy też analitykę: GA4 i Meta Pixel z wydzielonymi celami konwersji. Strona bez trackingu to strona, o której nigdy się nie dowiesz, czy działa.
Krok 4: QA i start (tydzień 3)
Przed startem strona przechodzi audyt: Lighthouse na desktopie i mobile, dostępność WCAG AA, testy na ośmiu urządzeniach, sprawdzenie formularzy end-to-end. Potem wpinamy domenę, konfigurujemy przekierowania ze starej strony (żeby nie stracić ruchu z Google) i podpinamy monitoring.
Krok 5: 30 dni opieki w cenie
Przez miesiąc po starcie robimy drobne poprawki i optymalizacje bez dodatkowej faktury. Po 30 dniach dostajesz raport: ruch, konwersje, Core Web Vitals. Bez „to nie było w zakresie”.
Ile kosztuje strona internetowa i co wpływa na cenę
Krótko: od 3 500 PLN netto. Dokładniej, w trzech pakietach:
| Pakiet | Cena netto | Czas | Co obejmuje |
|---|---|---|---|
| Landing | 3,5-6 tys. PLN | 2 tyg. | hero + 4 sekcje, formularz albo Calendly, tracking GA4 + Pixel, Lighthouse 90+, CMS opcjonalnie |
| Starter | 6-12 tys. PLN | 2-4 tyg. | 8-12 podstron, pełny CMS, wielojęzyczność PL/EN, blog z RSS, schema.org + sitemap, 30 dni opieki |
| Premium | 12-25 tys. PLN | 3-5 tyg. | custom design system, animacje GSAP, 20+ podstron, WebGL/3D opcjonalnie, testy A/B, 90 dni opieki |
Wszystkie ceny netto, VAT 23% na fakturze. Płatność etapami, nigdy 100% z góry. Pełne zestawienie wszystkich usług znajdziesz w naszym cenniku.
Co konkretnie przesuwa cenę w górę lub w dół:
- Liczba podstron i unikalnych layoutów. 10 podstron na 3 szablonach to inna praca niż 10 podstron, z których każda ma własny układ.
- Projekt graficzny. Design na bazie naszego systemu jest tańszy niż custom design od zera. Gotowy projekt w Figmie od Twojego grafika obniża cenę o 20-30%.
- Treści. Jeśli dostarczasz gotowe teksty i zdjęcia, płacisz mniej. Jeśli mamy napisać treści i zorganizować sesję zdjęciową, dochodzi to do wyceny.
- CMS i wielojęzyczność. Panel do samodzielnej edycji i wersja EN to konkretne godziny pracy, ale zwracają się przy pierwszej samodzielnej zmianie treści.
- Integracje. Formularz to standard. Kalendarz rezerwacji, płatności, CRM, newsletter: każda integracja to osobna pozycja w wycenie, jawna przed startem.
- Animacje. Subtelne przejścia są w cenie. Scroll-driven storytelling w stylu Apple, jak zrobiliśmy dla Peak Residences, to praca na poziomie pakietu Premium.
Czego w naszych wycenach nie ma: ukrytych kosztów licencji za szablony i pluginy, marży na hostingu, „opłaty za utrzymanie”, bez której strona przestaje działać.
Ile trwa tworzenie strony internetowej
| Zakres | Realny czas |
|---|---|
| Landing page | ok. 2 tygodnie |
| Strona firmowa 8-12 podstron | 2-4 tygodnie |
| Serwis z custom designem i animacjami | 3-5 tygodni |
Te terminy zakładają jedno: materiały (teksty, zdjęcia, logotyp, dostępy do domeny) są gotowe na starcie albo powstają równolegle według checklisty, którą dostajesz po briefie. W praktyce to „jeszcze doślę teksty” po stronie klienta wydłuża projekty, nie kod. Dlatego na końcu tej strony jest lista rzeczy do przygotowania.
Zakres, na który duża agencja bierze 2-3 miesiące, dowozimy w 2-4 tygodnie. Powód jest prozaiczny: brief trafia prosto do osoby, która buduje stronę, bez łańcuszka account manager, PM, developer, a sekcje składamy z własnego systemu komponentów, zamiast projektować je od zera przy każdym projekcie.
Technologie: Astro i React zamiast szablonu
Budujemy w Astro albo Next.js (React), z TypeScriptem i Tailwindem. Dla stron firmowych i landingów domyślnym wyborem jest Astro: generuje statyczny HTML, który serwer oddaje w milisekundach, a JavaScript ładuje tylko tam, gdzie faktycznie coś się dzieje (formularz, slider, kalkulator). Next.js wybieramy, gdy strona ma częste dane dynamiczne albo ma w przyszłości urosnąć do aplikacji.
Dlaczego nie WordPress
Rzeczowo, bez hejtu: WordPress napędza ogromną część internetu i ma sensowne zastosowania, na przykład gdy redakcja publikuje kilkanaście tekstów dziennie i potrzebuje dojrzałego panelu z rozbudowanymi rolami. Dla większości firmowych stron MŚP ma jednak trzy konkretne koszty:
- Wydajność zależna od pluginów. Świeży WordPress jest szybki. WordPress po roku, z page builderem i kilkunastoma pluginami, zwykle nie jest. Core Web Vitals degradują się z każdą aktualizacją wtyczek, a naprawa wymaga cyklicznej pracy.
- Bezpieczeństwo i aktualizacje. WordPress z pluginami to system, który trzeba stale aktualizować, bo przestarzałe wtyczki są najczęstszym wektorem włamań. Strona statyczna z Astro nie ma bazy danych ani panelu wystawionego na świat, więc powierzchnia ataku jest minimalna.
- Koszt zmian po czasie. Strona poskładana w page builderze jest szybka w pierwszej wersji i droga w każdej kolejnej. Kod, który piszemy, jest wersjonowany w Git, udokumentowany i przenośny: każdy kompetentny developer go przejmie.
Jeśli potrzebujesz wygodnej edycji treści, nie musisz wybierać WordPressa: podpinamy headless CMS (Strapi, Sanity, Contentful), w którym edytujesz treści równie wygodnie, a front pozostaje szybki i bezpieczny.
Szybkość strony to argument sprzedażowy, nie techniczny
Core Web Vitals to trzy metryki, którymi Google mierzy realne doświadczenie użytkownika: LCP (jak szybko widać główną treść), INP (jak szybko strona reaguje na kliknięcia) i CLS (czy layout nie skacze). Nasze standardy na każdą stronę:
| Metryka | Nasz standard | Próg „dobry” wg Google |
|---|---|---|
| LCP | poniżej 1,5 s | poniżej 2,5 s |
| INP | poniżej 200 ms | poniżej 200 ms |
| CLS | blisko 0 | poniżej 0,1 |
| Lighthouse | 90+ mobile i desktop | brak oficjalnego progu |
Dlaczego to jest rozmowa o pieniądzach, a nie o technice: użytkownik, który czeka kilka sekund na załadowanie strony na telefonie, wychodzi, zanim zobaczy ofertę. Każda sekunda ładowania to mniej zapytań z tego samego ruchu. Płacisz za reklamy i pozycjonowanie, żeby ściągnąć ludzi na stronę, więc strona nie może gubić ich na wejściu.
Przykłady z naszych realizacji: strona Degratyzacja.pl trzyma 94 punkty Lighthouse na mobile przy stronach lokalnych i formularzu z routingiem, a sklep Lepiej Małymi Krokami ładuje się z LCP poniżej sekundy na telefonie, mimo pełnego flow zakupowego.
SEO wbudowane od startu, nie doklejone po fakcie
Każda strona, którą oddajemy, ma techniczny fundament SEO w standardzie, bez dopłat:
- semantyczny HTML (poprawna hierarchia nagłówków, landmarki, listy),
- dane strukturalne schema.org (Organization, LocalBusiness, FAQ, breadcrumbs, zależnie od typu strony),
- sitemap.xml i robots.txt,
- meta tagi i Open Graph pod udostępnianie w socialach,
- alt-y obrazów, czyste adresy URL, przekierowania 301 ze starej strony,
- hreflang przy wersjach językowych.
To sprawia, że Google poprawnie czyta i indeksuje stronę od pierwszego dnia. Ale techniczny fundament to nie to samo co aktywne pozycjonowanie: żeby rosnąć na konkurencyjne frazy, potrzebujesz treści, struktury pod intencje wyszukiwania i czasu. Tym zajmuje się nasza osobna usługa: pozycjonowanie stron, od 700 PLN/mc. Strona zbudowana u nas jest na to gotowa od razu, bez przebudowy.
Jedno zastrzeżenie, które mówimy każdemu klientowi wprost: nikt uczciwy nie obiecuje pozycji w Google. Możemy pokazać proces, treści i postęp w raportach. Gwarancji „TOP 3 w 3 miesiące” nie znajdziesz u nas, bo to obietnica bez pokrycia.
RODO, cookies i warstwa prawna
Nudny temat, dopóki nie przyjdzie kontrola albo skarga. Każda nasza strona ma:
- baner cookies zgodny z aktualnymi wymogami (zgoda przed załadowaniem skryptów śledzących, nie po),
- Consent Mode v2 dla Google, żeby analityka i reklamy działały zgodnie z decyzją użytkownika,
- politykę prywatności powiązaną z faktycznie używanymi narzędziami (nie szablon z internetu, który opisuje narzędzia, których nie masz),
- checkbox zgody przy formularzach kontaktowych i newsletterze,
- formularze bez przechowywania danych tam, gdzie nie trzeba.
Treść dokumentów prawnych konsultujesz ze swoim prawnikiem albo zamawiasz u nas przygotowanie wsadu: my dostarczamy pełną inwentaryzację tego, co strona faktycznie robi z danymi, bo bez niej żaden prawnik nie napisze poprawnej polityki.
Utrzymanie strony po starcie
Strona statyczna w Astro nie wymaga comiesięcznego serwisowania, żeby po prostu działać. Realne koszty po starcie wyglądają tak:
| Pozycja | Koszt | Uwagi |
|---|---|---|
| Hosting (Vercel / Netlify / Cloudflare) | 0-200 PLN/mc | małe strony często mieszczą się w darmowych planach |
| Domena | 50-150 PLN/rok | na Twoim koncie, nie naszym |
| CMS | 0-400 PLN/mc | zależnie od wybranego narzędzia i skali |
| Opieka techniczna | 0 albo pakiet 4 h/mc za 600 PLN | większość prostych stron nie potrzebuje jej w pierwszym roku |
Pierwsze 30 dni opieki jest w cenie każdego projektu. Potem wybierasz: pakiet godzin, rozliczenie per zadanie albo nic, bo strona po prostu działa. Nie uzależniamy Cię od siebie: kod jest Twój, dostępy są Twoje, dokumentacja jest Twoja.
Redesign czy nowa strona?
Uczciwa odpowiedź: nie zawsze potrzebujesz nowej strony. Kiedy co wybrać:
Redesign wystarczy, gdy: struktura treści jest dobra, strona stoi na sensownej technologii, a problemem jest wygląd, przestarzała oferta albo pojedyncze sekcje. Wtedy pracujemy na istniejącej bazie i płacisz za faktyczny zakres zmian.
Nowa strona się opłaca, gdy: obecna stoi na starym szablonie, ładuje się kilka sekund, nie da się jej edytować bez developera, a każda zmiana to walka z page builderem. Łatanie takiej strony kosztuje w perspektywie roku więcej niż przepisanie jej od zera, tylko koszt jest rozsmarowany w czasie, więc mniej boli.
Nowa strona się nie opłaca, gdy: obecna generuje zapytania, a jedyny argument to „wygląda staro” w Twoich oczach, nie w danych. Wtedy mówimy wprost: zostaw stronę, zainwestuj w ruch i marketing, wróć do redesignu, gdy dane pokażą problem.
Decyzję podejmujemy po krótkim audycie obecnej strony: szybkość, SEO, konwersja, koszty utrzymania. Audyt pokazuje liczby, a nie opinie.
Dla kogo pracujemy, a komu odradzamy
Dobrze nam się pracuje, gdy:
- prowadzisz firmę usługową, gabinet, kancelarię, firmę B2B albo lokalny biznes i strona ma generować zapytania,
- sprzedajesz produkty i potrzebujesz szybkiego, konwertującego frontu,
- masz już stronę, która nie działa, i chcesz wiedzieć dlaczego, zanim wydasz kolejne pieniądze,
- cenisz jeden punkt kontaktu: projekt, kod, treści i marketing w jednym miejscu, bez przerzucania się odpowiedzialnością między grafikiem, developerem i „człowiekiem od SEO”.
Odradzamy współpracę, gdy:
- potrzebujesz strony za 500 zł na wczoraj: kreatory typu WebWave albo Wix będą uczciwszym wyborem i mówimy to wprost,
- chcesz przenieść 1:1 stronę konkurencji: nie kopiujemy cudzych projektów,
- oczekujesz gwarancji pozycji w Google w cenie strony: takiej gwarancji nie da nikt, kto zna się na rzeczy,
- strona ma być „wizytówką do szuflady” bez żadnego celu biznesowego: szkoda Twoich pieniędzy, powiemy Ci to na briefie.
Checklista: co przygotować przed startem projektu
Im więcej z tej listy masz gotowe, tym szybciej i taniej przebiega projekt:
- Cel strony: jedno zdanie, co strona ma robić (np. „generować zapytania o wycenę ogrodzeń w Warszawie i okolicach”).
- Dostępy: domena (gdzie kupiona, kto ma login), obecny hosting, Google Analytics i Search Console, jeśli istnieją.
- Materiały brandowe: logo w wersji wektorowej (SVG, AI, EPS), kolory firmowe, ewentualna księga znaku.
- Treści: opisy usług, cennik albo widełki, dane firmy, treści „o nas”. Nie muszą być dopieszczone, muszą być merytorycznie kompletne. Redakcję bierzemy na siebie.
- Zdjęcia: własne zdjęcia zespołu, biura, realizacji. Autentyczne zdjęcia konwertują lepiej niż stocki i odróżniają Cię od konkurencji, która wzięła te same stocki.
- Przykłady: 2-3 strony (nawet z innych branż), które Ci się podobają, i 1-2, które Cię odrzucają. To skraca projektowanie o całą rundę uwag.
- Dowody zaufania: opinie klientów, loga partnerów, certyfikaty, liczby (lata na rynku, liczba realizacji).
Nie masz części materiałów? Nic się nie dzieje: teksty piszemy, zdjęcia organizujemy, logo możemy odświeżyć. Każda z tych rzeczy jest jawną pozycją w wycenie.
Zobacz, jak to wygląda w praktyce
Najlepiej mówią za nas realizacje: portal inwestycyjny Peak Residences z filmowym hero i kalkulatorem ROI, sklep Wgrzewamy z custom checkoutem na Shoperze, strona spektaklu Wszystko, co najlepsze zaprojektowana jak plakat ze sceny, i lead-genowa Degratyzacja.pl, która zamienia ruch w telefony.
Następny krok jest prosty: 60-minutowy brief, bezpłatnie i bez zobowiązań. Po nim dostajesz konkretną wycenę punktową i termin. Resztę widełek znajdziesz w cenniku, a rozmowę umówisz przez stronę kontaktu.
Zobacz w praktyce
Peak Residences
Portal inwestycyjny dla Peak Residences, brokera nieruchomości w Dubaju i Ras Al Khaimah. Trzynaście inwestycji z filmowym scroll-video hero w stylu Apple, interaktywna mapa projektów (MapLibre, tryb 2D/3D), kalkulator ROI liczący zwrot z najmu w czasie rzeczywistym, galeria z lightboxem oraz blog inwestorski. Do tego własny system rezerwacji rozmów zamiast Calendly (Google Calendar + Meet), newsletter (MJML + Resend), dopracowany graficznie przewodnik inwestora w PDF jako lead magnet i pełna warstwa prawna PL/EN. Cały serwis dwujęzyczny, wdrożony na produkcji.
13 · inwestycji w Dubaju i RAK
Wszystko, co najlepsze
Strona dla immersyjnego spektaklu „Wszystko, co najlepsze” w warszawskim Teatrze Druga Strefa. Tekst Duncana Macmillana i Jonny'ego Donahoe o depresji, opowiedziany językiem teatru, z humorem i lekkością. Zaprojektowana jak papierowy plakat ze sceny: tytuł rozjaśniony reflektorem, dmuchawce wschodzące zza kurtyny, floating portret aktora i lista wspaniałych rzeczy współtworzona z widzami. We współpracy z Fundacją „Nie Widać Po Mnie”.
9 + 2 · sekcji + podstrony