Landing page przed publikacją.

1. 01

   Hero: obietnica, dla kogo, 1 CTA, prawdziwe zdjęcie

   Obowiązkowa

   W pierwszym ekranie klient ma zrozumieć, co oferujesz, dla kogo i co kliknąć, bo tam trafia najwięcej uwagi (NN/g, 2018: 57% czasu oglądania przypada na obszar nad linią zgięcia).

2. 02

   Dla kogo (i dla kogo nie)

   Obowiązkowa

   Właściwa osoba rozpoznaje w opisie siebie, a niewłaściwa rezygnuje, zanim zajmie Ci czas.

3. 03

   Problem i stawka

   Opcjonalna

   Nazywasz kłopot słowami klienta i pokazujesz, co kosztuje zostawienie go bez zmian.

4. 04

   Przed i po

   Obowiązkowa

   Dwa stany obok siebie, dziś i po współpracy, klient rozumie szybciej niż listę cech.

5. 05

   Oferta i wyróżniki

   Obowiązkowa

   Klient widzi, co dokładnie dostaje, oraz maksymalnie 4 wyróżniki opisane jako efekt dla niego, a nie cecha produktu.

6. 06

   Jak to działa w 3 krokach

   Opcjonalna

   Prosty plan zdejmuje lęk przed nieznanym: co się dzieje po kliknięciu i kiedy.

7. 07

   Dowód: opinie, liczby, zdjęcia z realizacji

   Obowiązkowa

   Prawdziwe opinie z imieniem i konkretnym rezultatem pokazują, że inni już skorzystali, a 1 prawdziwa opinia jest więcej warta niż 3 wymyślone.

8. 08

   Kto za tym stoi

   Obowiązkowa

   Twarz, imię i 2-3 zdania o tym, dlaczego właśnie Ty, żeby klient wiedział, z kim będzie rozmawiać.

9. 09

   Oswajanie obiekcji

   Opcjonalna

   Odpowiadasz na obawy, które blokują decyzję (cena, czas, „czy to dla mnie”), zanim klient zada je sobie sam.

10. 10

    Cena albo pierwszy krok

    Obowiązkowa

    Do decyzji potrzebna jest liczba: cena, widełki albo informacja, ile kosztuje pierwszy krok.

11. 11

    FAQ

    Obowiązkowa

    Od 5 do 7 krótkich odpowiedzi na pytania, które naprawdę słyszysz od klientów w mailach, telefonach i wiadomościach.

12. 12

    Finalne CTA

    Obowiązkowa

    Powtarzasz obietnicę i ten sam przycisk w chwili, gdy klient doczytał do końca.

13. 13

    Minimalna stopka

    Obowiązkowa

    Dane firmy, kontakt i polityka prywatności, bez rozbudowanego menu, które wyprowadza ze strony.

Stałe są 3 rzeczy: hero, jeden cel i ten sam przycisk powtórzony w kilku miejscach. Kolejność pozostałych sekcji możesz zmieniać i testować. Długa strona sprzedażowa (Copyhackers) zaczyna od zaufania i problemu, a krótki landing zbierający zapytania (Unbounce, HubSpot) od oferty.

• Jeden cel na stronę. Przycisków może być kilka, ale wszystkie prowadzą do tego samego działania.

  Unbounce

• Nagłówek i przycisk obiecują to samo. Zamiast „Wyślij” napisz, co klient dostanie po kliknięciu.

  HubSpot

• W przycisku jest konkret: termin, czas albo liczba. „Pytam o wolny weekend w listopadzie” mówi więcej niż „Sprawdź”.

• Przycisk mówi głosem klienta, w pierwszej osobie: „Rezerwuję”, „Chcę”, „Pobieram”.

  W teście opisanym przez Unbounce wersja „Start my free 30 day trial” dała o 90% więcej kliknięć niż wersja z „your”. Test był po angielsku, po polsku ten efekt nie jest zmierzony.

• Landing nie ma menu głównego. Każdy link poza CTA to wyjście ze strony.

  HubSpot

• Na telefonie główny przycisk widać bez przewijania.

• Strona jest projektowana najpierw na telefon. Ruch z reklam i social mediów przychodzi głównie z telefonów.

  Unbounce: 83% wizyt na landing pages pochodzi z urządzeń mobilnych (Conversion Benchmark Report, omówienie SEJ z 03.10.2025). W Polsce odsłony stron to wciąż 61,33% komputery i 37,91% telefony (StatCounter, sierpień 2026), ale telefony dają 76% czasu w sieci (PBI/Gemius, IV kw. 2025).

• Przyciski i linki mają co najmniej 48 x 48 px i około 8 px odstępu od sąsiednich.

  web.dev, Lighthouse

• Pola formularza mają czcionkę co najmniej 16 px. Przy mniejszej iOS Safari przybliża ekran po dotknięciu pola.

  CSS-Tricks

• Główny przycisk widać na pierwszym ekranie telefonu. Sprawdź to na szerokości 375 px.

• Formularz ma tylko pola, których naprawdę potrzebujesz.

  Imaginary Landscape skróciło formularz z 11 do 4 pól, a konwersja wzrosła z 5,4% do 11,9%. To 2008 rok i mała próba (10 kontra 26 zgłoszeń), więc traktuj to jako kierunek, nie gwarancję.

• Strona mieści się w progach Core Web Vitals: LCP do 2,5 s, INP do 200 ms, CLS do 0,1. Sprawdzisz to w PageSpeed Insights.

  web.dev. Google i SOASTA (2017): gdy czas ładowania rośnie z 1 do 3 s, prawdopodobieństwo odrzucenia strony rośnie o 32%.

• Zdjęcia są skompresowane (WebP albo AVIF), a przed pierwszym ekranem nie ładuje się ciężka animacja.

Dla początkujących: Web3Forms albo Tally. Na Netlify: Netlify Forms. W stronie-systemie na Next.js: API route z walidacją, zapisem do bazy i mailem przez Resend.

• Test od początku do końca, z telefonu i z komputera: mail doszedł (sprawdź też spam), zgłoszenie jest w bazie albo arkuszu, pokazała się strona z podziękowaniem.

• Antyspam: walidacja po stronie serwera, ukryte pole-pułapka (honeypot) albo Cloudflare Turnstile i limit zgłoszeń z jednego adresu.

• Klucze API są tylko w zmiennych środowiskowych na serwerze, nigdy w kodzie strony ani z prefiksem NEXT_PUBLIC_. Plik .env.local nie trafia do repozytorium.

• Przy formularzu jest klauzula informacyjna z art. 13 RODO: kto jest administratorem, w jakim celu i na jakiej podstawie przetwarzasz dane, kto je dostaje (np. hosting, Resend), jak długo je trzymasz i jakie prawa ma osoba.

• Checkbox zgody pojawia się tylko przy marketingu (newsletter, oferty), osobno i niezaznaczony. Przy zwykłym zapytaniu podstawą jest art. 6 ust. 1 lit. b lub f RODO, więc checkbox nie jest potrzebny.

  TASSEL, regulaminrodo.pl

• Z każdym dostawcą, który widzi dane z formularza, masz umowę powierzenia (DPA) i wiesz, gdzie te dane leżą.

• Danych z formularza (imię, e-mail, treść) nie wysyłasz do GA4.

To checklista z praktyki, nie opinia prawna. Przy danych wrażliwych, np. o zdrowiu, zapytaj prawnika.

• Search Console zweryfikowane, sitemap wysłana, Vercel Analytics albo inna prosta statystyka włączona.

• Consent Mode v2: 4 parametry (ad_storage, analytics_storage, ad_user_data, ad_personalization), stan domyślny „denied” ustawiony przed załadowaniem tagów.

• Baner cookies: przycisk „Odrzuć” jest tak samo widoczny jak „Akceptuj”.

  Art. 399 Prawa komunikacji elektronicznej (od 10.11.2024) wymaga zgody przed zapisaniem na urządzeniu czegokolwiek poza rzeczami niezbędnymi.

• Pixel i CAPI ruszają dopiero po zgodzie marketingowej.

• Pixel i CAPI wysyłają to samo zdarzenie z tą samą nazwą i tym samym event_id (w Pixelu: eventID). Meta usuwa wtedy duplikaty w oknie 48 h.

• Konwersje sprawdzone na żywo: generate_lead w GA4 Realtime i Lead w „Test events” Menedżera zdarzeń Meta.

• Każdy link z reklamy, maila i posta ma parametry UTM (utm_source, utm_medium, utm_campaign).

• Koszt jednego zapytania (CPL) liczysz ze skrzynki albo z bazy zgłoszeń, nie z Ads Managera.

  W mojej kampanii z sierpnia 2026 zgodę zaakceptowało około 26% ruchu z reklam. Ads Manager pokazał 0 konwersji, a w skrzynce były 4 zgłoszenia.

• Plan hostingu pasuje do użycia. Strona firmy, która sprzedaje usługi, to według regulaminu Vercel użycie komercyjne, więc na Vercel potrzebuje planu Pro. Strony robione dla klientów też nie mogą stać na Hobby.

• Domena główna (twojafirma.pl) ma rekord A na adres z panelu hostingu. Vercel podaje 76.76.21.21 albo wartość z panelu projektu.

• Subdomena www ma rekord CNAME na wartość z panelu hostingu.

• Poczta działa dalej. Nie ustawiasz CNAME na domenie głównej, bo przesłania rekordy MX i TXT. Jeśli zmieniasz nameservery, najpierw przepisujesz MX i TXT, inaczej przestanie działać e-mail.

• Działa https, a wersja z www i bez www prowadzi w jedno miejsce.

• Strona jest dodana do Search Console, sitemap wysłana.

• Link otwarty na telefonie poza Twoim Wi-Fi, a formularz wysłany jeszcze raz już z docelowej domeny.