Szolgáltatás-bemutató — landoló-anatómia

3 csomag + folyamat (4 lépés) + vélemény + CTA. Részletes változat — több szolgáltatást kínáló vállalkozónak.

Anatómia · szöveges vázlat — szakaszról szakaszra

Szolgáltatás-bemutató — landoló-anatómia

3 csomag + folyamat (4 lépés) + vélemény + CTA. Részletes változat — több szolgáltatást kínáló vállalkozónak (2-5 szolgáltatás) vagy csapatnak.

Top Bar (nav)

Foglalás

Navigáció + 1 CTA gomb.

Hero

Cég-pozícionálás (1 mondat). NEM részletes — csak kategória-ígéret.

3-5 service kártya

Tanácsadás

39 e Ft

Részletek

Megvalósítás

120 e Ft

Részletek

Folyamatos kísérés

390 e Ft / hó

Részletek

Ikon + cím + 1 mondat + ár-tól + Részletek link.

Folyamat

• 1. Felmérés — 30 perces ingyenes konzultáció
• 2. Stratégia + ajánlat — 3 napon belül testreszabott terv
• 3. Munka — heti review, kéthetente mérföldkő
• 4. Átadás — dokumentáció + tovább-vezetés

3-4 lépés: Felmérés, majd Munka, majd Átadás. Átláthatóvá teszi az együttműködést.

vélemény

— Kovács Anna, ANNA Kft.

1-2 vélemény konkrét eredménnyel és arccal.

CTA

Foglalj 30 perces hívást

Egy konkrét akció: foglalás / kapcsolat.

Footer

© 2026

AdatvédelemÁSZF

Minimum.

Hogyan épül fel?

Portfólió + ajánlat-rács: egyetlen oldalon 2-5 szolgáltatás-csomag összehasonlíthatóan. Ideális ha több szolgáltatást kínálsz (alap/premium/VIP), vagy egy csapatban több tagnak van saját szakterülete.

Anatómia:

• Hero: „mit csinálok és kinek"
• 3 csomag-kártya: Basic / Pro / Premium (ár-viszonyítási pont logikával)
• 4 lépéses folyamat-vizualizáció: felfedezés, majd terv, majd kivitelezés, majd review
• vélemény-szekció
• CTA

Pszichológia: middle-viszonyítási pont effektus — a legtöbben a középsőt választják, ezért azt árazd nyereségre. A folyamat-blokk csökkenti a „mi lesz, ha ez nem működik" bizonytalanságot.

Magyar piaci specifikum: itthon a tételes árak megosztóak — sok szolgáltató „ártól" jelöli vagy egyedi ajánlatra utal. A teljes átláthatóság viszont ma versenyelőny lehet (B2B SaaS-os logika).

Tipikus hiba: 7-8 csomag túl sok feature-rel — paralízist okoz, senki nem dönt. Stripe Payment Links integrációval a középső csomagból egy klikkel fizetés indítható.

Mit kell tudnod erről az oldalról?

Mire való?

A szolgáltatás-bemutató oldal a kínálat-portfolió áttekintésére szolgál. NEM önmagában értékesít — inkább navigációs hub: itt választanak ki a látogatók, melyik szolgáltatásra van szükségük, és aztán a részlet-oldalra mennek (vagy közvetlenül foglalnak).

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

• Top bar: navigáció
• Hero: cég-pozícionálás (1 mondat)
• 3-5 service card: ikon + cím + 1 mondat + ár-tól + „Részletek" link
• Folyamat: 3-4 lépés (Felmérés, majd Munka, majd Átadás)
• Vélemény: 1-2 vélemény
• Egy CTA: foglalás / kapcsolat
• Footer

Mikor pont ezt használd?

• Több szolgáltatást kínáló vállalkozó (pl. fotós: család, esküvő, üzlet)
• Csapat: ahol több tagnak van saját szolgáltatása
• Klasszikus weboldal-struktúra: ide vezet a Rólam oldal CTA-ja

Mikor NE ezt válaszd?

• Egytermékes vállalkozónál — felesleges, értékesítő oldal elég
• High-ticket konzultációhoz — ott egyenest a high-ticket landingre vidd
• Ha még nincs pontos szolgáltatás-portfólió — előbb tisztázd

Leggyakoribb hibák

• Túl sok csomag (5+) — döntésparalízis, senki nem választ
• Ár-tól nélkül — a látogató bizonytalan, tovább megy
• 5+ lépéses folyamat — túl bonyolult, eltántorít
• 3 különböző CTA a 3 csomaghoz — szétszórja a fókuszt

Konverziós KPI — mit mérj?

Konverzió a CTA-ra: 5–15% jó. Az oldalon átlag 1-2 perc tartózkodás (skin-böngészés). A 3 csomag közül a középső általában a legjobban teljesít — ezért is érdemes „ajánlott" badge-t tenni rá.

Mikor érdemes használni?

• Több szolgáltatás-kínálat (2-5)
• Csapat: több tag saját szolgáltatása

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 konverzió-fókuszú copywriter és UX szakértő vagy. Segítsd a felhasználót megépíteni egy Szolgáltatás-bemutató oldalt 3 csomag + folyamat (4 lépés) + testimonial + CTA struktúrával.

VÁLLALKOZÁS KONTEXTUS (a felhasználó tölti):
- Iparág: {{iparag}}
- Ideális ügyfél: {{ica}}
- 2–5 szolgáltatás vagy csomag: {{szolgaltatasok}}
- Árak: {{ar}}
- Megkülönböztető érték (USP): {{usp}}
- Munkamódszer / folyamat: {{folyamat}}

FELADAT — Részletes szolgáltatás-bemutató több csomagot kínáló vállalkozónak:
1. Hero: 1 mondatos ígéret + fő CTA
2. 3 csomag összehasonlító táblázat — „START / NÖVEKVŐ / PRÉMIUM" típus, „legnépszerűbb" jelölés
3. Folyamat / „Hogy dolgozunk" 4 lépésben (felfedezés — terv — kivitelezés — utánkövetés)
4. 2–3 testimonial saját szakmádból
5. GYIK 4–6 kérdéssel (ár, időtartam, garancia)
6. Záró CTA: konzultáció vagy közvetlen vásárlás

OUTPUT:
- Hero pozicionálás
- 3 csomag-név javaslat + főbb különbségek (3-3 bullet csomagonként)
- 4 lépéses folyamat-vázlat (1 mondat lépésenként)
- GYIK 4 kérdés-válasz vázlat
- CTA gomb szöveg
- Magyar piaci specifikum: ÁFA-s/ÁFA-mentes feltüntetés, kis-vállalkozói számlázás, szerződés/megállapodás említése trust-elemként

NE ÍRD MEG a teljes copyt — strukturált vázlatot adj. A 3 csomag tipológiája fontos: anchor + value + premium.

Hasznos források

• stripe.comStripe Payment Links — Hungarian setupCsomag-kártya gombok mögé Stripe Payment Link — kód nélkül, HUF/EUR támogatással.
• basecamp.comBasecamp — Pricing page (3-tier)Klasszikus 3-csomag struktúra ár-viszonyítási pont logikával — referencia szolgáltatók számára.
• cxl.comConversionXL — Pricing page best practicesA/B tesztelt pricing-page minták: csomag-szám, viszonyítási pont, FAQ pozíció, gomb-szöveg.

Heti feladat

Készítsd el a saját szolgáltatás-bemutató landingedet: 1 fő szolgáltatás + 1 árazás + 1 folyamat-leírás.

• Hero: 1 mondat „mit csinálok érted"
• 4-lépéses folyamat: 1. érdeklődés · 2. konzultáció · 3. ajánlat · 4. munka
• 1 CTA: „Foglalj konzultációt" Cal.com-mal