Krásne vstupné stránky Tipy a príklady

Stovky vtipných článkov boli napísané okolo témy vstupných stránok. Všetci vieme základné fakty - to sú stránky, ktoré návštevník dosiahne po kliknutí na bannerovú reklamu alebo propagačné prepojenie a že zohrávajú rozhodujúcu marketingovú úlohu tým, že konvertujú potenciálnych zákazníkov na zákazníkov pre podnikanie. Pokiaľ ide o navrhovanie vstupnej stránky sami, záležitosti sa však zdajú byť oveľa jemnejšie, než by ste očakávali po tom, ako prejdete dokumentáciou. Z tohto dôvodu sme sa dnes rozhodli zdieľať kolekciu skutočných príkladov vstupných stránok pre inšpiráciu.

Podľa peknej vedeckej klasifikácie nájdete na Wikipédii vstupné stránky spadajúce do dvoch hlavných kategórií: referenčné a transakčné. Ak sa majú nazývať referencie, stránky musia zobrazovať informácie, ktoré sú pre návštevníka príťažlivé a relevantné (textové, multimediálne). "Transakčné" vstupné stránky sú tie, ktoré sa zameriavajú na okamžitý predaj alebo aspoň na zachytenie silných predajných potenciálnych zákazníkov.

Ako pravdepodobne budete so mnou súhlasiť, všetky vstupné stránky spĺňajú obe kritériá: informujú návštevníka o ponuke a podnecujú akcie z jeho strany. V opačnom prípade by sme nepotrebovali výzvy na akciu na absolútne žiadnej vstupnej stránke?

Čo musí byť jasné pred spustením ľubovoľnej vstupnej stránky na webe, je charakter požadovanej návštevnosti. Je váš cieľ zvyšovať počet registrácií bulletinov? Potom navrhnite CTA so správou "Zaregistrujte sa teraz do nášho bulletinu". Zameriavate sa na skúšobné nákupy návštevníkov? Povedzte to. Všeobecne povedané, základným receptom je, aby Vaša vstupná stránka vyjadrila túto ponuku čo najjasnejšie a čo najpríjemnejšie.

Tipy na navrhnutie vstupnej stránky

Niekoľko rýchlych tipov, ktoré môžete začať pri navrhovaní vstupnej stránky:

1. Použite princíp AIDA

Ide o reťazec udalostí, ktorý sa chce stať, keď sa vedúci dostane na platformu zobrazujúcu podporovaný produkt alebo službu. Kroky sú hlavne:

1. Povedomie - priťahujú pozornosť návštevníka
2. záujem - čo môže byť vyvolané zvýraznením výhod pre zákazníka
3. túžba - vyvolať zákazníkom myšlienku, že oni chcieť produktu alebo služby
4. akčné - zákazníkom, ktorí vykonávajú nákupný proces

2. nie príliš veľa rozptýlení; nechajte cestu von

Myšlienka je jednoduchá. Ak vstupná stránka nemá prakticky žiadnu možnosť navigácie okrem tlačidla CTA, návštevníci si vynútia svoj výstup. Nemyslite si, že ak neposkytnete navigáciu, nenájdete spôsob, ako odísť - to bude, možno dokonca aj zatvorením prehliadača. A títo návštevníci budú nie vráť sa.

3. Vykonajte test bliknutia

Zvyčajne vstupná stránka musí zachytiť pozornosť návštevníka počas prvých 3 sekúnd vstupu. Ak hosťka bliká a nevidí jasne, čo by mal nájsť na stránke, alebo sa nezaujíma s tým, čo videl, je s najväčšou pravdepodobnosťou odraziť s prázdnymi rukami.

4. Nevytvárajte falošné očakávania

Vstupná stránka musí byť v súlade s odporúčaniami poskytnutými pôvodnou reklamou alebo naopak. Návštevníci musia nájsť na vstupnej stránke to, čo im prisľúbili v reklame, na ktorú klikli.

Ako sme sľúbili, poďme sa pozrieť na niektoré pekne navrhnuté a efektívne vstupné stránky B2B a B2C. Budeme skúmať ich silné stránky a nevyhnutné slabé stránky. V galérii nižšie dávajte pozor na nasledovné: vizuálnu komunikáciu, značky a indikátory dôvery, efektívnosť obsahu, výzvy na akciu.

Ukážka: Krásne vstupné stránky

99Designs

Táto verzia vstupnej stránky je zameraná na návrhárov a študentov. 99Projekty tiež majú vstupnú stránku pre druhú stranu: firmy, ktoré potrebujú návrhy. Pokiaľ ide o túto otázku, je to veľmi efektívne z hľadiska podpory (pozri odvážne posudky) a skutočne hovorí jazyk publika s číslami a ukazovateľmi dôvery (počet členov komunity, suma peňazí, ktoré získali). Všimnite si jasne červený odtieň jediného tlačidla CTA - toto je zvyčajne niečo, na čo sa treba vyhnúť, ale v tomto konkrétnom prípade to nie je rušivé, pretože zodpovedá farbe loga.

123RF

Funkcia 123RF na tejto vstupnej stránke jasne vyjadruje účel s posuvným obrazom a štyrmi mediálnymi políčkami. Chápete okamžite, čo je služba a ako ju môžete používať (Vyhľadávanie, Registrácia, Pay-As-You-Go, Predplatné). Svetlo sivé pozadie je nenápadné a kladie dôraz na podstatu, že je to obraz. To, o čom ja osobne myslím, že sa môžu zlepšiť, je zoznam kategórií kategórií fotografií, je to trochu plnené. A CTA je príliš nepatrná pre krabicky, na ktoré možno kliknúť.

Favomatic

Absolútne milujem návrh tejto vstupnej stránky. V každej časti je kontrast, dobré slogany a prináša veľa informácií bez toho, aby ste museli čítať všetko (malé písmo to všetko). Má navigáciu, ale vertikálnu, posúvaním, čo výrazne znižuje rýchlosť skákania.

BiznessApps

Silné výzvy na akciu, zdôraznený slogan a pôsobivý zoznam odporúčaní - je to správna kombinácia pre vstupnú stránku a táto stránka má. Okrem toho obsahuje minimálne množstvo textu a používa demo video, pretože je známe, že ľudia radšej sledujú krátky film ako čítanie. Forma je prvkom, na ktorý sa môžu mierne zlepšiť. Zvyčajne by ste mali dať najprv predtým, než sa dostanete, takže ak sa za odovzdanie formulára návštevníci môžu dostať zadarmo zaobchádzať, potom tlačidlo "Poslať správu" môže povedať niečo ako "Získajte svoje bezplatné veci teraz!"

Brusheezy

Ďalším dôkazom je menej. Táto vstupná stránka vyzerá veľmi dobre s jednou ikonou a výraznou hlavičkou. Všimnite si dve výzvy na akciu v hornej a dolnej časti - je to jednoduchá metóda, ktorou je správa trvalá bez preplnenia stránky. Zvýraznenie výhod pre zákazníkov namiesto funkcií produktu je ďalším predávajúcim.

útek z väzenia

Táto stránka môže byť príliš preplnená, ale je to tradícia vstupných stránok pre aplikácie. Rozhodnutie rozdeliť stránku v segmentoch však umožňuje jednoduchú navigáciu všetkých prvkov. Môžete nájsť všetko, čo hľadáte: funkcie, výhody, osvedčenia a dokonca aj záruku vrátenia platby, ak nie ste spokojní s výsledkom. Posledná z nich je pomerne riskantná, pretože môže spôsobiť otázky o kvalite služby a bolo by dobré umiestniť ju úplne dole

PageLines

Minimalizmus je kľúčovým pojmom. Osobne sa mi páči, že táto stránka vám nehovorí všetko hneď, ale pozýva vás objaviť. To, čo sa mi nezdá byť tak príjemné, je video, ktoré sa spúšťa automaticky (funkcia, ktorej sa všeobecne vyhýbam) - aj keď Andrew Powers je nielen zručný, ale aj pekný! Tiež skutočnosť, že neexistuje žiadna okamžitá CTA, môže byť pre túto webovú stránku nevýhodou.

pico

Táto vstupná stránka je jednoduchá, ale výkonná. Značka "väčšia než" červená je soľ a korenie na celkový vzhľad. Usporiadanie odseku sa podobá usporiadaniu novín a je dosť sugestívne na účely CMS. Tlačidlá CTA sú príliš slabé a dámu v pravom dolnom rohu spôsobuje mierny distrakktín; s príliš veľkým prekvapením na tvári, vyzerá, že dokáže vyjednať obchodnú záležitosť?

Shoeboxed

Popisné riadky pre každú sekciu sú príkladom používania popisného jazyka. Chápete správu v zlomku sekundy, pretože vaša linka rýchlo skenuje prvý riadok a prichádza na tlačidlo CTA. Ak ešte stále váhate, existuje svedectvo, ktoré vám pomôže spolu so silnými odporúčaniami - nebudete dôverovať spoločnosti, ktorá je súčasťou Forbes a Tech Crunch? Chcel by som.

Squarespace

Profesionálne vyzerajúce vstupné stránky, to je. Tučný slogan, tlačidlá CTA, ktoré nemôžete odolávať kliknutiu a veľmi dobré potvrdenie, je to kombinácia úspechu. Tiež sa mi páči, že v strede stránky poukazujú na kontext používania a na snímku o spôsobe, akým vyzerajú ich stránky a infografické označenia. Trojčlenná štruktúra stránky je ďalším silným bodom.

Poznámka redaktora: Tento príspevok je napísaný používateľom Laura Moisei pre Hongkiat.com. Laura má bakalársky titul v oblasti komunikácie a väčšinu času trávi svojou vášňou pre dizajn a písanie. Pracuje pre 123ContactForm, on-line formulár a tvorca prieskumov, ktorý pomáha používateľom vytvárať krásne formuláre pre ľubovoľnú webovú stránku.