Mit tegyünk a weblapra?
Elérkeztünk az utolsó fejezethez. Ha már ide eljutottál, bizonyára kezd összeállni a kép arról, hogy milyen tartalmaid lehetnek, valamint mi az, amit ki fogsz tenni a weboldaladra. Már csak az a kérdés, hogy hogyan? Ebben a fejezetben erről lesz szó. Összerakjuk a megalkotott gondolatokat egy komplett weblappá.
Hogyan épül fel a weblap?
Akár te kezded el magadnak összerakni, akár profira bízod, a leendő weboldalad alábbi négy elemére mindenképpen oda kell figyelned, ezeket kell egyeztetned a weboldalad készítőjével.
- Tartalom: mit mondj a weblapodon?
- Struktúra: amit mondasz, hogyan és hol helyezkedjen el az oldalon?
- Technikai felépítés: milyen kód vagy keretrendszer fut a háttérben?
- Design: a kinézet és a felhasználói élmény, vagyis az első benyomás.
Mire ehhez a fejezethez értél, valószínűleg már van elképzelésed a tartalomról. Ha nincs, érdemes ezzel foglalkoznod, mielőtt belevágsz a weblap tervezésébe.
Tehát hogyan is érdemes megtervezned a weboldaladat?
Mit, mi után és hogyan helyezz el rajta?
A főmenü
A menü ideális esetben az oldal tetején helyezkedik el, ahol a látogatók elsőre keresni fogják.
Steve Krug már 2008-ban kimondta: „Ne törd a felhasználód fejét!”
Ez azt jelenti, hogy legyen minden olyan egyszerű és konvencionális, amennyire csak lehet, hogy ne kelljen a felhasználódnak több energiát belefektetnie az egyes dolgok megtalálásába, mint amennyit nyerhet vele.
Ami a menüpontok számát illeti, lehetőleg tartsd hét alatt! Ennél több könnyen „túl sok” érzetet kelthet, és elveszíthetik a látogatóid a fonalat.
Ha hétnél több aloldalad van (valószínűleg lesz is, ahogy a weboldalad növekszik), akkor ezeket almenükben, vagy a jelenlegi menüpontok alpontjaiban helyezheted el legördülőként.
A fő menüpontok, amelyeket az emberek ismernek és már megszoktak:
- Főoldal
- Rólunk/Rólam
- Szolgáltatások
- Blog
- Kapcsolat
Egy üzleti weboldalnál nem érdemes túl kreatívnak lenni, mint például a „Jómagam”, „Igyunk egy kávét”, „Tollvonásaim”… stb., mert a látogatóid nem ezt szokták meg.
Lehetsz kreatív a weboldalon – sőt, legyél is! Viszont ez ne menjen a felhasználói élmény rovására!
Következőben jöjjön a weboldalad kirakata!
A kezdőlap
Manapság az a legcélszerűbb, ha a honlap teljes szélességű, egymás alatt elhelyezkedő sávokkal rendelkezik, amiket lehet görgetni. Kerüld az oldalsáv használatát a kezdőlapon, mert elviszi a fókuszt a célról.
A kezdőlap ideális esetben a webhelyed többi fontos oldalának a kivonatát tartalmazza. Az alábbi elemeket jelenítsd meg rajta:
1. szakasz: kép Rólad és a vállalkozás fő üzenete
Az első benyomás a legfontosabb. Feltételezhetően azonnal meg akarod ragadni az emberek figyelmét, ezért a kezdőlapod első blokkja a legfontosabb része a weblapodnak.
Ez a blokk már azelőtt látható, mielőtt az emberek elkezdenének görgetni, ezért itt olyasmit kell mutatnod, ami világossá teszi számukra, mivel foglalkozol és kinek szánod azt.
Használj egy rövid kulcsmondatot, és mindenképpen legyen itt egy kép rólad vagy a céged legjellemzőbb tevékenységéről! A potenciális ügyfeleid látni akarják, hogy kivel fognak dolgozni, kiben bíznak meg. Szóval ne légy szégyenlős!
Törekedj arra, hogy az üzenet érzelmeket váltson ki a látogatódból és felismerje benne a saját megoldandó problémáját! Valami olyasmi szólaljon meg benne, hogy „Ahhhhaaaa, én is pont ebben vagyok”, vagy az, hogy „Igen! Pontosan erre van szükségem”.
2. és 3. szakasz: Rólam és Szolgáltatások
A következő két szakasz legtöbbször rólad szól, de ez lehet „Rólunk" is, ha többen vagytok. A lényeg, hogy rövid legyen - egy-két mondat - , és egy „Részletek” gomb navigáljon a teljes „Rólam” oldalra. Ide jöhet még egy rövid áttekintés a szolgáltatásaidról (lásd lejjebb a Szolgáltatás oldalról szóló részt).
Ha csak egy szolgáltatásod van, írj róla egy keveset a kezdőlapon, majd helyezz el egy „Részletek” gombot, amely a szolgáltatás részleteit tartalmazó teljes oldalra hivatkozik.
Ennek a két szakasznak a sorrendje tőled függ, illetve attól, hogy mennyire fontos a személyes jelenléted. A következőkben kibontom részletesen.
Rólunk/Rólam blokk Ez egy rövid bemutatkozás, aminek a lényege, hogy mit kap az ügyfél tőled, amikor felveszi veled a kapcsolatot. Legyen itt egy „Részletek” gomb, ami elviszi a látogatót a bemutatkozó aloldaladra!
Szolgáltatásaid áttekintése
Kép vagy ikon, a szolgáltatás neve és a rövid, körülbelül egymondatos bemutatója. Ez a blokk is tartalmazzon „Részletek” gombot minden egyes szolgáltatásleíró blokknál, ami a szolgáltatás részletesen kibontott oldalára vezet!
4. szakasz: Ajánlások
Ha vannak ügyfélvisszajelzéseid, esetleg dolgoztál olyan cégeknek, melyeket szívesen használsz referenciának, ehhez a részhez jöhetnek. A javasolt elrendezés lehet három oszlop, ami sliderként lapozható, de lehetnek dobozok, esetleg listaszerű megjelenítéssel egymás alatt.
5. szakasz: Call To Action (CTA), azaz felhívás cselekvésre
CTA, azaz a cselekvésre való ösztönzés. Mit szeretnél, mit tegyenek a látogatóid? Természetesen azt, hogy vegyék fel veled a kapcsolatot, tehát legyen konverzió, ugye?
Könnyítsd meg a számukra, mit tegyenek, hogy kapcsolatba tudjanak lépni veled!
Ez lehet időpontfoglalás, kapcsolatfelvételi gomb, vagy akár egy anyagod letöltésére mutató link is. Fontos, hogy a weboldaladnak mindig legyen célja. Ezt a célt hivatott elérni a CTA gomb.
Ha a látogatód a kezdőlapodon kívül más aloldalt nem is néz meg, akkor is világos képet kell kapnia arról, hogy mivel foglalkozol, kit akarsz megszólítani, milyen problémát vagy hivatott megoldani, miért érdemes veled dolgozni, illetve hogyan léphet kapcsolatba veled.
A következőkben nézzük meg, hogyan nézhetnek ki a további aloldalaid!
A Rólam/Rólunk aloldal
Győződj meg arról, hogy a Rólad szóló aloldalon van egy kép, amin jól látszik az arcod! Legalább egyet, de optimálisabb, ha több képet is mutatsz magadról. Az emberek szeretik a képeket, és ha látnak rólad fotót, hamarabb megbíznak benned.
Érdemes megfontolnod azt is, hogy a tartalomba illesztesz ajánlásokat, valamint az oldal végére ne felejts el cselekvésre ösztönző (CTA) gombot tenni!
Ha sok szöveged van, mutatok néhány ötletet arra, hogyan rendezheted el az oldaladon. Néhány általam használt „trükk” a következő:
- elválasztó blokkok és alcímek a szöveg szakaszokra bontásához,
- különböző betűtípus és szín a címsoroknál,
- listák és bulletpontok, amikor annak látod értelmét,
- félkövér szöveg vagy más betűszín az általad fontosnak talált kifejezésekhez – azokhoz, amelyeket feltétlen el akarsz olvastatni a látogatóiddal,
- vízszintes elválasztó vonalak,
- releváns idézetek beillesztése a szöveg közé,
- szöveg elhelyezése dobozokban (ehhez szükséged lesz minimális html/css ismeretre, hacsak nem használsz olyan oldalépítőt, mint az Elementor vagy a Divi)
A Szolgáltatások aloldal
Attól függően, hogy mit kínálsz az ügyfeleidnek, érdemes létrehozni egy egyszerű áttekintést a szolgáltatásaidról – például dobozokban bemutatva.
A dobozos ötlet jól működik, ha több szolgáltatásod van. Kattintáskor minden egyes doboz külön oldalra visz, amely az egyes szolgáltatások részleteit magyarázza el.
Ha csupán egy szolgáltatásod van, akkor lehet, hogy több értelme van csak egy „Dolgozzunk együtt” című aloldalnak, ahol kibontod a szolgáltatásod és végigvezeted az oldal látogatóit azon, hogy hogyan tudsz segíteni és hogyan veheti fel veled a kapcsolatot.
A Blog listaoldal
Ez az oldal minden esetben egy listaoldal, ami vagy tényleg lista elrendezésben vagy dobozos elrendezésben mutatja meg a weblapod blogbejegyzéseit a látogatóidnak. Ezek a dobozkák kattinthatóak, majd kattintás után elvisznek a teljes blogbejegyzésre.
Aki egy bizonyos területnek a szakértője, és erre épített szolgáltatást kínál, elengedhetetlen a szakértői jelenlét különböző platformokon. Ez lehet YouTube videoblog, podcast csatorna vagy akár a blogcikkek írása is.
Azt használd, amelyiken a leghitelesebben és legkomfortosabban tudod képviselni a szakértelmedet! Azt viszont használd!
Végül, de nem utolsó sorban:
A Kapcsolat oldal
A Kapcsolat oldalad felhasználását illetően a lehetőségeid korlátlanok.
Minél letisztultabb a kommunikáció, annál jobb, és az ügyfél számára is annál egyértelműbb, hogyan érhet el téged. Éppen ezért többnyire egy telefonszámot, e-mail címet és kapcsolat űrlapot szoktam javasolni. Viszont van olyan, aki a közösségi médián vagy egyéb üzenetküldő alkalmazáson keresztül szeret kapcsolódni, így ki lehet tenni ide bármelyik olyan csatornát, ahol várod a látogatóidtól a megkereséseket.
Ha fizikai helyszínen vagy elérhető, legyen az telephely vagy iroda, akkor érdemes egy térképes elérhetőséget is feltüntetni a weblapodon.
Ha például coachként egy első ingyenes konzultációt kínálsz, célszerű ezt is feltüntetned a Kapcsolat oldaladon. Amit pedig már többször említettem, érdemes megfontolni az arcképed elhelyezését ezen az oldalon is, hogy ezzel is erősítsd a bizalmat.
Látod? Nem is olyan bonyolult a weblapod felépítése. Ha az olvasottak alapján elkezded magadnak felrajzolni a weboldalad térképét, az hatalmas segítség lesz a webfejlesztődnek is, akit megkeresel az elkészítésével.
Ha pedig úgy döntesz, velünk akarsz együtt dolgozni, keress minket bátran a businessbloom.consulting weboldalon!
Nyomtatható munkalapok letöltése