Hogyan épül fel?
A Szolgáltatás-bemutató oldal a portfólió + ajánlat-rács kombinációja: egyetlen oldalon mutatod be 2-5 szolgáltatás-csomagodat összehasonlítható módon. Ideális ha több szolgáltatást kínálsz (alap / premium / VIP), vagy ha egy csapatban több tagnak van saját szakterülete.
Anatómia: hero („mit csinálok és kinek" — a fold-felett, vagyis görgetés nélkül látható részben), 3 csomag-kártya (Basic / Pro / Premium ár-anchor logikával), 4 lépéses folyamat-vizualizáció (felfedezés → terv → kivitelezés → utánkövetés), testimonial-szekció és felhívás-gomb (CTA). A pszichológia: a 3-csomag struktúra middle-anchor (középső-horgony) hatást vált ki — 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ó inkább „ártól" jelöli vagy egyedi ajánlatra utal. A teljes átláthatóság viszont ma már versenyelőny lehet. Tipikus hiba: 7-8 csomag, túl sok elemmel — ez döntésparalízist okoz, kevesebb döntés helyett senki nem dönt. Stripe Payment Links vagy SimplePay/Barion integrációval a középső csomagból egy kattintásra fizetés indítható — magyar B2C ügyfél gyakran a Barionhoz szokott, B2B-nél a Stripe is elfogadott.
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 → Munka → Átadás)
- Vélemény: 1-2 testimonial
- 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 (csak egy fő szolgáltatás) — felesleges, egy értékesítési oldal elég
- High-ticket konzultációhoz — ott egyenest a 09. lecke szerinti foglaló oldalra vidd
- Ha még nincs pontos szolgáltatás-portfólió — előbb tisztázd, mit adsz el
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 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.) Konverzió a CTA-ra: 5–15% jó. Az oldalon átlag 1-2 perc tartózkodás (átfutós 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" jelvényt tenni rá.
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 (call-to-action — fő cselekvésre hívó gomb)
2. 3 csomag összehasonlító táblázat — iparághoz illő elnevezés (ügyvéd: ALAP / FOLYAMATOS / TELJES KÖRŰ; könyvelő: HAVI / NEGYEDÉVES / ÉVES; fotós: CSALÁDI / ESKÜVŐ / ÜZLETI; coach: TANÁCSADÁS / 12 HETES PROGRAM / VIP; ingatlanos: ÉRTÉKBECSLÉS / KÖZVETÍTÉS / TELJES KÖRŰ); „legnépszerűbb" jelölés a középsőn
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 Payment Links — Hungarian setup — Csomag-kártya gombok mögé Stripe Payment Link — kód nélkül, HUF/EUR támogatással.
- Basecamp — Pricing page (3-tier) — Klasszikus 3-csomag struktúra ár-anchor logikával — referencia szolgáltatók számára.
- ConversionXL — Pricing page best practices — A/B tesztelt pricing-page minták: csomag-szám, anchor, FAQ pozíció, gomb-szöveg.