Strony internetowe i sklepy

Jakiej strony internetowej potrzebuje firma

Zanim porozmawiamy o wyglądzie, warto nazwać typ strony. Od tego zależy zakres pracy, koszt i to, czy strona w ogóle zrobi to, czego od niej oczekujesz.

Łatwo zacząć od złego końca: zamówić rozbudowaną stronę firmową, gdy problem rozwiązuje jedna dobrze napisana strona sprzedażowa. Albo odwrotnie: postawić sklep, zanim ktokolwiek zapytał o produkt. Poniżej opisuję pięć typów razem z sytuacją, w której każdy z nich ma sens.

Technologię dobieram do typu, a nie odwrotnie. Stronę firmową i landing page buduję w React i Next.js, rozbudowany portal albo interaktywny serwis w Angularze (to popularne narzędzia programistów do budowy stron i aplikacji), a sklep na Shopify lub WooCommerce. Przy rozbudowanym serwisie łączę własny wygląd strony z osobnym systemem treści albo zapleczem sklepu.

• Wizytówka na jednej stronieOferta w skrócie, kontakt, mapa i godziny otwarcia. Ma sens, gdy klienci i tak dzwonią, a strona ma potwierdzić, że firma istnieje i wygląda poważnie. Będzie za mała, jeśli chcesz zbierać zapytania z wyszukiwarki na kilka różnych usług.
• Landing pageJeden cel, jedna oferta, jeden przycisk. Wybierz przy kampanii reklamowej, szkoleniu lub pojedynczym produkcie, gdzie liczysz zapisy albo zamówienia. Nie zastąpi strony firmowej, bo nie ma w niej miejsca na resztę działalności.
• Strona firmowa wielopodstronowaOsobna podstrona na każdą usługę, do tego realizacje, zespół, kontakt i blog. To wybór, gdy sprzedajesz kilka rzeczy różnym odbiorcom i chcesz, żeby każda z nich miała własną szansę w wyszukiwarce.
• Serwis lub portalStrona z logowaniem, strefą klienta, bazą wiedzy albo katalogiem, który ktoś przeszukuje. Wybierz, gdy użytkownik ma na stronie coś do zrobienia, a nie tylko do przeczytania. Zakres zbliża się wtedy do aplikacji webowej.
• Sklep internetowyKatalog, warianty, koszyk, płatności i obsługa zamówień. Zamawiaj wtedy, gdy wiesz, kto kupuje i za ile. Jeśli tego jeszcze nie wiesz, taniej sprawdzisz pomysł jedną stroną sprzedażową i ręczną obsługą zamówień.

Co zawiera strona, którą oddaję

Zakres zapisuję przed startem, żeby słowo „gotowe” znaczyło dla nas to samo.

Poniższa lista to minimum, które dostajesz niezależnie od typu strony. Rzeczy spoza niej, na przykład kalendarz rezerwacji albo strefa klienta, wyceniam osobno i nazywam wprost, zamiast chować je w ogólnym słowie „wdrożenie”.

• Struktura i treśćMapa podstron, nagłówki i teksty ułożone tak, żeby prowadziły od problemu klienta do kontaktu. Jeśli treści powstają po Twojej stronie, dostajesz szablon z limitem znaków na każdą sekcję.
• Projekt na trzy szerokościTelefon, tablet i szeroki monitor. Sprawdzam na prawdziwych urządzeniach, nie tylko w podglądzie przeglądarki, bo podgląd nie pokaże klawiatury zasłaniającej pole formularza ani paska adresu, który zmienia wysokość ekranu.
• Formularze ze sprawdzaniem pól i kopią zgłoszeniaFormularz sprawdza, czy pola są dobrze wypełnione, i pokazuje czytelny komunikat błędu. Po wysłaniu jest potwierdzenie, a kopia zgłoszenia trafia na Twój adres. Do tego ochrona przed spamem bez zagadek obrazkowych.
• Panel do edycji treściSamodzielna zmiana tekstów, zdjęć i wpisów bez ruszania układu strony. Przy prostych stronach to prostszy panel do treści, a przy rozbudowanych osobny system treści połączony ze stroną.
• Podstawy prawne i zgodyPolityka prywatności, informacja o cookies z realnym wyborem oraz ustawienie skryptów tak, żeby analityka i piksele czekały na zgodę, a nie ładowały się przed nią.
• Wdrożenie i przekazanieDomena, certyfikat, mapa strony, przekierowania ze starych adresów i dostęp do wszystkiego, co powstało. Pokazuję, gdzie co zmienić, na rozmowie wideo albo na nagraniu.

Sklep internetowy: Shopify, WooCommerce czy sklep na zamówienie

Te trzy drogi różnią się nie wyglądem, tylko tym, kto ponosi koszty stałe i kto naprawia problem w piątek o dwudziestej drugiej.

Shopify bierze na siebie serwer, bezpieczeństwo i aktualizacje, w zamian za abonament i ramy, w których się poruszasz. WooCommerce jest wtyczką do WordPressa: sama wtyczka nic nie kosztuje, ale hosting, rozszerzenia i pilnowanie aktualizacji są już po Twojej stronie. Sklep na zamówienie buduję wtedy, gdy sprzedaż ma reguły, których nie zamkniesz w gotowym koszyku.

Osobno sprawdzamy dwie rzeczy, o które w Polsce łatwo się potknąć. Pierwsza to płatności. BLIK działa na wszystkich trzech drogach (w Shopify Payments, we wtyczce Przelewy24 do WooCommerce i w Stripe), ale warunki i sposób podpięcia się różnią. Przelewy24 nie są już włączane w Shopify Payments dla nowych sklepów. Zostaje osobna aplikacja operatora, a od płatności przez nią Shopify pobiera własną opłatę (help.shopify.com).

Druga sprawa to faktury. Od 1 kwietnia 2026 r. firmy wystawiają je w KSeF, czyli Krajowym Systemie e-Faktur, a największe robią to od 1 lutego 2026 r. Jeśli Twoja sprzedaż na fakturach nie przekracza 10 000 zł brutto miesięcznie, obowiązek zaczyna się 1 stycznia 2027 r. Po przekroczeniu tego limitu przez KSeF idzie już faktura, która go przekroczyła (ksef.podatki.gov.pl). Shopify umie wygenerować fakturę VAT w panelu, ale nie wysyła jej do KSeF, więc łączymy sklep z systemem fakturowym, który to robi. Więcej w przewodniku sklep Shopify w Polsce.

Jeśli sprzedajesz w abonamencie, powiedz o tym na pierwszej rozmowie. Płatność cykliczna działa inaczej niż jednorazowa i zawęża listę metod, z których realnie skorzystasz.

Cenniki dostawców i przepisy się zmieniają, więc przed decyzją sprawdź je u źródła.

Shopify, WooCommerce i sklep na zamówienie: co realnie różni te trzy drogi. Ceny i warunki według stron dostawców.

Tabela jest szersza niż ekran: przesuń ją palcem w bok.

Od czego zależy cena strony internetowej i czas realizacji

Nie sprzedaję pakietów z półki, bo ta sama „strona firmowa” bywa pracą na dwa tygodnie i na dwa miesiące. Poniżej masz moje widełki i to, co realnie rusza kwotę w górę i w dół.

Moje widełki netto: landing page lub wizytówka 2500 –⁠ 5000 zł, strona firmowa wielopodstronowa 6000 –⁠ 14 000 zł, sklep internetowy 9000 –⁠ 22 000 zł za wdrożenie. Co obejmuje dolna granica, opisuję w cenniku. Poza tym płacisz bezpośrednio operatorom, bez mojej marży: za domenę i hosting, a przy sklepie także za abonament platformy, jeśli go ma, i prowizje od płatności.

Opieka po wdrożeniu nie jest obowiązkowa. Jeśli jej chcesz, kosztuje 300 –⁠ 900 zł miesięcznie i obejmuje aktualizacje, kopie zapasowe, monitoring dostępności i czasu ładowania oraz ustaloną pulę godzin na drobne zmiany. Utrzymanie automatyzacji i marketingu AI ma w cenniku osobne kwoty.

Jeśli zbierasz oferty, porównuj zakresy, a nie same kwoty. Dwie wyceny, z których jedna jest dwa razy wyższa, mogą opisywać dwie różne prace: w jednej treści, zdjęcia i integracje są po stronie wykonawcy, w drugiej po Twojej. Zapytaj też każdego wykonawcę, na kogo zostanie zarejestrowana domena, czy przekaże prawa do kodu i projektu oraz kto po starcie odpowiada za aktualizacje.

• Liczba różnych układów, nie liczba podstronU mnie dziesięć podstron usług w jednym szablonie kosztuje mniej niż cztery, z których każda wygląda inaczej. Przy wycenie liczę wzory, które trzeba zaprojektować i zbudować.
• Treści i zdjęciaGotowe teksty i sesja zdjęciowa skracają realizację. Pisanie treści od zera albo czekanie na materiały ją wydłuża, bo bez tekstu nie da się domknąć ani projektu graficznego, ani testów podstrony.
• IntegracjeKażde połączenie z systemem zewnętrznym, czyli CRM, kalendarzem, systemem fakturowym czy magazynem, to osobny zakres. Trzeba sprawdzić API, czyli sposób, w jaki ten system wymienia dane, a do tego uprawnienia i zachowanie przy błędzie.
• Sklep zamiast stronyKatalog, warianty, dostawy, zwroty, regulamin i testy zakupu to praca porównywalna z całą stroną firmową, a nie dodatek do niej.
• Wersje językoweDruga wersja to nie tylko tłumaczenie, ale też osobne adresy, znaczniki języka i decyzja, kto utrzymuje tłumaczenia po starcie. Dodana pół roku po wdrożeniu kosztuje więcej, bo trzeba przerabiać gotowe szablony, nawigację i mapę strony.
• Sztywna dataTermin wyznaczony przez targi albo start kampanii wpływa na wycenę, bo zmienia kolejność prac i zostawia mniej miejsca na poprawki. Powiedz o nim na pierwszej rozmowie.

Jak wygląda praca krok po kroku

Sześć etapów. Po każdym wiesz, co powstało i co jest następne.

Na tempo pracy największy wpływ mają dwie rzeczy po Twojej stronie: jak szybko trafiają do mnie treści i ile osób musi zaakceptować projekt.

1. Rozmowa i zakresPytam o cel, odbiorców, konkurencję i o to, co dziś przeszkadza. Wychodzę z listą podstron, funkcji oraz rzeczy wyraźnie poza zakresem.
2. Wycena i planDostajesz zakres na piśmie, etapy z datami i warunki. Zanim zaczniemy, wiadomo, co jest po mojej stronie, co po Twojej i w jakim momencie potrzebuję materiałów.
3. Struktura i szkieletyUkładam mapę strony i szkielety najważniejszych widoków. To najtańszy moment na zmianę zdania, bo przestawiam wtedy prostokąty, a nie gotowy kod.
4. Kierunek wizualnyProjekt dwóch lub trzech kluczowych widoków, od razu w wersji na telefon i na monitor. Dopiero po akceptacji rozciągam go na resztę strony.
5. BudowaBuduję działającą wersję pod adresem testowym. Oglądasz ją na własnym telefonie w trakcie prac, a nie dopiero na końcu, więc uwagi wracają na czas.
6. Testy i startSprawdzam formularze, widoki mobilne, przekierowania i szybkość. Po akceptacji wdrażam, przekazuję dostępy i pokazuję, jak samodzielnie edytować treści.

Szybkość, dostępność i techniczne SEO

Te trzy rzeczy planuję razem z szablonem, bo dorabiane po starcie oznaczają przebudowę gotowych widoków, treści i adresów.

Google potwierdza, że Core Web Vitals, czyli trzy pomiary: szybkość ładowania, szybkość reakcji i stabilność układu strony, są używane przez systemy, które ustalają kolejność wyników. Zastrzega też, że pozostałe elementy wygody korzystania ze strony („page experience”) nie podnoszą pozycji bezpośrednio (developers.google.com). Traktuję to dosłownie: technika ma usuwać przeszkody, a nie zastępować sensownej treści.

Celuję w progi, które publikuje Google (web.dev): główna treść pojawia się w ciągu 2,5 sekundy, strona reaguje na kliknięcie w ciągu 200 milisekund, a układ nie przeskakuje podczas ładowania. Progi mają być spełnione przy co najmniej trzech na cztery wejścia, osobno na telefonach i komputerach. W praktyce oznacza to kontrolę wagi i formatów zdjęć, ładowanie fontów bez migotania tekstu, rezerwowanie miejsca na obrazy i banery oraz oszczędność w skryptach zewnętrznych. Długo działające skrypty blokują reakcję strony na kliknięcie, a właśnie ją mierzy drugi z progów. Nazwy tych pomiarów i to, jak je sprawdzić, opisałem w przewodniku Core Web Vitals.

Dostępność przestała być dobrą praktyką i stała się przepisem. Ustawa z 26 kwietnia 2024 r., nazywana polskim aktem o dostępności, obowiązuje od 28 czerwca 2025 r. Obejmuje usługi handlu elektronicznego, czyli także sprzedaż przez zwykłą stronę z koszykiem, a z obowiązku wyłączeni są mikroprzedsiębiorcy świadczący usługi (gov.pl). Ustawa opisuje, co strona ma umożliwiać, a szczegóły techniczne zawiera wskazana przez rząd norma EN 301 549 (wersja V3.2.1 z 2021 r.). Dla stron internetowych norma przejmuje kryteria WCAG 2.1 na poziomie AA, czyli międzynarodowych wytycznych dostępności stron. To moje minimum, a obowiązki sklepu opisałem w przewodniku o dostępności.

• Kontrast i obsługa klawiaturąCzytelne kolory tekstu, widoczne zaznaczenie elementu, na którym akurat jesteś (fokus), i możliwość przejścia całej strony oraz formularza bez myszy.
• Opisy i hierarchia nagłówkówSensowne teksty alternatywne obrazów, jeden nagłówek pierwszego poziomu i struktura, po której czytnik ekranu faktycznie się porusza.
• Adresy i indeksowanieCzytelne adresy, mapa strony, poprawne znaczniki kanoniczne, czyli wskazanie Google, który adres jest główny, i pilnowanie, żeby wersja testowa nie została w indeksie po starcie.
• Dane strukturalneZnaczniki, które opisują firmę (także jako firmę lokalną) i produkty, zapisane w kodzie strony w formacie, który czyta Google, gdy strona ma takie treści. Pomagają Google zrozumieć, czym zajmuje się firma. Czy pod wynikiem pojawią się dodatki, Google ustala sam i część typów wycofuje: rozwijane pytania (FAQ) zniknęły z wyników 7 maja 2026 r. (developers.google.com).
• Przebudowa bez utraty ruchuPrzy zmianie strony spisuję stare adresy i ustawiam przekierowania stałe (301 lub 308) jeden do jednego. Google zaleca trzymać je co najmniej rok i uprzedza, że w trakcie przenosin pozycje mogą się chwilowo wahać (developers.google.com). Bez przekierowań stare adresy z wyników i linków kończą się błędem 404, czyli komunikatem, że strony nie ma. Szczegóły w przewodniku o przebudowie strony.

Co się dzieje po uruchomieniu strony

Po starcie zostają stałe zadania: odnawianie domeny, aktualizacje, kopie zapasowe, drobne zmiany i pomiar.

Zakres opieki ustalamy przed wdrożeniem, żeby po miesiącu nie okazało się, że nikt nie odpowiada za aktualizacje. Możesz wziąć wszystko na siebie, oddać mi całość albo podzielić zadania. Ważne, żeby przy każdej pozycji z listy poniżej było wiadomo, kto konkretnie za nią odpowiada.

• Domena i hostingRejestrujesz je na swoją firmę i płacisz bezpośrednio operatorowi. Mogę wszystko skonfigurować i pilnować terminów, ale konto ma zostać Twoje, bo w praktyce decyduje, czyja jest strona.
• AktualizacjeW WordPressie i WooCommerce to regularna praca: rdzeń, wtyczki, wersja PHP, czyli języka, w którym działa WordPress, i testy po zmianach. W Shopify robi to platforma, a Twoją częścią są aplikacje dodane do sklepu.
• Kopie zapasoweKopia ma wartość dopiero wtedy, gdy ktoś sprawdził, że da się z niej odtworzyć stronę. Ustalamy częstotliwość, miejsce przechowywania i moment próbnego odtworzenia.
• Drobne zmianyNowa podstrona usługi, wymiana zdjęć, zmiana cennika. Część zrobisz w panelu, resztę zbieram w umówione paczki zmian.
• PomiarAnalityka z poszanowaniem zgód, widok najczęstszych wejść i licznik zgłoszeń z formularza. Bez tego rozmowa o rozwoju strony po pół roku opiera się na wrażeniach.
• RozwójPo kilku miesiącach widać, które podstrony pracują, a które nie. To lepszy moment na decyzję o blogu, wersji językowej czy sklepie niż dzień przed startem.
• Opieka po wdrożeniuJeśli nie chcesz pilnować tego sam, biorę to na siebie: aktualizacje, kopie zapasowe, monitoring dostępności i czasu ładowania oraz ustaloną pulę godzin na drobne zmiany, z kontaktem bezpośrednio do mnie. Opieka nie jest obowiązkowa i nie jest warunkiem wykonania strony. Kwotę podaję wyżej, przy cenach, a od czego zależy, opisuję w cenniku.

Dla kogo pracuję i gdzie

JFlow Labs to jedna osoba: ja. Dlatego wiesz, kto odbierze telefon i kto pisał kod Twojej strony.

Mam siedzibę w Mikołowie i prowadzę projekty zdalnie w całej Polsce. Rozmowa wideo z podglądem ekranu jest konkretna, bo oboje patrzymy dokładnie na ten ekran, o którym mówimy, a z ustaleń zostaje notatka. Projekty prowadzę po polsku i po angielsku.

Ten sposób pracy pasuje do firm, które sprzedają coś konkretnego i mają jedną osobę decyzyjną: usługi lokalne, produkcja, gabinet, kancelaria, mała marka z własnym produktem. Nie jestem dobrym wyborem, gdy szukasz najtańszej strony w kreatorze albo zespołu, który przejmie cały marketing. W takich sytuacjach mówię to na pierwszej rozmowie, zamiast wyceniać pracę, której nie zrobię dobrze.