A kezdőlap (vagy kezdőlap) tervezés a webhely első oldalának vizuális és szerkezeti kialakítása, amelyet a látogatók az oldal első felkeresésekor látnak. A kezdőlap kulcsszerepet játszik az oldal első benyomásának kialakításában, és segít a látogatóknak megtalálni a szükséges információkat, vagy tovább navigálni a forrásban.
1. Shopify Home Page Design
Mint sok más céloldal ebben a bejegyzésben, a mintacéloldal Shopify egyszerűvé teszi. Például a felhasználóközpontú címsor csak néhány szóból áll, és az oldal egyszerű felsorolásokra támaszkodik, nem pedig bekezdésekre, hogy közvetítse a próba részleteit és előnyeit. Csak néhány mezőt kell kitölteni, mielőtt elkezdené. Mindez megkönnyíti az online értékesítést az eszköz használatával.
2. Pofa Home Page Design
A céloldalak segítenek a felhasználóknak eldönteni, hogy az Ön terméke vagy szolgáltatása megéri-e az értékes idejüket és energiájukat. Mi lehet jobb módja annak, hogy világosan és közvetlenül közölje értékajánlatát, mint az, hogy a látogatókat az alkalmazás által megoldott problémával párosítja?
Az Instagram-kommentek egyre többet kapnak
SzájkosárA képernyőn megjelenő értesítéseket elnémító Mac-alkalmazás ezt teljesen lefedi mutasd meg anélkül, hogy elmondanád mentalitást a minimális nyitóoldalukon. Az oldal látogatóit kínos értesítések gyors tüze fogadja a képernyő bal felső sarkában. Az animáció nemcsak szórakoztató, de hosszas leírások nélkül is meggyőzően közvetíti az alkalmazás hasznosságát.
3. TransferWise kezdőlap tervezés
TransferWise lehetővé teszi, hogy több pénznemben küldjön és fogadjon pénzt, és az alább látható céloldala minden egyes műveletet lebont, így Ön nem vonja el figyelmét az Önre nem jellemző lehetőségektől.
Ha pénzt szeretne küldeni, akkor töltse ki az átutalási űrlapot. Pénz fogadásához egyszerűen lépjen a középső fülre, és a TransferWise-ra való feliratkozáshoz bankkártyájával lépjen a jobb szélső fülre.
Ezen a céloldalon minden lap létrehozza a sajátját cselekvésre való felhívás attól függően, hogy mire regisztrál – mindegyik egy élénkzöld kerettel, hogy kiemelje a következő lépést három lehetséges kiindulási pont után.
4. Airbnb kezdőlap tervezése
A látogatók házigazdává alakítása érdekében Airbnb csábító személyre szabást kínál: az átlagos kereset durva becslése az Ön tartózkodási helye alapján. A még személyre szabottabb értékelés érdekében további információkat írhat be a mezőkbe a lehetséges elhelyezéséről.
Ha már felkeresett egy oldalt, amelyről meggyőződött, az oldal tetején található egyértelmű cselekvésre ösztönzés megkönnyíti a helyszíni konvertálást.
5.Teambit
mókás Általában nem ez az első szó, ami eszünkbe jut, ha a HR-szoftverekre gondolunk, de a Teambit vizuális nyitóoldala éppen ez. Egy egyszerű, egy mezőt tartalmazó űrlaphoz egy imádnivaló iroda társul, tele állatfigurákkal – mindegyikkel nagyon elégedett vagyok a Teambittel, ha érdekel. A céloldal minden információs része mellett megjelenik egy rajzfilm állat, amely arra készteti a látogatókat, hogy görgessenek lefelé, hogy többet megtudjanak. Kezdőlap tervezés
Nyitóoldal Teambit nagyszerű bizonyítéka annak, hogy nincs szükség „szórakoztató” termékre vagy szolgáltatásra egy vicces céloldal létrehozásához.
6. Wistia Home Page Design
Először is ez a céloldal Wist ingyenes Wistia fiókjukért. Azonnal észreveszi a fiók létrehozásához szükséges egy mezőt tartalmazó űrlapot – a kék háttér minimális dizájnnal remek kontrasztban van a világos fehér űrlapmezővel.
Az űrlapmező hossza a kiemelkedő elhelyezéssel kombinálva szinte minden súrlódást kiküszöböl a fiók létrehozásakor... de ha kétségei vannak, mindig görgessen alább a GYIK elolvasásához. Azáltal, hogy a kettőt erős színkontraszttal választja el, a Wistia sokkal könnyebbé teszi az átalakítási folyamatot.
7. Webflow. Kezdőlap tervezés
WebFlow, egy webfejlesztők számára készült tervezőeszköz, amely sok információt csomagol egy GIF-be és három űrlapmezőbe. Jó lenne, ha a teljes regisztrációs űrlap egy sorban szerepelne – nemcsak rövidebbé teszi az oldalt, de minden mező balról jobbra történő kitöltése megmutatja a felhasználóknak, milyen közel állnak a negyedik kék gomb megnyomásához és az ingyenes kezdéshez.
Az űrlap alatti animált GIF ugyanabban a keretben jelenik meg a webhelyen, így a felhasználók láthatják, hogyan működik a termék. и görgetés vagy új oldal megnyitása nélkül regisztrálhat.
E-könyv kezdőlap tervezés
8. Nauto kezdőlaptervezés
Nauto, egy önvezető autós adatplatform, amely segít biztonságosabbá tenni az autonóm vezetést a flottákat kezelő vállalatok számára. Természetesen ügyfeleinek minden információra szükségük lesz ahhoz, hogy ezen a platformon értékesítsenek. A Nauto rendkívül egyszerű e-könyv, amelynek nyitóoldala egy rövid kapcsolatfelvételi űrlapot és előnézeti statisztikákat kínál Önnek, hogy bebizonyítsa, miért olyan fontos ez az erőforrás.
A zöld "Letöltés most" gomb akár szándékos is lehetett (a zöld végül is "menni").
Görgessen le, és egy másik „E-könyv beszerzése” CTA jelenik meg, amely emlékezteti a felhasználókat az üzletre. Három megdöbbentő autóbaleseti statisztikát is láthat majd, amelyek további információra ösztönzik a felhasználókat. Nézze meg alább.
9. Ipari erős marketing kezdőlap tervezés
Ez a nyitóoldal azonnal magával ragad az ellenállhatatlan, ütős címsorral: „Ne nagyítson.” Ez közvetlenül tükrözi a legtöbbünk általános tapasztalatát, amikor a telefonjainkat vagy táblagépeinket lapozgatjuk – és ez egy kicsit szemtelenség is.
De nem ez az egyetlen dolog, ami felkeltette az érdeklődésemet ez a nyitóoldal. Figyelje meg, hogyan helyezkedik el a piros szín stratégiailag az űrlap tetején és alján, így még közelebb kerül a konverziós eseményhez.
Ezenkívül ez a dizájn meta-boot: remekül néz ki és működik rajta mobil eszközök. Ne feledje, hogy sok látogató okostelefonján vagy táblagépén fogja elérni a céloldalait, és ha weboldala tervezése nem felel meg nekik, feladhatják és elhagyhatják az oldalt.
Az Industrial Strength Marketing szakemberei tették a terepet betűtípusok és elég nagyok ahhoz, hogy a látogatóknak ne kelljen például nagyítaniuk a tartalom olvasásához és interakciójához.
10. Velaro élő csevegés
Néha a legkisebb részletek teszik a legnagyobb különbséget. Például ők készítik a céloldalt Velaro élő csevegés elképesztő.
Az elem képe fölött található kis PDF-szimbólum segít meghatározni, hogy milyen formátumban lesz a letöltés. Az alcím előtti nyíl segít még jobban kiemelni azt a fontos példányt, amelyet a látogatók el szeretnének olvasni. Az IMPACT-hez hasonlóan ezeknél is van egy automatikusan bejelölt jelölőnégyzet előfizetések a hírlevélre az űrlapjukon – ami, ha egy további jelölőnégyzetgé válik, nagyszerű módja annak, hogy növelje feliratkozói számát. Mindezek az apró, jelentéktelennek tűnő részletek hozzájárulnak egy szilárd, lenyűgöző nyitóoldal kialakításához. Kezdőlap tervezés
11. HATÁS Branding és design / Honlap tervezés
Főoldal HATÁS régóta ihletforrást jelentenek a tervezők számára. Imádom az egyszerű oldalelrendezést, a nagy címmásolattól és a részletes képtől a formát körülvevő körvonalon át a szemnek nagyon tetsző színekig és betűtípusokig.
Az itt letölthető ingyenes IMPACT kézikönyv szintén nem emeli ki magát a letöltést a kék gombon, amely lehetővé teszi a kitöltött űrlap elküldését. Az IMPACT inkább „több konverzió generálására” hívja Önt azáltal, hogy arra összpontosít, hogy mit nyerhet az útmutató elolvasásával.
Céloldalak további információért
12. Nyilatkozzon
Nem csoda, hogy Unbounce a lista élén áll – valóban ők írták a könyvet a magas konverziót eredményező céloldalak létrehozásáról. Bár sok csodálatos dolog van ezen a nyitóoldalon, kettő, amit nagyon szeretek, a következők: 1) a chat-doboz használata a klasszikus űrlap helyett, és 2) a részletes - de jól csomagolt - információk az űrlap alatt/Kezdőlap Oldaltervezés
Az első segít az oldal céljára irányítani a figyelmet – egy űrlap kitöltésére – oly módon, hogy az ne legyen feltűnés és ne legyen melós. A második fellendíti az oldalt a keresőoptimalizálásban (a keresőmotorok több tartalmat fognak feltérképezni), és megszünteti az aggodalmakat azokban az emberekben, akiknek többet kell tudniuk egy adott tartalomról, mielőtt elküldenék adataikat, anélkül, hogy elvonná az emberek figyelmét a csevegőablakról.
13. Bills.com. Kezdőlap tervezés
Az emberek gyakran úgy gondolják a céloldalakat, mint a webhely statikus oldalait. De a megfelelő eszközökkel interaktívvá és személyre szabottá teheti őket.
Vegyük az alábbi példát ezzel Bills.com. Ahhoz, hogy megtudja, hasznos lenne-e a konzultációjuk, válaszoljon három kérdésre, mielőtt megjelenik az űrlap. Ezzel kezdődik:
Ezután válaszoljon még két olyan kérdésre, mint az alábbi:
És itt van az utolsó nyitóoldali űrlap, ahol kitöltheti az adatait:
Nem vagyok benne biztos, hogy működik az algoritmus (vagy van-e egyáltalán ilyen), de miközben kitöltöttem, aggódtam nincs képesítések. Miután megtudtam, mit csináltam, izgatott voltam, hogy kitöltsem az űrlapot, és biztos vagyok benne, hogy a legtöbb olyan ember, akinek van adóssága, és használja ezt az eszközt, megteszi. Ha ezt az ajánlatot exkluzívabbá teszi, mielőtt az űrlap megjelenik a nyitóoldalon, a Bills.com jelentősen megteszi fokozott konverzió.
14. Trulia Home Page Design
Trulia valami nagyon hasonlót tett a Bills.com-hoz a nyitóoldalával. Egy egyszerű űrlappal kezdődik, amely „címet” kér (ez kevésbé hangzik hátborzongatóan, mint a „címed”, bár ezt jelentik). Az egyszerű űrlapmező alatt egy élénk narancssárga gomb található, amely jól elüt az űrlap mögötti karakterképpel, és hangsúlyozza, hogy a becslés személyre szabott lesz az Ön otthonában.
Természetesen a cím önmagában nem elegendő a ház értékének becsléséhez. Egyszerűen a ház környezetét jelöli. Ezért a következő oldalon további kérdések szerepelnek magával az ingatlannal kapcsolatban, mint például az ágyak és a fürdők száma. Az alábbiakban láthatja a „Mondd meg, hová küldjük a jelentést” egy példányát – azzal a nyilatkozattal, hogy ezen adatok megadásával beleegyezik, hogy kapcsolatba lépjünk az ingatlanügynökkel. Ez egy nagyszerű példa arra, hogy egy cég kezdettől fogva nagyra értékeli látogatóit, ugyanakkor meghatározza a látogatók elvárásait, hogy mi fog történni.
15. Landbot kezdőlap tervezése
LandbotA chatbot-alapú céloldalakat létrehozó szolgáltatás saját terméket helyez el chat-alapú nyitóoldala középpontjában. A látogatókat egy barátságos, hangulatjelekkel és GIF-ekkel kiegészített bot fogadja, amely arra ösztönzi őket, hogy a hagyományos formák helyett társalgási formátumban adjanak információt.
16. Webprofit
Egy kis kontraszt kedvéért... mi a helyzet a hosszú nyitóoldalakkal? Néhány trükkel még a leghosszabb céloldalt is rövidre varázsolhatod. Az alábbi Webprofits céloldal bemutatja, hogyan kell ezt megtenni. Kezdőlap tervezés
A jobb felső sarokban egy jól látható CTA gomb található a további információkért – jó kontraszttal a háttérben, hogy kitűnjön, és egy lefelé mutató nyíllal, amely ösztönzi a görgetést. Azáltal, hogy az űrlapmezőt nem helyezik elöl, segítenek csökkenteni a súrlódást, és lehetőséget adnak a látogatóknak, hogy többet megtudjanak, mielőtt konverziós lehetőséget kínálnának.
Azt is lehetővé teszik, hogy megértsd, mi is valójában csinál Webprofit . Az oldal többi része részletesen ismerteti, hogy mit fog kapni, amikor elküldi adatait. Ezenkívül stratégiai CTA-kat is tartalmaz, amelyek segítenek visszanavigálni az űrlap tetejére, például a „Beszéljünk”.
17. H.BLOOM
Néha csak meg kell állnia és megcsodálnia egy nyitóoldalt, hogy milyen gyönyörű. Ha nagy felbontású fotót és sok fehér területet használ a céloldalon H.BLOOM jó nézni.
A szépségén túl az oldalnak van néhány nagyszerű konverziós eleme: egy általános űrlap, egy világos és tömör leírás arról, hogy mi fog történni az űrlap kitöltésekor, és még egy élénk narancssárga „Küldés” gomb is. Az egyetlen, amin változtatunk? Másolat a Beküldés gombon – Ez konkrétabb lehet a felajánlott ajánlatra. Kezdőlap tervezés
18. Conversionlab
Jóllehet a céloldalakkal kapcsolatos bejegyzésekbe nem írnék bele példa űrlapbejegyzést, ez a webhely különleges. Kezdőlap a teljes webhely – a navigációs hivatkozások egyszerűen az alábbi információkhoz vezetnek. Kezdőlap tervezés
Ha a „Segítség kérése a céloldalakhoz” lehetőségre kattint, a teljes webhely elmozdul, hogy helyet adjon az űrlapnak. Így néz ki kattintás előtt:
És ha rákattint a CTA-ra, nézze meg, hogyan néz ki az űrlap:
Tetszik, hogy nem kell elhagynia az oldalt az űrlap kitöltéséhez, de az űrlap nem lesz tolakodó az oldal alkalmi látogatói számára.
Ötletek/Home Page Design
Egy jól optimalizált kezdőlap potenciális ügyfelekké alakíthatja az ügyfeleket azáltal, hogy olyan információkat rögzít, amelyek segítenek jobban megérteni, piacra dobni és örömet okozni látogatóinak. Mivel a céloldalak kulcsfontosságúak a konverziókhoz, fontos, hogy jól megtervezve, megtervezve és végrehajtva legyenek. Íme néhány dolog, amit figyelembe kell venni a létrehozáskor célzott oldalak: Vonzó esztétika: Csak a céloldal színe és a letisztult felhasználói felület segíthet. A látogatók többet szeretnének megtudni a termékeiről, és látni fogják az Ön által kínált érték bizonyítékát. Vessen egy pillantást a listánk 10. helyére, a Bejövő érzelmekre, hogy nagyszerű példát találjon egy fantasztikus weboldalra.
A kevesebb több: Hagyja, hogy a mondat vagy a képek beszéljenek a legtöbbet, de feltétlenül szerepeltessen minden leíró címsort és alátámasztó szöveget, hogy a céloldal egyértelmű és lenyűgöző legyen. Ez az oldal szinte minden összetevőjére vonatkozik: szóközökre, egyszerű másolatokra és rövidebb űrlapokra.
Kezdőlap tervezés
Tartsa a látogatókat az oldalon: Ha eltávolítja a fő navigációs sávot vagy a zavaró linkeket, kevésbé valószínű, hogy a potenciális ügyfelek generálása olyan súrlódásokat okoz, amelyek arra késztethetik a látogatókat, hogy elhagyják az oldalt.
Megosztás a közösségi hálózatokon. Egy egyszerű módja annak, hogy látogatókat vonzzon a céloldalra, ha használja a megosztás gombokatszociális hálózatok, így terjeszthetik tartalmadat közösségi média követőiknek. Végül is az ügyfelek jelentik a marketing lendkerék középpontját.
A/B tesztelés: A céloldalak megfelelő működéséhez fontosak, és mivel a fogyasztói pszichológia néha meglepő lehet, mindig érdemes kísérletezni az oldalak különböző verzióival, hogy megtudja, melyiknek a legmagasabb a konverziós aránya (CVR). Ellenőrizze az ajánlat elhelyezését, a CTA-k típusait vagy akár a színsémát.
Cselekvésre ösztönzés: CTA, ahol a hús a céloldalon van, vagy a fordulópont, ahol a kapcsolattartóvá válás lehetősége van. A CTA-k megkérhetik a látogatókat, hogy fizessenek elő, töltsenek le, töltsenek ki egy űrlapot, osszák meg tovább szociális hálózatok stb., de általában a CTA-k szükségesek ahhoz, hogy a közönséget aktívabban bevonhassuk ajánlatával. A potenciális ügyfelek generálásához a CTA-knak merésznek és vonzónak kell lenniük, de ami a legfontosabb, hatékonyan kell értéket közvetíteniük.
Szólj hozzá!