Cześć, jestem Łukasz — i przez ponad 6 lat tworzenia stron dla małych firm nauczyłem się jednego: projekt bez briefu to projekt skazany na chaos.
Mam na myśli dosłownie. Raz dostałem zlecenie na stronę dla salonu urody z jednym jedynym opisem: "ma być ładnie i nowocześnie". Bez palety kolorów. Bez listy podstron. Bez wiedzy o tym, czy klientki płacą kartą czy przelewem. Efekt? Cztery rundy poprawek, dwie kłótnie przez Zoom i siwiejące włosy po obu stronach ekranu.
Brief by tego uniknął. W 30 minut.
Dlatego napisałem ten artykuł — i dołączyłem gotowy szablon, który możesz pobrać i wypełnić zanim odezwiesz się do jakiegokolwiek dewelopera. Nawet do mnie.
Co to jest brief strony internetowej?
Brief to dokument, który opisuje Twoje oczekiwania wobec przyszłej strony. Nie musi być długi. Nie musi być piękny. Musi być konkretny.
Dla dewelopera brief to jak przepis w kuchni — bez niego można coś zrobić, ale efekt będzie losowy. Z briefem wiesz co dostajesz, ile kosztuje i kiedy będzie gotowe.
Dla Ciebie brief to narzędzie myślenia. Już samo jego wypełnienie zmusza do odpowiedzi na pytania, o których wcześniej nie pomyślałeś: Czy strona ma sprzedawać produkty czy tylko prezentować ofertę? Czy potrzebuję formularza kontaktowego? Kto będzie aktualizować treści po wdrożeniu?
Dlaczego bez briefu przepłacasz
Bez briefu deweloper musi zgadywać. A zgadywanie kosztuje — Ciebie, bo płacisz za poprawki, i dewelopera, bo traci czas na rzeczy które trzeba przerobić.
- Dostajesz pierwszą wersję strony
- Mówisz: "dobra, ale chciałem żeby było bardziej X"
- Deweloper pyta: "a powiedziałeś mi o X?"
- Następuje niezręczna cisza
- Poprawki, nowe wyceny, frustracja
- Wypełniasz krótki brief
- Deweloper wycenia konkretny zakres
- Strona powstaje ściśle według planu
- Masz jedną rundę drobnych poprawek
- Uruchomienie strony (Go live!)
Różnica w czasie: tygodnie. Różnica w kosztach: potrafi być kilkaset złotych "za poprawki" których nie byłoby gdybyś z góry wiedział czego chcesz.
Co powinien zawierać brief strony internetowej?
Zebrałem to w 9 punktach — tyle ile potrzebujesz, żeby deweloper miał pełny i precyzyjny obraz Twojego projektu.
1. Informacje o firmie
Kim jesteś, czym się zajmujesz, od kiedy działasz. Nie piszesz autobiografii — wystarczy kilka zdań. Deweloper musi wiedzieć z kim rozmawia i w jakiej branży pracuje, aby dobrać odpowiedni styl graficzny i język komunikacji.
2. Cel strony
To najważniejszy punkt całego briefu. Zaskakująco dużo osób pomija go i pisze tylko "potrzebuję strony", ale cel decyduje o całej architekturze systemu.
- Strona ma generować zapytania przez formularz ➔ potrzebujesz wyraźnego wezwania do działania (CTA) i prostego, zachęcającego formularza.
- Strona ma sprzedawać produkty ➔ potrzebujesz koszyka, płatności online, integracji z kurierami oraz systemu zarządzania stanem.
- Strona ma prezentować portfolio ➔ potrzebujesz pięknej galerii, case studies (studiów przypadków) i idealnego UX na urządzeniach mobilnych.
- Strona zastępuje wizytówkę ➔ wystarczy prosty, lekki i niezwykle szybki one-pager z kluczowymi informacjami kontaktowymi.
Każdy cel = inny zakres prac = inna cena.
3. Grupa docelowa
Do kogo mówi Twoja strona? "Wszyscy" nie jest dobrą odpowiedzią. Im konkretniej zdefiniujesz odbiorcę, tym lepiej. Porównaj: "kobiety w wieku 30-50 lat szukające rehabilitacji po operacji kolana w Krakowie" brzmi o niebo lepiej niż "ludzie, których boli noga". Ta informacja pomaga zdecydować o języku strony, doborze zdjęć i priorytetach w menu.
4. Struktura strony (lista podstron)
Jakie podstrony ma mieć witryna? Przykładowa lista dla prostej, skutecznej strony firmowej:
- Strona główna
- O mnie / O firmie
- Usługi / Oferta
- Realizacje / Portfolio
- Blog (opcjonalnie)
- Kontakt
Pamiętaj: każda podstrona to dodatkowy czas pracy nad układem i kodowaniem, co przekłada się na wyższą cenę. Nie zgaduj — napisz czego naprawdę potrzebujesz na start.
5. Funkcjonalności
Czego specjalnego potrzebuje Twoja strona? Tutaj tkwi największa różnica w kosztach wdrożenia:
- Formularz kontaktowy — standard, zazwyczaj ujęty w cenie podstawowej.
- Blog / aktualności z edytorem (CMS) — pozwala na łatwe dodawanie artykułów.
- Rezerwacja terminów (Booking) — dodatkowy moduł pozwalający klientom rezerwować czas bezpośrednio na stronie.
- Sklep internetowy (E-commerce) — koszyk, bramka płatnicza, wymaga oddzielnej, dedykowanej wyceny.
- Wielojęzyczność — wymaga wdrożenia mechanizmu tłumaczeń i dodatkowego czasu dewelopera.
- Integracje z CRM / Booksy / WUFO — automatyczna wysyłka danych do innych systemów.
6. Wygląd i styl
Nie musisz być projektantem UI/UX, aby opisać czego oczekujesz. Deweloperowi w zupełności wystarczą:
- Kolory firmy — czy posiadasz logo, brand book lub konkretną paletę?
- Inspiracje — prześlij 2-3 strony, które bardzo Ci się podobają i napisz krótko *dlaczego* (np. "podoba mi się ten duży napis w nagłówku" albo "lubię ten czysty, biały układ").
- Nastrój — elegancki i minimalistyczny? Kolorowy i dynamiczny? Profesjonalny i stonowany?
Pro tip: Zbierz przykłady w tablicy na Pinterest albo po prostu wyślij listę linków. To jest warte więcej niż pięć stron skomplikowanego opisu grafiki!
7. Budżet i termin
Wiem, że rozmawianie o pieniądzach bywa niezręczne. Jednak podanie widełek budżetowych to jeden z najlepszych prezentów, jakie możesz zrobić deweloperowi. Dlaczego? Ponieważ deweloper może od razu dostosować technologię i zakres prac do Twoich możliwości. Zamiast wyceniać rozbudowany projekt za 15 000 zł dla kogoś, kto ma odłożone 4 000 zł, może od razu zaproponować uproszczoną, ale skuteczną i bardzo szybką alternatywę na start.
Termin: Kiedy strona musi ruszyć? Czy goni Cię konkretny event, premiera czy początek sezonu w Twojej branży? Realne terminy pozwalają dobrze zaplanować pracę bez zbędnego stresu.
8. Materiały
To element, który najczęściej jest niedoceniany przez klientów — i który najmocniej opóźnia premiery gotowych stron. Upewnij się, co z poniższej listy posiadasz już przygotowane:
- [ ] Teksty do wszystkich podstron (napisałeś je sam czy potrzebujesz pomocy copywritera?)
- [ ] Profesjonalne zdjęcia (prawdziwe zdjęcia Twojej firmy i zespołu budują zaufanie, którego zdjęcie ze stocku nie da — klient widzi, z kim będzie miał do czynienia)
- [ ] Logo w wersji wektorowej (pliki AI, SVG, EPS lub PDF)
- [ ] Referencje i opinie od dotychczasowych klientów
9. Sprawy techniczne: domena, poczta, stara strona
Szablony briefu zwykle pytają o technologię. Rzadziej o to, co najczęściej wstrzymuje start projektu: dostęp do domeny i poczty. Wystarczą odpowiedzi na cztery pytania:
- Czy masz domenę i na kogo jest zarejestrowana? Sprawdź, czy masz login do panelu u rejestratora. Domena zarejestrowana przez poprzedniego wykonawcę na jego dane to problem, który lepiej odkryć przed startem niż w dniu publikacji.
- Czy masz pocztę w firmowej domenie (np. biuro@twojafirma.pl)? Przy zmianie hostingu poczta nie może zniknąć ani na jeden dzień, więc wykonawca musi o niej wiedzieć zawczasu.
- Czy obecna strona ma wejścia z Google i ile ma podstron? Jeśli ma, nowa strona musi przejąć jej adresy albo przekierować je na nowe (tzw. przekierowania 301). Bez tego Google gubi ślad i pozycje zaczynają się od zera.
- Kto będzie zmieniał treści po wdrożeniu i jak często? To pytanie decyduje o technologii. Jeśli sam chcesz dodawać wpisy co tydzień, potrzebujesz panelu do edycji. Jeśli treść zmienia się raz na pół roku, panel jest kosztem, z którego nie skorzystasz.
📄 Szablon briefu do pobrania
Poniżej znajdziesz gotowy szablon briefu. Skopiuj jego treść, wypełnij swoimi odpowiedziami i dołącz do pierwszej wiadomości wysłanej do dewelopera — oszczędzisz mnóstwo czasu!
BRIEF STRONY INTERNETOWEJ
Uzupełnij i wyślij przed wyceną
To wszystko. Pół godziny wypełniania, które zaoszczędzi Ci tygodnie poprawek i uchroni Twój budżet przed niespodziankami. Wersję do edycji w Wordzie pobierzesz tutaj.
Przykład wypełnionego briefu
Szablon z pustymi polami mówi, o co zapytać. Nie mówi, jak wygląda dobra odpowiedź. Poniżej brief pracowni fotograficznej — firma jest wymyślona na potrzeby przykładu, ale odpowiedzi są napisane tak, jak powinny wyglądać w prawdziwym briefie: krótko i konkretnie. Przy każdej dopisałem, co z niej wynika dla wykonawcy.
Cały ten brief to niecała strona A4, a odpowiada na wszystkie pytania, które padłyby na pierwszej rozmowie. Jeśli prowadzisz studio albo pracownię fotograficzną, osobno opisałem, co powinna mieć strona internetowa dla fotografa — od galerii dla klienta po pytanie, czy pokazywać cennik.
Co w briefie najmocniej wpływa na cenę
Wycena nie bierze się z długości briefu, tylko z kilku konkretnych odpowiedzi. Jeśli wiesz, które to są, możesz świadomie przesunąć część rzeczy z listy „na start” do listy „później” i zmieścić się w budżecie.
- Funkcje, a nie liczba podstron. Kolejna podstrona zbudowana na tym samym układzie co poprzednia to niewielki koszt. Rezerwacje online, galeria na hasło, sklep czy druga wersja językowa to osobne mechanizmy — każdy z nich potrafi przesunąć projekt o cały próg cenowy. U mnie wizytówka zaczyna się od 2 000 zł, strona z blogiem i panelem do edycji od 4 000 zł, a sklep od 6 000 zł. Różnica między tymi progami to właśnie funkcje.
- Kto pisze teksty. Teksty od copywritera to według stawek rynkowych od 500 do 2 000 zł. Teksty „dostarczone przez klienta” są tańsze, ale to one najczęściej opóźniają premierę, bo nikt ich nie pisze.
- Stara strona do przeniesienia. Przepisanie kilku podstron to chwila pracy. Przeniesienie bloga z kilkudziesięcioma wpisami — z zachowaniem adresów albo przekierowaniami — to osobne zadanie. Pominięte w wycenie wraca później jako utracony ruch z Google.
- Integracje. Każdy system, z którym strona ma się łączyć (Booksy, system rezerwacji, CRM, hurtownia), trzeba sprawdzić osobno, bo koszt zależy od tego, co ten system w ogóle udostępnia.
- Termin. Twardy termin za trzy tygodnie przy materiałach, których jeszcze nie ma, oznacza albo mniejszy zakres na start, albo wyższą cenę za pracę pod presją.
Ceny w podziale na branże, z tym co wchodzi w każdy próg, zebrałem na stronie strony internetowe dla firm.
Najczęstsze błędy w briefach
- Lista funkcji bez podziału na „musi być” i „może poczekać”. Wtedy wycena obejmuje wszystko naraz i dostajesz liczbę, która przeraża, zamiast wersji na start z planem rozbudowy.
- Pominięta stara strona. Jeśli obecna strona przyprowadza kogokolwiek z Google, nowa musi przejąć jej adresy albo je przekierować. Wystarczy jedno zdanie w briefie: adres obecnej strony i mniej więcej liczba podstron.
- Domena „gdzieś jest”. Domenę rejestrował poprzedni wykonawca, na siebie, i nikt nie ma dostępu do panelu. Odzyskanie jej potrafi zająć tygodnie. Sprawdź to przed rozmową, nie w dniu publikacji.
- Inspiracje bez „dlaczego”. Link bez komentarza mówi tylko „ta mi się podoba”. Nie wiadomo, czy chodzi o kolory, zdjęcia, układ, czy o to, że strona szybko się ładuje.
- Ukryty budżet. Brak kwoty nie chroni przed przepłaceniem. Oznacza tylko, że dostaniesz wycenę pełnego zakresu, a nie takiego, który mieści się w Twoich możliwościach.
- Brak osoby decyzyjnej. Brief pisze jedna osoba, a projekt akceptuje wspólnik, który briefu nie widział. Wpisz, kto zatwierdza projekt — jedna linijka, która oszczędza rundę poprawek.
Co zrobić z wypełnionym briefem?
Wyślij go w pierwszej wiadomości do dewelopera, zamiast lakonicznego: "Hej, potrzebuję strony www. Jaki jest koszt?". Gwarantuję, że otrzymasz niezwykle rzeczową odpowiedź i precyzyjną wycenę, zamiast serii dziesięciu pytań pomocniczych.
A jeśli chcesz porozmawiać o swojej nowej stronie ze mną — napisz śmiało przez formularz kontaktowy. Brief nie jest twardym warunkiem, ale jeśli go posiadasz, nasza rozmowa będzie szybsza, prostsza i o wiele bardziej konkretna.
Brief wygląda inaczej w zależności od tego, czym się zajmujesz. Jeśli działasz w jednej z poniższych branż, opisałem osobno, o co warto zadbać i jakie pytania zadać wykonawcy:
- Strona internetowa dla fotografa
- Strona internetowa dla przedszkola i żłobka
- Strona internetowa dla restauracji
- Strona internetowa dla salonu kosmetycznego
- Strona internetowa dla warsztatu samochodowego
- Strona internetowa dla gabinetu weterynaryjnego
- Strona internetowa dla fizjoterapeuty
- Strona internetowa dla biura rachunkowego
- Strona internetowa dla szkoły językowej
Najczęstsze pytania o brief strony internetowej
Pytania, które najczęściej padają przed wypełnieniem briefu — i przed wysłaniem go do wykonawcy.
Czym jest brief strony internetowej?
Brief to krótki dokument, w którym opisujesz firmę, cel strony, klientów, potrzebne podstrony i funkcje, oczekiwany wygląd, materiały, sprawy techniczne, budżet i termin. Wykonawca przygotowuje na jego podstawie wycenę i plan prac. Dobry brief strony firmowej mieści się na jednej–dwóch stronach A4 i wypełnia się go w około pół godziny.
Kto powinien przygotować brief — klient czy wykonawca?
Klient, bo tylko on zna swoją firmę, klientów i budżet. Wykonawca może pomóc: przysłać szablon albo przeprowadzić rozmowę, z której brief powstanie. Odpowiedzi muszą jednak pochodzić od właściciela firmy. Brief napisany przez wykonawcę z domysłów to wycena zbudowana na zgadywaniu.
Czy muszę podawać budżet w briefie?
Nie musisz, ale warto. Bez kwoty wykonawca wycenia pełny zakres, który opisałeś, i łatwo dostać ofertę dwa razy wyższą niż Twoje możliwości. Z widełkami może od razu zaproponować wersję na start i odłożyć resztę na później. Jeśli obawiasz się, że cena „dopasuje się” do budżetu, poproś o wycenę rozbitą na pozycje — wtedy widać, za co płacisz.
Czy brief jest częścią umowy?
Sam brief nie, bo opisuje oczekiwania, a nie zobowiązania. W odpowiedzi na brief wykonawca powinien przysłać ofertę z zakresem prac: listą podstron i funkcji, liczbą rund poprawek i terminem. Dopiero ten zakres powinien trafić do umowy. Jeśli oferta nie odnosi się do Twojego briefu punkt po punkcie, zapytaj, co z niego zostało pominięte.
Co wpisać, jeśli nie wiem, jakich funkcji potrzebuję?
Opisz, co ma się dziać, zamiast nazywać funkcje. Zdanie „klientki mają same zapisywać się na wizytę, bez dzwonienia” wystarczy — dobór narzędzia to zadanie wykonawcy. Dopisz też, jak robisz to dziś (telefon, Booksy, Messenger), bo od tego zależy, czy strona ma coś zastąpić, czy się z czymś połączyć.
Czy mogę wysłać ten sam brief do kilku wykonawców?
Tak i to jest jedna z jego największych zalet. Oferty przygotowane na podstawie tego samego dokumentu da się porównać, bo wyceniają ten sam zakres. Bez briefu każdy wykonawca wyobraża sobie inną stronę i porównujesz ceny różnych produktów.
Czym brief różni się od specyfikacji technicznej?
Brief opisuje potrzeby językiem właściciela firmy: co strona ma robić i dla kogo. Specyfikacja opisuje rozwiązanie językiem wykonawcy: technologię, strukturę, integracje. Przy stronie dla małej firmy specyfikację przygotowuje wykonawca na podstawie briefu — nie musisz jej pisać sam.
Jak długi powinien być brief strony internetowej?
Tak krótki, jak się da, pod warunkiem że odpowiada na wszystkie dziewięć punktów. Dla strony firmowej to zwykle jedna–dwie strony A4. Dłuższy nie znaczy lepszy: trzy linki z jednym zdaniem komentarza do każdego powiedzą wykonawcy więcej niż pięć stron opisu wyglądu.
Czy szablon briefu jest darmowy?
Tak. Plik DOCX z tego artykułu jest bezpłatny i nie wymaga podawania adresu e-mail. Otworzysz go w Wordzie, Google Docs, Pages i LibreOffice. Możesz go wysłać do dowolnego wykonawcy, nie tylko do mnie.
Stwórzmy stronę, która realnie sprzedaje
Mam za sobą 6 lat doświadczenia, dziesiątki wdrożonych projektów i klientów od ogólnopolskich mediów (jak Gazeta.pl) po lokalne salony kosmetyczne. Wiem, jak poprowadzić Twój projekt od briefu, przez bezbłędny design, aż po wdrożenie superszybkiej strony, która wyprzedzi konkurencję w Google.