Tipy a příklady krásných vstupních stránek

Stovky vtipných článků byly napsány kolem tématu vstupních stránek. Všichni víme základní fakta - že se jedná o stránky, které návštěvník dosáhne po kliknutí na bannerovou reklamu nebo propagační odkaz, a že hrají klíčovou marketingovou roli tím, že převádějí zákazníky na zákazníky. Pokud jde o návrh vstupní stránky sami, nicméně, záležitosti se zdají být mnohem delikátní, než byste očekávali po průchodu jak-na dokumentaci. To je důvod, proč jsme se dnes rozhodli sdílet sbírku skutečných příkladů vstupní stránky pro inspiraci.

Podle poměrně vědecké klasifikace můžete najít na Wikipedii, vstupní stránky spadají do dvou hlavních kategorií: reference a transakční. Pokud mají být označeny jako reference, stránky musí zobrazovat informace, které jsou přitažlivé a relevantní pro návštěvníka (text, multimédia). "Transakční" vstupní stránky jsou ty, které usilují o okamžitý prodej nebo alespoň o zachycení silných prodejních míst.

Jak se mnou pravděpodobně souhlasíte, všechny vstupní stránky splňují obě kritéria: informují návštěvníka o nabídce a podněcují akce z jeho strany. V opačném případě bychom nepotřebovali volání na akci na naprosto žádné vstupní stránce?

To, co musí být jasné před spuštěním jakékoli vstupní stránky v www, je povaha požadované akce návštěvníků. Zvyšuje se počet nových newsletterů vaším cílem? Poté navrhněte CTA se zprávou "Signup now to newsletter". Máte zájem o zkušební nákupy od návštěvníků? Řekni to. Obecně řečeno, základním receptem je, aby vaše vstupní stránka vyjádřila tuto nabídku co nejjasněji a nejpříjemněji.

Tipy pro návrh vstupní stránky

Několik rychlých tipů, které začnete při navrhování vstupní stránky:

1. Použijte princip AIDA

Jedná se o řetězec událostí, které si přejeme, když se vedení dostane na platformu zobrazující propagovaný produkt nebo službu. Hlavními kroky jsou:

1. Povědomí - přitáhnout pozornost návštěvníka
2. Zájem - které mohou být vyvolány zdůrazněním přínosů pro zákazníka
3. Touha - přimět zákazníky, aby si mysleli, že jsou chtít produktu nebo služby
4. Akce - zákazníků

2. Ne příliš mnoho rozptýlení; opustit cestu ven

Myšlenka je jednoduchá. Pokud vstupní stránka nemá prakticky žádnou možnost navigace kromě tlačítka CTA, návštěvníci budou nuceni svůj výstup ukončit. Nemyslete si, že pokud neposkytujete žádnou navigaci, nenajdou způsob, jak odejít - budou, možná i vypnutím prohlížeče. A tito návštěvníci budou ne vrať se.

3. Proveďte test blikání

Vstupní stránka musí obvykle zachytit pozornost návštěvníka během prvních 3 sekund vstupu. Pokud host bliká a nevidí jasně, co by měl na stránce najít, nebo nemá zájem o to, co viděl, je s největší pravděpodobností, že se odtrhne.

4. Nevytvářejte falešná očekávání

Vstupní stránka musí být v souladu s pokyny, které poskytuje původní reklama, nebo naopak. Návštěvníci musí na vstupní stránce najít to, co jim v reklamě, na kterou klikli, poprvé slíbili.

Jak jsme slíbili, pojďme se podívat na některé pěkně navržené a efektivní vstupní stránky B2B a B2C. Prozkoumáme jejich silné a nevyhnutelné slabiny. V níže uvedené galerii sledujte následující: vizuální komunikace, značky a ukazatele důvěryhodnosti, efektivita obsahu, výzvy k akci.

Showcase: Krásné vstupní stránky

99Designy

Toto je verze vstupní stránky cílené na designéry a studenty. 99Designs má také vstupní stránku pro druhou stranu: podniky, které potřebují návrhy. Pokud jde o tento, je to velmi efektivní, pokud jde o podporu (viz tučná svědectví) a skutečně mluví jazyk publika s postavami a důvěryhodnými ukazateli (počet členů komunity, množství peněz, které vydělali). Všimněte si jasně červeného odstínu jediného tlačítka CTA - to je obvykle něco, čemu se musíte vyhnout, ale v tomto konkrétním případě to není rušivé, protože odpovídá barvě loga.

123RF

123RF na této vstupní stránce s jasným obrazovým jezdcem a čtyřmi středními rámečky jasně uvádí účel. Rozumíte v okamžiku, co je služba a jak ji můžete použít (Vyhledávání, Registrace, Pay-As-You-Go, Předplatné na nákup). Světle šedé pozadí je nenápadné a klade důraz na podstatu, tedy na obraz. Co já osobně si myslím, že mohou zlepšit na je seznam kategorií stock photography, je to trochu plněné. A CTA je pro klikací boxy příliš jemná.

Favomatic

Absolutně miluji design této vstupní stránky. Tam je kontrast, dobrá hesla v každé sekci a přináší mnoho informací, aniž by vás nutil číst všechno (malé písmo to všechno). To má navigaci, ale svislý, tím, že rolování, který značně redukuje míry skákání.

BiznessApps

Silné výzvy k akci, zdůraznil slogan a působivý seznam poznámek - to je správná kombinace pro vstupní stránku a tato stránka ji má. Navíc obsahuje minimální množství textu a používá demo video, protože je známou skutečností, že lidé dávají přednost sledování krátkého filmu než čtení. Forma je prvek, na kterém se mohou mírně zlepšit. Obvykle byste měli dát první, než se můžete dostat, takže pokud výměnou za odeslání formuláře návštěvníci mohou získat zdarma zachází, pak "Odeslat zprávu" tlačítko může říct něco jako "Získejte zdarma věci teď!"

Brusheezy

Dalším důkazem je více. Tato vstupní stránka vypadá velmi elegantně s jednou ikonou a prominentní hlavičkou. Všimněte si dvou volání na akci, nahoře a dole - to je spolehlivý způsob, jak učinit zprávu trvalou bez přeplnění stránky. Zvýrazněním výhod pro zákazníky namísto vlastností produktu je další vanquisher.

Útěk z vězení

Tato stránka může být příliš přeplněná, ale je to v tradici vstupních stránek pro aplikace. Rozhodnutí rozdělit stránku v segmentech však usnadňuje procházení všemi prvky. Najdete zde vše, co hledáte: funkce, výhody, posudky a dokonce i záruku vrácení peněz, pokud nejste s výsledkem spokojeni. Poslední z nich je poměrně riskantní, protože může vyvolat otázky o kvalitě služby a bylo dobré ji umístit až na dno.

PageLines

Klíčovým pojmem je zde minimalismus. Já osobně rád, že tato stránka vám neřekne všechno hned, ale zve vás k objevování. Co ale nenajdu tak zábavné, je video, které začíná automaticky (funkce, které se obecně vyhýbám) - i když je Andrew Powers nejen zručný, ale také hezký! Také skutečnost, že neexistuje okamžitá CTA, může být pro webové stránky nevýhodou.

Pico

Tato vstupní stránka je jednoduchá, ale výkonná. "Větší než" červená značka je sůl a pepř na celkový vzhled. Uspořádání odstavce se podobá rozložení novin a je poměrně sugestivní pro účely CMS. Tlačítka CTA jsou sice příliš slabá, a dáma v pravém dolním rohu způsobuje mírný distrakter; s přílišným překvapením na tváři vypadá, že je schopna vyjednat obchodní záležitost?

Shoeboxed

Popisné řádky pro jednotlivé sekce jsou příkladem použití popisného jazyka. Rozumíte zprávě ve zlomku vteřiny, protože vaše zorné pole rychle prohledá první řádek a dorazí na tlačítko CTA. Pokud stále váháte, je zde svědectví, které vám pomůže, spolu se silnými doložkami - nebudete důvěřovat společnosti, která se objevuje ve společnosti Forbes a Tech Crunch? Já bych.

SquareSpace

Profesionálně vypadající vstupní stránka, to je. Tučný slogan, tlačítka CTA, kterým nemůžete odolat klepnutí a velmi dobrý souhlas, to je kombinace úspěchu. Také se mi líbí, že do středu stránky vložili svůj kontext používání, s screenshotem toho, jak jejich stránky vypadají a infographic-jako indikace. 3-elementární struktura stránky je další silnou stránkou.

Poznámka editora: Tento příspěvek je napsán Laura Moisei pro Hongkiat.com. Laura má bakalářský titul v oboru komunikačních věd a většinu času tráví svou vášní pro design a psaní. Pracuje pro 123ContactForm, online formulář a průzkumník, který pomáhá uživatelům vytvářet krásné formuláře pro všechny webové stránky.