PROFLOW Logo PROFLOW
Vissza a kurzushoz
5. Modul

Landing oldal szekció-struktúra (mobil-first, rövid)

A nyerő sorrend, amit nem változtatunk – így lesz gyorsan átlátható és konvertáló az oldal.

Cél

10–20 perc alatt legyen:

  • egy kész szekció-vázad (a teljes landing struktúra)
  • minden szekcióhoz 1 mondatos cél (miért van ott)
  • tudod, hova kell CTA és microcopy
  • tudod, mi az, amit ki kell hagyni (hogy ne legyen hosszú)

Alapszabály (jegyezd meg)

A jó landing oldal nem hosszú.

A jó landing oldal ütős.

Mobilon:

Kevesebb szöveg

Tömör, lényegre törő

Nagyobb betű

Könnyen olvasható

Gyors felismerés

3 mp alatt érthető

Sok CTA, kevés magyarázat

Cselekvésre buzdít

Teljes landing térkép

A nyerő szekciósorrend – végigvezetünk minden lépésen

1

HERO szekció

Megállítani a görgetést – headline + CTA

2

Social Proof

Bizalom építése azonnal

3

Problem / Agitate

Azonosulás – "ez rólam szól"

4

Solution + Unique Mechanism

Pozícionálás – mi a különbség

5

Benefits → Features

Eredmény vizualizálása (röviden!)

6

How it works

3 lépésben – bizonytalanság csökkentése

7

Mini FAQ

Kifogások eloszlatása

8

Záró CTA

Döntés – összefoglalás + biztonság

9

Footer (minimal)

Jogi + kapcsolat – semmi extra

A NYERŐ SZEKCIÓSORREND

(NEM VÁLTOZTATJUK)

1

HERO szekció (képernyő 70–80%)

Cél: megállítani a görgetést.

Tartalom:

  • Hero headline (érzelem + eredmény)
  • Subheadline (kinek + hogyan)
  • CTA gomb
  • Microcopy (kockázatcsökkentés)
  • Mini proof (1 sor)

Szabály:

Semmi más itt. Nincs hosszú szöveg, nincs "rólunk".

2

Social proof (azonnal a hero után)

Cél: "oké, ezek nem a levegőbe beszélnek".

Formák (válassz 1–2-t):

  • "X+ landing oldal készült"
  • "Vállalkozók használják"
  • "Hirdetésekhez optimalizált"

Szabály:

1–2 sor bőven elég.

3

Problem / Agitate blokk

Cél: azonosulás.

Felépítés:

  • 1 nyitó mondat
  • 3–4 konkrét fájdalom bullet
  • 1 tétmondat (mi az ára a problémának)

Itt a látogató azt mondja:

"igen, ez rólam szól"

Tipp:

A bullet pontok legyenek rövidek és konkrétak.

4

Solution + Unique Mechanism

Cél: pozícionálás.

Logika:

  • Mit próbálnak mások?
  • Miért nem működik?
  • Te mit csinálsz másképp?

Szabály:

Nem részletezünk. Nem tanítunk. Csak irányt mutatunk.

5

Benefits → Features (rövid!)

Cél: eredmény vizualizálása.

Sorrend:

  • 3 benefit (eredmény nyelven)
  • 1–2 feature (miért igaz)

Ne csináld:

Hosszú lista = unalom. Technikai részletek = kilépés.

6

How it works (3 lépés)

Cél: bizonytalanság csökkentése.

Példa:

  1. 1 Kéred az ingyenes sablont
  2. 2 Megnézzük, mire van szükséged
  3. 3 Eldöntöd, hogyan tovább

Szabály:

3 lépés elég. Ne legyen 7.

7

Objection handling + mini FAQ

Cél: kifogások eloszlatása.

Top kérdések:

  • Mennyi idő?
  • Kell-e fizetni?
  • Kötelez-e valamire?
  • Kinek nem való?
  • Mi a következő lépés?

Szabály:

Rövid válaszok. Nem védekezünk, magabiztosak vagyunk.

8

Záró CTA (összefoglalás + biztonság)

Cél: döntés.

Tartalom:

  • 1–2 mondatos összefoglaló
  • CTA gomb
  • Microcopy (kockázatcsökkentés)

Tipp:

Itt már "összegezhetsz", de röviden.

9

Footer (minimal)

  • jogi
  • kapcsolat
  • SEMMI extra link

Szabály:

Ne vidd el a figyelmet.

CTA elhelyezés

Hol legyenek gombok?

HERO-ban

Azonnali döntés lehetősége

Problem blokk után

Amikor a fájdalom már érződik

Solution / mechanizmus után

Amikor megértették a megoldást

Záró CTA-ban

Utolsó lehetőség a döntésre

Fontos szabály:

Mind ugyanoda mutasson.

Vizuális példák

Így nézhet ki gyakorlatban

Problem block mintakártya

Tudjuk, milyen, amikor a landing oldal órákba telik, de a hirdetés mégsem konvertál.

  • Túl sok szöveg, senki nem olvassa végig
  • Nem egyértelmű, mit kell csinálni
  • Mobilon szét van csúszva minden

Így minden befektetett idő és pénz kárba vész.

↑ 1 mondat + 3 bullet + 1 tétmondat

How it works – 3 lépés mintakártya

1

Regisztrálsz

30 másodperc, email cím

2

Válaszolsz 3 kérdésre

Mi a célod, kinek szól

3

Kész a landing

Publikálod vagy finomítasz

↑ 3 lépés, rövid, világos

Szekció-sablon (másolható váz)

Töltsd ki ezt 1:1-ben, és kész a struktúrád

Hero:

[Headline]
[Subheadline]
[CTA]
[Microcopy]
[Mini proof]

Proof:

[1–2 sor bizonyíték]

Problem:

[1 mondat]
- [bullet 1]
- [bullet 2]
- [bullet 3]
[Tétmondat]

Solution:

[Miért nem működik a megszokott?]
[Mi a te módszered? (1–2 mondat)]

Benefits:

- [benefit 1]
- [benefit 2]
- [benefit 3]
Features:
- [feature 1]
- [feature 2]

How it works:

1) [lépés 1]
2) [lépés 2]
3) [lépés 3]

FAQ:

K: [kérdés]
V: [rövid válasz]
(5 db)

Záró CTA:

[1–2 mondat összefoglaló]
[CTA]
[Microcopy]
Másold ki ezt a vázat, és töltsd ki a saját tartalmaiddal
Gyakorlat

Mini feladat

10 perc – checklist

Becsült idő: 10 perc
Audit

Gyors audit

Publikálás előtt – checklist

Ha igen → kész a váz.

Remek munka! 🎉

Most már van egy kész szekció-struktúrád, ami mobil-first és konverziós célzatú.
A következő modulban megmutatjuk, hogyan generálod le ezt LandingSite.ai-val.

Következő lépés:

Modul 6 – LandingSite.ai használata

Generálás + finomítás + mobil check lépésről lépésre

Vissza: Modul 4 Tovább: Modul 6
Vissza a modulokhoz
5 / 7 modul