Szép céloldalak tippek és példák

Több száz szellemes cikket írtak a nyitóoldal témája köré. Mindannyian ismerjük az alapvető tényeket - hogy ezek az oldalak, amiket egy látogató elért egy banner hirdetésre vagy promóciós linkre kattintva, és hogy fontos szerepet töltenek be a marketingben azáltal, hogy a vezetőket az ügyfelekké alakítják. A céloldal tervezésénél azonban a dolgok sokkal finomabbak, mint amennyit a dokumentáció elkészítése után várt volna. Ezért döntöttünk ma arról, hogy megosztjuk a tényleges céloldalak példáit az inspirációra.

A Wikipédiában megtalálható szép tudományos besorolás szerint a céloldalak két fő kategóriába tartoznak: referencia és tranzakció. Ha hivatkozásoknak nevezik, az oldalaknak olyan információkat kell megjeleníteniük, amelyek vonzóak és relevánsak a látogató számára (szöveg, multimédia). A "Tranzakciós" céloldalak azok, akik azonnali értékesítésre törekszenek, vagy legalábbis az erős értékesítési vezetések elfogadására.

Mivel valószínűleg egyetért velem, minden nyitóoldal megfelel mindkét kritériumnak: tájékoztatják a látogatót az ajánlatról, valamint az oldalról tett lépéseket. Ellenkező esetben nem lenne szükségünk arra, hogy cselekvésre szólítsunk fel semmilyen céloldalon?

A céloldalak elindítása előtt a www-ben világosnak kell lennie a kívánt látogatói akció jellegének. Fokozza a hírlevél feliratkozását a célod? Ezután tervezzen CTA-t a "Regisztráljon most a hírlevelünkre" üzenetben. Célja, hogy a látogatóktól vásároljon próbát? Mondd így. Általánosságban elmondható, hogy az alapvető recept az, hogy a céloldalat a lehető legvilágosabban és lehető legegyszerűbben fejezze ki.

Tippek a céloldal tervezéséhez

Néhány gyors tipp a kezdőoldal tervezésénél:

1. Használja az AIDA elvet

Ez egy olyan eseménylánc, amelyet meg akarunk történni, ha a vezető eléri a reklámozott terméket vagy szolgáltatást megjelenítő platformot. A lépések főként a következők:

1. Tudatosság - vonzza a látogató figyelmét
2. Érdeklődés - amely felkeltheti az előnyöket az ügyfél számára
3. Vágy - ösztönözze az ügyfeleket arra, hogy azok akar a terméket vagy szolgáltatást
4. Akció - a vásárlási folyamatot végző ügyfelek

2. Nem túl sok zavaró tényező; hagyjon ki egy utat

Az ötlet egyszerű. Ha a céloldalon a CTA gomb kivételével gyakorlatilag nincs navigációs lehetőség, a látogatók kényszerítik a kilépésüket. Ne gondolja, hogy ha nem nyújt semmilyen navigációt, nem találnak módot a távozásra - ők, talán még a böngésző leállításával is. És ezek a látogatók nem Gyere vissza.

3. Tegye át a villogási tesztet

Általában a nyitóoldalnak be kell vonnia a látogató figyelmét a belépés első 3 másodpercében. Ha a vendég villog, és nem látja világosan, hogy mit kell találnia az oldalon, vagy nem érdekli, amit látott, a legvalószínűbb, hogy az üres kézzel ugrál.

4. Ne hozzon létre hamis elvárásokat

A céloldalnak összhangban kell lennie az eredeti hirdetés által adott tanácsokkal, vagy fordítva. A látogatóknak meg kell találniuk a céloldalon, hogy mit ígértek először a hirdetésben, amit rákattintottak.

Ahogy megígértük, tegyen néhány szépen tervezett és hatékony B2B és B2C nyitóoldalt. Meg fogjuk vizsgálni erősségeiket és elkerülhetetlen gyengeségeiket. Vigyázz az alábbiakra az alábbi galériában: vizuális kommunikáció, márka- és bizalmi indikátorok, tartalomhatékonyság, cselekvési felhívások.

Showcase: Gyönyörű céloldalak

99Designs

Ez a tervező és a diákok felé irányuló céloldal változata. A 99Designs egy másik oldalt is tartalmaz: a tervezést igénylő vállalkozások. Ami ezt illeti, nagyon hatásos a jóváhagyás szempontjából (lásd a merész ajánlásokat), és valóban a közönség nyelvét számokkal és bizalmi mutatókkal (a közösség tagjainak száma, az általuk szerzett pénzmennyiség) beszél. Figyelje meg az egyetlen CTA gomb fényes vörös árnyalatát - ez általában elkerülhető, de ebben az esetben ez nem zavaró, mivel megfelel a logó színének..

123RF

A 123RF a céloldalon egyértelműen kijelöli a kép csúszkát és a négy középső dobozt. Egy pillanat alatt megérti, hogy mi a szolgáltatás, és hogyan használhatja azt (Keresés, Regisztráció, Fizetés As-Go, Vásárlás előfizetés). A világos szürke háttér nem feltűnő, és a lényegre helyezi a hangsúlyt, azaz a képet. Amit személy szerint úgy tudok javítani, az a stock fotó kategóriák listája, ez egy kicsit kitömött. És a CTA egy kicsit túl finom a kattintható dobozokhoz.

Favomatic

Teljesen szeretem a nyitóoldal tervezését. Kontraszt van, minden szekcióban jó szlogenek vannak, és sok információt ad, anélkül, hogy mindent elolvasnának (a kis betűtípus mindent megtesz). Navigációval rendelkezik, de függőleges, görgetéssel, ami jelentősen csökkenti a pattogó sebességet.

BiznessApps

Erős cselekvési felhívások, kiemelt szlogen és lenyűgöző felsorolás - ez a céloldal és az oldal megfelelő kombinációja. Ráadásul minimális mennyiségű szöveget tartalmaz, és egy demo videót használ, mivel ismert tény, hogy az emberek inkább egy rövid filmet figyelnek, mint az olvasást. A forma egy olyan elem, amelyet kissé javíthat. Általában először meg kell adnia, mielőtt megkapná, így ha az űrlap benyújtásáért cserébe ingyenes látogatást kap, akkor az "Üzenet küldése" gomb mondhat valamit, mint "Szerezd meg az ingyenes cuccot most!"

Brusheezy

Egy másik bizonyíték kevesebb. Ez a céloldal nagyon szépnek tűnik egyetlen ikonra és kiemelkedő fejlécre. Figyelje meg a két cselekvési felhívást, a felső és az alsó részen - ez egy bolond módszer, amely az üzenetet az oldal túlzsúfoltsága nélkül tartósan teszi. A termék tulajdonságai helyett az ügyfelek előnyeinek kiemelése egy másik legyőző.

jailbreak

Lehet, hogy ez az oldal egy kicsit túl zsúfolt, de ez a hagyomány, hogy az alkalmazások céloldalai. Azonban az oldal szétválasztására vonatkozó döntés megkönnyíti az összes elem navigálását. Mindent megtalál, amit kereshet: jellemzők, előnyök, ajánlások és még a visszatérítés garantálása, ha nem elégedett az eredménnyel. Az utolsó meglehetősen kockázatos, mivel kérdéseket vethet fel a szolgáltatás minőségével kapcsolatban, és jó ötlet volt, hogy egészen az alján helyezkedjen el.

PageLines

A minimalizmus a legfontosabb koncepció. Én személy szerint szeretem, hogy ez az oldal nem mondja el mindent azonnal, de felkéri Önt, hogy felfedezze. Amit nem találok annyira élvezetesnek, egy olyan videó, amely automatikusan elindul (általában azt a funkciót, amit általában elkerülek) - még akkor is, ha Andrew Powers nemcsak ügyes, hanem szép! Az a tény, hogy nincs közvetlen CTA, a webhely hátránya lehet.

Pico

Ez a céloldal egyszerű, de erős. A "nagyobb mint" piros jel a só és a bors a teljes megjelenésig. A bekezdéselrendezés hasonlít egy újság-elrendezésre, és meglehetősen bíztató a CMS céljaira. A CTA gombok egy kicsit túl gyengék, és a jobb alsó sarokban lévő hölgy enyhe distractint okoz; az arcán túl sok meglepetéssel néz ki, hogy képes-e tárgyalni egy üzleti ügyről?

Shoeboxed

Az egyes szakaszok leíró sorai példaként szolgálnak a leíró nyelvhasználatra. Az üzenetet másodpercenként megérti, mivel a látóvonal gyorsan megvizsgálja az első sort, és megérkezik a CTA gombra. Ha még mindig habozik, van egy ajánlás arra, hogy segítsen, az erős jóváhagyásokkal együtt - nem bízik abban a cégben, amely a Forbes-ban és a Tech Crunchban szerepel? szeretnék.

Squarespace

Professzionális kereső céloldal, ez az. A merész szlogen, a CTA gombok, amelyekkel nem tudsz ellenállni a kattintásoknak, és nagyon jó jóváhagyás, ez a siker kombinációja. Azt is szeretném, ha az oldal közepére helyeznék a használatuk kontextusát, az oldalak megjelenítésének képernyőképét és az infographic jellegű jelzéseket. Az oldal háromelemes szerkezete egy másik erős pont.

A szerkesztő megjegyzése: Ezt a bejegyzést írta Laura Moisei Hongkiat.com részére. A Laura kommunikációs tudományi fokozatot szerzett magának, és a legtöbb időt a tervezés és az írás iránti szenvedélye mellett tölti. Működik a 123ContactForm-on, egy online űrlapon és felmérés-készítőnél, amely segít a felhasználóknak, hogy szép formákat hozzanak létre bármely weboldalhoz.