DBAdmin/docs___/Landing_Page_Guidelines_and_Prompts.md

# Wytyczne do Landing Page i Prompty AI

Dokument ten zawiera zestawienie wytycznych dotyczących optymalizacji stron docelowych (landing pages) oraz gotowe prompty do narzędzi AI, które pomogą w ich wdrożeniu. Opracowano na podstawie `Landing_pagesOpt.md`.

## Część 1: Wytyczne do budowy i optymalizacji Landing Page

### 1. Strategia i Wybór Elementów do Testowania
Nie wszystko na stronie ma równe znaczenie. Skup się na zmianach, które mogą przynieść największy zwrot.

*   **Zasada 80/20 (Pareto):** Skoncentruj się na 20% elementów, które generują 80% wyników. Naprawienie fundamentalnych problemów daje lepsze efekty niż drobne poprawki kosmetyczne.
*   **Priorytetyzacja stron:** Nie naprawiaj tylko stron, które działają słabo. Często największy potencjał ukryty jest w stronach, które już generują duży ruch i przychód, ale nie są w pełni zoptymalizowane.
*   **Analiza "Utraconego Przychodu":** Oblicz potencjalne straty dla każdej strony (Ruch × Przychód na użytkownika × Współczynnik odrzuceń), aby zdecydować, gdzie skierować wysiłki optymalizacyjne.

### 2. Struktura i Design (Page Structure & Emphasis)
Sposób organizacji przestrzeni ma kluczowe znaczenie dla kierowania uwagą użytkownika.

*   **Kluczowe obszary widoczności:** Użytkownicy skanują strony od lewego górnego rogu. Najważniejsze informacje i wezwanie do działania (CTA) powinny znajdować się "above the fold" (w górnej części strony, widocznej bez przewijania).
*   **Mniej znaczy więcej (Less is More):**
    *   Usuń zbędne elementy (rozpraszacze).
    *   Ogranicz liczbę linków wychodzących (nie związanych z konwersją).
    *   Upraszczaj grafikę i skracaj teksty.
*   **Nawigacja:** Preferuj menu pionowe, ponieważ lepiej wykorzystują cenną przestrzeń w pionie i poprawiają czytelność na szerokich ekranach.
*   **Akcentowanie (Emphasis):** Kieruj uwagą poprzez kontrast (np. kolor przycisku CTA kontrastujący z tłem), rozmiar czcionek i "pustą przestrzeń" (whitespace). Nie "podkręcaj głośności" wszystkiego naraz.

### 3. Spójność (Coherency) i "Zapach Informacji"
Strona musi być spójna wizualnie i logicznie z miejscem, z którego przyszedł użytkownik.

*   **Dopasowanie komunikatu:** Nagłówek na landing page'u musi odpowiadać tekstowi w reklamie lub linku, w który kliknął użytkownik. Jeśli użytkownik traci ten "zapach informacji", czuje się oszukany lub zagubiony.
*   **Spójność wizualna:** Kolorystyka, czcionki i styl graficzny muszą być jednolite. Strony niespójne (np. wyglądające amatorsko lub chaotycznie) drastycznie obniżają zaufanie.
*   **Unikanie "Frankensteina":** Podczas testów wielowariantowych uważaj, aby losowe łączenie elementów nie stworzyło nielogicznej całości.

### 4. Architektura Informacji i Przepływ (Flow)
Zadbaj o to, aby użytkownik wiedział, gdzie jest i co ma zrobić.

*   **Macierz (The Matrix):** Upewnij się, że na każdym etapie użytkownik otrzymuje odpowiednie wsparcie (informacje, zachęty) potrzebne do przejścia dalej.
*   **Przepływy wielostronicowe:**
    *   Zaczynaj od małych, nieinwazyjnych próśb.
    *   Dopiero gdy użytkownik zainwestuje czas (np. kliknie dalej), proś o trudniejsze dane (np. numer karty).
*   **Obsługa "Spadochroniarzy":** Użytkownicy mogą trafić na podstronę bezpośrednio z wyszukiwarki. Zapewnij im kontekst ("jesteś tutaj"), nawigację i jasną ścieżkę do konwersji.

### 5. Budowanie Zaufania i Oferta
Elementy psychologiczne, które pomagają przełamać wahanie.

*   **Uspokajanie nerwów:** Używaj dowodu społecznego (social proof) – recenzje, logotypy znanych klientów, certyfikaty bezpieczeństwa.
*   **Personalizacja:** Dostosuj treść do lokalizacji użytkownika, jego wcześniejszych zachowań lub źródła ruchu.
*   **Oferta:** Testuj różne warianty nagłówków, tekstów sprzedażowych i wezwań do działania (CTA).

### 6. Testowanie Cen (Pricing)
Cena jest jedną z najważniejszych zmiennych ciągłych.

*   **Elastyczność cenowa:** Testuj różne punkty cenowe, aby znaleźć szczyt krzywej zysku.
*   **Upselling:** Testuj oferty dodatkowe (równolegle lub seryjnie).

### Podsumowanie dla Dewelopera/Designera

1.  **Wyczyść interfejs:** Usuń wszystko, co nie prowadzi do głównego celu (CTA).
2.  **Wyróżnij CTA:** Przycisk musi kontrastować z resztą strony.
3.  **Sprawdź nagłówki:** Upewnij się, że H1 na stronie pasuje do słów kluczowych kampanii reklamowej.
4.  **Zadbaj o "Above the Fold":** Kluczowa wartość i CTA muszą być widoczne bez przewijania.
5.  **Przygotuj się na testy:** Zbuduj stronę tak, aby łatwo było podmieniać sekcje w narzędziach do testów A/B.

---

## Część 2: Prompty do narzędzi AI

Poniżej znajdują się gotowe polecenia do narzędzi AI (ChatGPT, Claude, Gemini), które pomogą wdrożyć powyższe zasady. W miejscach w nawiasach kwadratowych `[WSTAW TUTAJ...]` wklej odpowiednie treści.

### 1. Spójność i "Zapach Informacji"
*Cel: Upewnienie się, że reklama i strona mówią tym samym językiem.*

**Prompt:**
> "Działaj jako ekspert od optymalizacji konwersji (CRO). Przeanalizuj poniższe dwa teksty pod kątem zasady 'Zapachu Informacji' (Information Scent).
>
> 1. Treść mojej reklamy/linku: `[WSTAW TREŚĆ REKLAMY]`
> 2. Nagłówek i pierwszy akapit mojego Landing Page: `[WSTAW NAGŁÓWEK I TEKST]`
>
> Czy istnieje dysonans poznawczy? Czy użytkownik po kliknięciu w reklamę od razu wie, że trafił w dobre miejsce? Wypunktuj 3 konkretne zmiany w nagłówku strony, aby idealnie pasował do obietnicy z reklamy."

### 2. Struktura i "Mniej znaczy więcej"
*Cel: Usunięcie rozpraszaczy i poprawa hierarchii wizualnej.*

**Prompt:**
> "Oto lista wszystkich elementów, które znajdują się obecnie na moim Landing Page'u: `[LISTA ELEMENTÓW, NP. MENU GÓRNE, LINKI DO SOCIAL MEDIA, DŁUGI TEKST O HISTORII FIRMY, FORMULARZ, STOPKA Z LINKAMI]`.
>
> Opierając się na zasadzie 'Mniej znaczy więcej' i regule Pareto (80/20), wskaż mi:
> 1. Które elementy są zbędnymi 'rozpraszaczami' i powinny zostać usunięte, aby nie odciągać uwagi od głównego celu (konwersji)?
> 2. Które elementy powinny znaleźć się 'Above the Fold' (w widocznej części ekranu), aby użytkownik nie musiał przewijać?
> 3. Jak uprościć nawigację, aby prowadziła tylko do celu?"

### 3. Architektura Informacji i "The Matrix"
*Cel: Upewnienie się, że użytkownik otrzymuje odpowiednie wsparcie na każdym etapie.*

**Prompt:**
> "Chcę stworzyć przepływ użytkownika zgodny z koncepcją 'The Matrix' (zapewnienie odpowiedniego wsparcia na każdym etapie). Moim celem jest `[NP. SPRZEDAŻ KURSU / ZAPIS NA NEWSLETTER]`.
>
> Przeanalizuj moją obecną ofertę: `[OPIS OFERTY]`.
>
> Zaproponuj strukturę strony, która odpowiada na pytania użytkownika w logicznej kolejności:
> 1. Świadomość (Gdzie jestem? Co to jest?)
> 2. Zainteresowanie (Dlaczego mnie to obchodzi?)
> 3. Pożądanie (Dlaczego to jest lepsze od innych?)
> 4. Akcja (Co mam zrobić?)
>
> Dla każdego etapu zaproponuj jeden element 'uspokajający nerwy' (np. dowód społeczny, gwarancja)."

### 4. Copywriting i Budowanie Zaufania
*Cel: Przełamanie wahania użytkownika.*

**Prompt:**
> "Mój Landing Page ma na celu `[CEL STRONY]`. Użytkownicy często wahają się przed kliknięciem przycisku CTA z powodu `[OBRAWA, NP. CENY, SPAMU, BRAKU CZASU]`.
>
> Napisz 3 warianty sekcji budującej zaufanie (Trust Elements), która znajdzie się tuż obok przycisku CTA. Wykorzystaj techniki takie jak:
> - Dowód społeczny (Social Proof)
> - Gwarancja bezpieczeństwa
> - Rozwiewanie obiekcji
>
> Styl ma być profesjonalny, ale bezpośredni."

### 5. Generowanie pomysłów na testy A/B
*Cel: Znalezienie zmian o największym potencjale (High Impact).*

**Prompt:**
> "Chcę przeprowadzić test A/B mojego Landing Page'a. Zamiast testować drobne zmiany (jak kolor przycisku), chcę przetestować radykalnie inną koncepcję (Variable Cluster), aby uzyskać wyraźny wynik.
>
> Mój obecny nagłówek to: `[OBECNY NAGŁÓWEK]`.
> Moja obecna oferta to: `[OBECNA OFERTA]`.
>
> Zaproponuj 3 radykalnie odmienne warianty podejścia do tej strony (np. zmiana skupienia z cech produktu na korzyści emocjonalne, zmiana modelu cenowego, drastyczne skrócenie treści)."

### 6. Master Prompt (z plikiem)
*Jeśli korzystasz z modelu, który pozwala na wgranie pliku.*

**Prompt:**
> "Wgrywam plik z wytycznymi dotyczącymi optymalizacji Landing Page'y. Działaj jako surowy audytor zgodny z tymi zasadami.
>
> Poniżej wklejam treść mojego obecnego Landing Page'a (lub przesyłam jego screenshot):
> `[WKLEJ TREŚĆ LUB OBRAZ]`
>
> Przeprowadź audyt w oparciu o wgrany plik. Skup się na:
> 1. Czy strona spełnia zasadę 'Zapachu Informacji'?
> 2. Czy CTA jest wystarczająco wyizolowane i kontrastowe?
> 3. Czy nie ma zbyt wielu linków wychodzących (leaky bucket)?
> 4. Wskaż 3 najważniejsze rzeczy do zmiany, które dadzą największy zwrot (zgodnie z zasadą Pareto)."