Expert Flow / Marketing Skiccfüzet
W
Főoldal/Weboldal/Főoldal
WEBOLDAL · 02 / 46

Főoldal anatómia

Az első benyomás. 5 másodperc alatt eldől, hogy a látogató tovább megy-e. Top bar, hero, 3 service preview, vélemény, CTA, footer.

Modul 02 / 46 Weboldal Kezdő

Hogyan épül fel?

A Főoldal az első benyomás: 5 másodperc alatt eldől, hogy a látogató tovább megy-e vagy bezárja a tabot. Egy szolgáltató szakértő vállalkozónak (ügyvéd, könyvelő, coach, fotós, ingatlanos, orvos) ez az indulópont — ha most építed az első weboldalad, vagy egy zsúfolt régi főoldalt akarsz egyszerűsíteni, ezzel kezdj.

A 6 építőelem sorrendben: top bar (logó + 4 menüpont + 1 felhívás-gomb (CTA) — „CTA — felhívás cselekvésre", azaz a fő gomb), hero („hero — a böngészőablak látható felső része görgetés nélkül, az első képernyő": 1 mondatos pozícionálás + alcím + elsődleges CTA), 3 szolgáltatás-preview kártya, 1-2 vélemény (testimonial), záró CTA-blokk, footer. Azért működik, mert a látogató lineárisan görget: a hero rögtön megválaszolja a „mit csinálsz, kinek?" kérdést, a 3 kártya megmutatja a választékot túltolás nélkül, a vélemény bizalmat ad, a záró CTA pedig akkor kapja el, amikor már meggyőzted.

Magyar piaci specifikum: a hero-ban kerüld a túl kreatív, homályos szlogeneket („Megoldjuk az életed") — a magyar látogató az elsőre érti, mit kínálsz, vagy elnavigál. Tipikus hiba: 8-10 szekciós főoldal stock fotókkal, animációkkal, lassú betöltéssel — maradj a 6 építőelemnél, az alapokat töltsd meg tartalommal először.

Konkrét magyar példa — könyvelő iroda: a hero H1 (a hero szekció főcíme, a legnagyobb cím az oldalon) lehet „NAV-mentes hónapok kisvállalkozóknak — 18 év, 240+ ügyfél, mindig határidőre". Alcím: „Kettős könyvvitel, ÁFA, bér, OEP — egy fix díjért, hónapról hónapra." A 3 service preview kártya: „Havi könyvelés (39 e Ft-tól)", „Bér + járulék (12 e Ft / fő)", „Cégalapítás (egyszeri 65 e Ft)". Trust-stripben (bizalom-sávban: csillag-rating + ügyfél-szám + tagság): kamarai (MKVK) tagság-szám, IFRS-tanúsítvány, 2 ügyfél-logó (KKV-kategóriából, anonimizáltan ha kell). Záró CTA: „Foglalj 20 perces díjmentes konzultációt" — Cal.com beágyazva.

Második példa (személyi edző): Szabó Márk személyi edző, hero H1: „Visszakapod a formádat 12 hét alatt — 35+ irodai dolgozóknak". Alcím: „Heti 2x 50 perc edzés + személyre szabott étrend, online kísérettel." A 3 service preview kártya: „Online 12 hetes program (89 e Ft)", „Heti 1x személyes edzés (24 e Ft/alkalom)", „Felmérés + étrend (egyszeri 39 e Ft)". Trust-strip: sport-tudomány MA végzettség, 180+ ügyfél, MTSZ-regisztráció. Záró CTA: „Foglalj 30 perces ingyenes felmérést" — Cal.com beágyazva.

Mit kell tudnod erről az oldalról?

Mire való?

A Főoldal a látogatóid ELSŐ benyomása. NEM önmagában értékesít — az a feladata, hogy 5 másodpercben tudják, MIT csinálsz, és tovább menjenek a megfelelő alá-oldalra (Szolgáltatások a részletekért, Kapcsolat a foglalásért, Rólam a bizalomért).

Főrészek a rajzon (felülről lefelé)

Mikor pont ezt használd?

Mikor NE ezt válaszd?

Leggyakoribb hibák

Konverziós mérőszám (KPI) — mit mérj?

(Benchmark — akkor mérd, ha már van legalább 100 havi látogatód vagy 50 feliratkozód; addig csak forgalom-építésre figyelj.) Bounce rate (visszafordulási arány): 50–70% normál. Az érdeklődők átkattintanak a Szolgáltatások (30–50%) vagy a Kapcsolat (5–15%) oldalra. Mérd: melyik szekció után fordulnak vissza (= ott unalmas / zavaros). Hero CTA klikk-arány: 5–15% jó.

AI Prompt sablon

Másold AI ügynöknek

Ez a sablon ezt a modult építi fel a saját vállalkozásodra. Töltsd ki a {{placeholder}} változókat, és add át egy AI ügynöknek (Claude, GPT, Gemini).

Te egy magyar konverzió-orientált copywriter és webdesigner vagy magyar mikrovállalkozói kontextusban (ügyvéd, könyvelő, ingatlanos, coach, fotós, orvos, tréner). Segítsd a felhasználót megépíteni a saját Főoldalának anatómiáját, amely 5 másodperc alatt eldönti, hogy a látogató tovább megy-e.

VÁLLALKOZÁS KONTEXTUS (a felhasználó tölti):
- Iparág: {{iparag}}
- Ideális ügyfél (ICA): {{ica}}
- Fő ajánlat: {{ajanlat}}
- Átalakulás vagy eredmény: {{atalakulas_vagy_eredmeny}}
- Megkülönböztető érték (USP): {{usp}}
- 3 fő szolgáltatás: {{szolgaltatasok}}
- Tipikus ügyfél kifogások: {{tipikus_kifogasok}}
- Hivatalos cím / kamarai tagság (ha van): {{szakmai_cim}}

FELADAT — Főoldal-anatómia 7 szekcióban:
1. Top bar — logo, navigáció (4-5 link), elsődleges CTA gomb 3 ALTERNATÍVA
2. Hero — H1 értékígéret (1 mondat, eredmény-fókusz, 3 ALTERNATÍVA), H2 alcím (a kifogást előre leszereli), elsődleges + másodlagos CTA, vizuális javaslat
3. 3 service preview — szolgáltatásonként 1 cím + 1 mondat eredmény-leírás + 1 link
4. Bizalom-elem — szakmai cím (Dr., okl., MÜK / NAV / Kamara tagság), 2-3 ügyfél-logo
5. Kiemelt testimonial — magyar név, pozíció, mérhető eredmény (mértéktartás, nincs túlzás)
6. Záró CTA szekció — egyetlen fókuszált felhívás (kockázatcsökkentett, „Ingyenes" / „Nincs kötelezettség")
7. Footer — kapcsolat, social, GDPR + Adatkezelés + Süti + Impresszum link

OUTPUT:
- Markdown szekciók sorrendben, magyar szöveg
- 3 ALTERNATÍV headline + 3 ALTERNATÍV elsődleges CTA javaslat
- Iparág-specifikus példa: ügyvéd → „Cégindítás 14 nap alatt"; könyvelő → „NAV-mentes hónapok"; ingatlanos → „45 nap alatt eladva"; coach → „90 napos transzformáció"; fotós → „2 órás fotózás, 48 óra szállítás"; orvos → „Várólista nélkül"; tréner → „12 hét alatt -8 kg"
- Magyar piaci specifikum: GDPR, mértéktartó számok, magyar szkepticizmus kezelése, kamarai tagság trust-elemként

TE JÖSSZ — válaszolj 3 kérdésre:
1. Mi az 1 mondatos eredmény, amit az ügyfeled 30-90 napon belül lát?
2. Melyik a top 1 kifogás, amit a hero alcímében előre le kell szerelni?
3. Milyen szakmai cím / tagság / ügyfél-logo szerepelhet a trust-stripben?

NE ÍRD meg a teljes copyt — szekcióvázlatot adj 3 alternatívával minden főelemre.

Hasznos források

EXPERT FLOW ÖKOSZISZTÉMA

Tanulj a többi anyagból is