Pánácz Design Blog
Hogy épül fel egy landing oldal?
Ahogy az a legtöbb dologról elmondható, a landing oldal tervezés során sem kell újra feltalálni a kereket. Tehát vannak olyan jól bevált, kitapasztalt dolgok, amik segítségével kialakíthatjuk az oldalunk felépítését. Ebben a bejegyzésben azt fejtem ki, hogy mely részekből és milyen sorrendben lehet érdemes összeállítani egy landing oldalt.
1. Hajtás feletti rész
A hajtás feletti rész az oldalunk felső része, ami görgetés nélkül egyből látható. Mivel ezzel találkozik először a látogató, így nagyon fontos, hogy felkeltse a figyelmét és a lehető legrövidebb, legérthetőbb módon összefoglalja az oldal feladatát, célját, értékadását.
Tipikusan az alábbi elemeket tartalmazza:
- Főcím
- Alcím / Rövid szöveg
- CTA, azaz cselekvésre ösztönző gomb
- Témához illő grafika
A Landing Pro oldalán is megfigyelhetőek a hajtás feletti rész elemei
2. Probléma tudat felkeltése
Ebben a részben a lényeg, hogy ismerjen magára a látogató. Tudatosítsuk benne, hogy ő is abban a kellemetlen állapotban van, amire mi megoldást kínálunk. Ha a marketingünk jól működik, akkor olyan emberek érkeznek az oldalunkra, akiknek szüksége van a szolgáltatásunkra, termékünkre. Tehát a cél, hogy tudatosítsuk a problémát és vágyat keltsünk ennek a megoldására.
3. Probléma megoldása
Miután már adott a probléma jöhet a megoldás. Mutassuk meg, hogy a jelenlegi kellemetlen helyzetből, hogy kerülhet a vágyott helyzetbe a mi megoldásunkkal.
Példa: Áruljunk például egy vitamin készítményt a landing oldalunkon. A probléma tudat felkeltése lehetne, hogy rámutatunk, hogy “Ön is gyakran fáradt vagy rossz kedvű?” vagy “Fél hogy elkap egy betegséget?”. Tehát felvázoljuk, hogy milyen kellemetlen lehet ha nem visz be az ember megfelelő mennyiségű vitamint. Aztán a megoldás részhez megmutathatjuk, hogy a mi vitamin készítményünkkel az előbb említett problémák megoldódnak.
4. Előnyök
Ha már tudja a látogató, hogy mi a megoldásunk a problémájára, még meg kell győznünk, hogy valóban a mi ajánlatunkra van szüksége. Ehhez részletesen felsorolhatjuk az előnyöket. Aprólékosan leírhatjuk a kívánt állapotot.
Az előbbi példát tovább görgetve, a vitamin esetében például részletesen leírhatjuk, hogy miből mennyit tartalmaz és ezeknek az összetevőknek köszönhetően milyen pozitív hatásokra számíthat a vásárló. Milyen lesz az “új élete” miután hosszú távon szedi a terméket.
5. Bizalomépítés
Tegyük fel, hogy meggyőztük a vásárlót, hogy a mi termékünkre / szolgáltatásunkra van szüksége. Ekkor még mindig sok kétely merülhet fel, ami megakadályozhatja a vásárlást:
- Mi van, ha csak átverés?
- Mi van, ha rosszul döntök és később megbánom?
A jogosan felmerülő bizalmatlanságot semlegesítenünk kell. Erre az alábbi tartalmakat használhatjuk:
- Korábbi vásárlók pozitív visszajelzései
Itt fontos, hogy minél hitelesebb legyen. Tehát lehetőleg teljes névvel, fényképpel, pár sor szöveggel jelenjen meg 1-1 értékelés. Ha csak annyi van ott, hogy Béla 5 csillagra értékelte, akkor ez még nem túl meggyőző. Illetve az értékelések szám is fontos. Mindenki szívesebben vesz egy olyan terméket amit már sokan próbáltak és értékeltek jónak. - Garancia, kipróbálási idő
Ez függ az adott terméktől, szolgáltatástól. Szolgáltatás esetén például mondhatjuk, hogy az első hónap ingyenes, így kockázat nélkül kipróbálható. Termék esetén is vannak kötelező visszaküldési lehetőségek. De akár ezen felül is vállalhatunk egyéb garanciákat. A lényeg, hogy a vásárló ne érezze visszafordíthatatlan döntésnek a vásárlást, így könnyebben szánja rá magát. (Nyilván a fent leírtakhoz az is fontos, hogy a termékünk / szolgáltatásunk jó legyen, de ez az alapja az egésznek) - Gyakran ismételt kérdések
Egy ilyen GYIK szekcióba össze írhatjuk, hogy mik lehetnek azok a kérdések, amik felmerülhetnek még a potenciális vásárlóban. Majd idővel, ahogy ezeken kívül érkeznek kérdések, azokkal is bővíthetjük.
6. Cselekvés
Végül, amikor már minden kétséget elűztünk, kell, hogy leírjuk, hogy mit kell tennie a vásárláshoz / ajánlatkéréshez / regisztrációhoz vagy egyéb feladathoz, ami az oldal célja. Habár ez a rész tipikusan az oldal alja fele található, az oldalon több gombot is elhelyezhetünk, amire kattintva erre a részre ugrunk.
7. Halogatás elkerülése
Sok esetben ha meg is győztük a látogatót, fontos lehet, hogy ne essen a halogatás csapdájába. Adjunk egy határidőt. Például, az adott akciós ár csak 5 napig érvényes. Vagy ha most rendeli meg, akkor 10%-ot elengedünk. Ezeknek a trükköknek az összegyűjtésére egy külön bejegyzést is lehetne szánni (és lehet majd szánok is), de a lényeg, hogy nagyban növelheti a konverziót, ha érzi a látogató, hogy most kell lecsapni az ajánlatra.
Tehát egy ilyen “sablon” mentén átgondolva sokkal egyszerűbb dolgunk van, ha a landing oldal felépítését tervezzük. Persze ez csak a tartalomra vonatkozik, legalább ennyire fontos, hogy az oldal megjelenése is azt tükrözze, hogy egy minőségi, megbízható “eladóról” van szó.
Hogy tetszett ez a bejegyzés?
További bejegyzések
Admin felület egyedi fejlesztéshez - Filament
A Filament nevű admin csomag bemutatása és ezen keresztül betekintés az egyedi fejlesztés világába és néhány tévhit eloszlatása.
Egyedi webalkalmazás (SaaS) fejlesztése - Optify Fitness esettanulmány
Egyedi fejlesztésű online szolgáltatás készítésének esettanulmánya az ötlettől az élesítésig.
Mitől függ egy bemutatkozó weboldal ára - Árkalkulátorral
Milyen szempontok befolyásolják egy weboldal elkészítésének az árát? Ezeket igyekeztem összeszedni és készítettem egy kalkulátort is.
A data36 redesign-jának esettanulmánya
Mester Tomi data36 nevű, adatelemzéssel foglalkozó oldalát terveztem újra. A teljes folyamat, előtte-utána képek és Tomi véleménye is a bejegyzésben.
Hogy dolgozom szabadúszó webfejlesztőként?
Egyedi fejlesztés, egyedi webdesign alapján. Ahogy én csinálom.
1,5 év szabadúszóként
2021. március 1-én kezdtem bele az egyéni vállalkozásomba, a Pánácz Design-ba. Összeszedtem, hogy mi történt az eltelt másfél évben.
Milyen szoftvereket használok szabadúszó webdesignerként?
Ebben a bejegyzésben azt szedtem össze, hogy milyen szoftvereket, szolgáltatásokat használok szabadúszóként a munkámhoz.
1 perc, 10 perc, 1 óra kihívás - VIDEÓVAL
Webdesign készítés 1 perc, 10 perc és 1 óra alatt. Az egész folyamatot megnézheted egy YouTube videón keresztül is.
Redesign koncepció: legnagyobbvallalkozas.hu
Több helyen is kritizálták a legnagyobbvallalkozas.hu weboldal design-ját, ami az üzenete fényében érthető. Megterveztem, hogy szerintem hogy kellene kinéznie.
Redesign - Hogy csinálják a nagyok?
Netflix, Spotify, Dropbox és további nagy internetes cégek oldalai is folyamatosan változnak. Nézzük meg, hogy 2 év alatt milyen módosításokat csináltak.
Redesign koncepció: A minner.hu újratervezése
A redesign, azaz egy oldal újratervezése, újrarajzolása bizonyos időközönként szükséges lehet, mivel változnak a trendek, a technológia, a fogyasztói szokások stb.
Esettanulmány: Torma Valentin új weboldala
Torma Valentin az egyik legnépszerűbb magyar fitnesz YouTuber, így több tízezer emberhez jut el a videói által. Ebből a blogbejegyzésből megtudhatod, hogy készült el az új weboldala.
1 perc, 10 perc, 1 óra kihívás - Mennyi munka van egy webdesign-nal?
Webdesign készítés 1 perc, 10 perc és 1 óra alatt. Mennyi munka van egy design-nal és miért kerül annyiba amennyi? Ezekre a kérdésekre igyekszem válaszolni.
Animációk a weboldalon: Gagyi - Menő, Zavaró - Hasznos
Ebben a bejegyzésben a weboldalakon használt animációkat csoportosítom, elemzem. Melyek azok, amik elérik a kívánt hatást, és melyek azok, amik egyenesen rontják a felhasználói élményt?
“Olyan weboldalt szeretnék, mint az Apple-é!” Biztos?
Gyakran hallani a címben szereplő idézetet ügyfelektől, amikor az első egyeztetésekre kerül sor az oldaluk design-jának kialakításáról. Nézzük meg mi a gond ezzel a kijelentéssel és mire gondolhatnak igazából?
Első napom szabadúszóként
A saját vállalkozás elindításának egyik legnagyobb kérdése talán az volt, hogy honnan lesznek ügyfeleim? Hogy jutok majd el azokhoz az emberekhez, akiknek az én szolgáltatásomra van szüksége? Több ötletem is volt, ezekből kettőt az első nap el is sütöttem.
Hírlevél
Iratkozz fel a hírlevélre, így biztosan nem maradsz le az új bejegyzésekről!