Odborné rady: tajemství úspěšných vstupních stránek. Zaměřte se na uživatelskou zkušenost a proměňte návštěvníky v zákazníky

Text mé první vstupní stránky byl docela zvláštní. Byl jsem začínající copywriter, psal jsem kotevní články pro známou výměnu odkazů, snažil jsem se vydělat hodnocení a svůj první copywriting milion na různé reklamy, e-texty a další neslibná lákadla pro začátečníky. Cena 80 rublů za 1000 znaků se v té době zdála téměř snem. A pak jednoho dne přišel klient ze stejné burzy s textem pro vstupní stránku. A to s platbou, jak už to na burze bývá, v kilech. Pak jsem, jak si vzpomínám, napsal „list“ v hodnotě čtyř tisíc, dostal jsem dobrou známku a byl jsem se sebou spokojený – takže do statusu „žraloka pera“ nezbývalo dlouho. Bohužel nevím nic o osudu toho textu a o tom, zda bylo možné s jeho pomocí alespoň něco prodat, ale dnes, když si na ten příběh vzpomenu, říkám si: kolik lidí si stále klade otázku, jak udělat vstupní stránku, objednávat texty z burz a jak to nakonec dopadne? Alexey Panshin, tvůrce internetové marketingové agentury Panshin Group, nám řekl, které vstupní stránky se prodávají a které ne, jak vyhodnocovat konverzi a jak mohou froté ručníky pomoci vašemu podnikání.

O copywriterech a textech

Prodejní vstupní stránka začíná textem – každý článek na toto téma vás na to upozorní. Po sestavení na konstruktoru s hotové šablony ručně vyrobená vstupní stránka zdarma (nebo dokonce po zaplacení specialistovi CELÝCH 5 tisíc rublů!), začínající podnikatel (ano, obvykle je to on) se rozhodne napsat text (jaké plýtvání!) sám. No, nebo v krajním případě, pokud je ruština opravdu obtížná, začne hledat interpreta. Kde najdete levné odborníky na Gramota.ru a majitele tetování s Ozhegovovým profilem na hrudi? Samozřejmě na burzách na volné noze. V tom spočívá hlavní háček. K napsání vstupní stránky nepotřebujete copywritera!

Alexej Panšin

zakladatel internetové marketingové agentury "Panshin Group"

Alexey Panshin: „Ani jeden copywriter se nedostane k podstatě toho, co je vlastně potřeba v textech pro vstupní stránku nebo na webu. Navíc s platbou za kila. Cena psané vody bude nulová. Spíše to, co v tomto byznysu není potřeba, nejsou textaři, ale marketéři s copywritingovými dovednostmi.“

A není vůbec náhoda, že přední prodejci textů si říkají „marketingoví textaři“ a dnes se to dokonce stalo samostatnou oblastí copywritingu. Slova v názvu speciality lze dokonce zaměnit, protože takový specialista musí především rozumět trhu, cílová skupina a unikátní prodejní nabídka (USP). A teprve potom psát texty.

Pokračujeme s otřepanými frázemi: před psaním textu pro vstupní stránku musíte vytvořit jedinečný prodejní návrh. Navíc textaři, kteří plánují přidat výše uvedené slovo do své pracovní pozice, to obvykle musí udělat sami. Klient často netuší, čím je jeho nabídka jedinečná.

Navíc jde o obecnou představu, která funguje nejen u jednostránkových webů, ale i u běžných webů. Řekněme, že jsem před časem psal texty pro internetový obchod s autodíly, který jako jeden z mála v mém městě poskytoval služby donášky domů. Navíc na webu se informace o tom nacházely v samém suterénu podsekce „O společnosti“, která se často vůbec nečte.

Jednoduše tím, že jsme to uvedli na první stránce webu v seznamu klíčových výhod, jsme zvýšili poptávku po službě o 3–4 %. Většina návštěvníků ale nečte ani text na hlavní stránce, aby upoutala jejich pozornost. Pomocí těchto metod by bylo možné zvýšit poptávku o 10-15 % i více. Všechny tyto jednoduché techniky již dlouho úspěšně používají specialisté v oblasti tvorby vstupní stránky.

Většina návštěvníků nečte text na domovské stránce, aby upoutal jejich pozornost.

Úspěch prodeje někdy závisí na jediném slovu. Nedávno jsem se dlouho snažil přemluvit svou dvouletou dceru, aby šla plavat, a tohle: Komerční nabídka“ odmítla rozhořčeně. Bylo však nutné nahradit slovo „plavat“ slovem „splash“ a následně si to vizualizovat pomocí vhodných pohybů těla a ona se na Černý pátek vrhla do koupelny jako návštěvník obchoďáku v butiku. Práce marketingového copywritera při vytváření vstupní stránky je podobná úkolu přesvědčit dítě: nepsat list, ale najít slova (někdy stačí jedno), která návštěvníka „zaháknou“ a dovedou k nákupu.

O zvýšení konverzí

Ukazatelem úspěchu každé vstupní stránky je počet konverzí. Mohou to být hovory, aplikace a další zájemce. Záleží na cílech a záměrech zákazníka. A toto číslo je ovlivněno mnoha faktory: především podnikatelským sektorem. Přístup ke vstupním stránkám pro B2C a B2B je zcela odlišný. V prvním případě lze generovat spontánní nákupy a text může a měl by oslovit emoce. V druhém případě je to nepřijatelné. Univerzální řešení však neexistují. Ve stejné oblasti existuje mnoho možností pro cílové skupiny a pro každou z nich mohou fungovat různé texty. Úkolem obchodníka je identifikovat tyto styčné body mezi prodávajícím a kupujícím.

Alexey Panshin: „V naší agentuře máme klienta, se kterým jsme strávili 3 hodiny vymýšlením „háčků“, kterými klienta zachytíme na našich vstupních stránkách. Po čase a určitém počtu šálků kávy jsme nasbírali asi 20 bodů výhod, které jsme pak využili při prototypování designu a sestavování technických specifikací obsahu. V důsledku toho se nám ve VELMI konkurenčním výklenku v Moskvě podařilo dosáhnout průměrné konverze ze vstupních stránek 12 %.“

Bohužel pro tento projekt je Alexey vázán přísnými povinnostmi podle NDA (zachování obchodního tajemství. - pozn.), takže nemůže poskytnout plnohodnotný případ. To je však běžná situace pro tuto oblast podnikání.

Konkrétní procenta zvýšení konverze se v každém odvětví liší. Alexey označil 12 % za vysoce konkurenční mezeru na vysoce konkurenčním trhu za ohromující výsledek. Ale pro některé jiné oblasti může být tato úroveň nedostatečná.

Z pohledu našeho partnera musíte vyhodnotit efektivitu vstupní stránky nejen na základě vašeho produktu, ale také produktů vašich konkurentů. Pokud ve výsledcích vyhledávání nejsou žádné kvalitní vstupní stránky a webové stránky, můžete předvídat vyšší budoucí konverze. Čím více silných konkurentů je, tím nižší je předpověď. Klient si již prohlíží a vyhodnocuje několik atraktivních nabídek a nelze předvídat, která z nich bude v každém konkrétním případě „hrát“. Snad se to změní s rozvojem neuronových sítí, kdy se technologie naučí vytvářet individuální nabídky na základě síťového chování uživatelů. Budoucnost marketingu dnes teprve začíná.

O ručníky

Překvapivě jsou froté ručníky docela schopné pomoci vaší vstupní stránce začít generovat příjem. Vzali jsme první téma, které nás napadlo, v tomto případě to dopadlo „velkoobchodní prodej ručníků“ a náš odborník navrhl instrukce krok za krokem k vyřešení tohoto problému.

Vše samozřejmě nezačíná hledáním designéra, kde bude levnější udělat landing page, ale vytvořením portrétu potenciálního klienta: kdo to je, co potřebuje a proč by si měl koupit váš produkt?

Velkoobchodní prodej ručníků patří do B2B sféry, což znamená, že návštěvníkem stránek nebude konečný uživatel produktu, ale podnikatel, jehož hlavním úkolem je vydělat na vašem produktu. Alexey zdůraznil několik položek, které budou zajímat návštěvníka:

• Ceny za zboží (ručníky), velkoobchodní a doporučené k dalšímu prodeji (ukazujeme, kolik můžete vydělat).
• Podmínky nákupu: velikost minimálního množství, dostupnost kumulativních slev, jaké jsou podmínky pro platbu předem, následnou platbu a jaké jsou možné způsoby platby. Nezapomeňte uvést obal zboží (počet zboží v krabici/balení).
• Dodací podmínky: průměrná doba vyzvednutí zásilky zboží k platbě, průměrná dodací lhůta, náklady na doručení.
• Rozsah. Jste výrobce (nebo výhradní prodejce, nebo cokoli jiného) a nabízíte kupujícímu něco, co zcela uspokojí jeho potřeby.

Tyto pozice v marketingu se také nazývají „kotvy“ nebo, jak řekl Alexey, „háky“, které „háčkují“ potenciálního klienta. Čím komplexnější přístup k analytice, tím více takových pozic bude a tím přesnější bude portrét cílového klienta, kterému je nabídka určena.

Teprve poté, co identifikujete potřeby budoucího klienta a zformujete notoricky známý USP, kterým marketéři (a to nejen na internetu) „hučí v uších“ podnikatelů, můžete začít pracovat na technických otázkách tvorby vstupní stránky. Hlavní věc, které je třeba věnovat pozornost, Alexey pojmenoval použitelnost (soubor komponent, díky kterým jsou informace srozumitelné a vstupní stránka se pohodlně používá) a přizpůsobivost (schopnost stránky přizpůsobit se obrazovkám různých velikostí).

Teprve po identifikaci potřeb budoucího klienta a vytvoření USP můžete začít pracovat na technických otázkách tvorby vstupní stránky.

Náš partner také poukazuje na to, že výhody musí být zapsány a vizualizovány. Různí lidé vnímají informace lépe odlišné typy. Nechybí ani formuláře žádostí, volání z webu, zpětná vazba, telefonní čísla, ikony sociálních sítí a další způsoby komunikace.

Je důležité, aby text nejen informoval, ale vyzýval návštěvníka k akci. Existují vstupní stránky, kde na první pohled není jasné, že zde lze produkt objednat. Návštěvníci si přečtou informace a přejdou na další stránku, kde si mohou objednat.

Zároveň se provádí audit výsledků vyhledávání. Místa jsou posuzována z hlediska souladu s „kotvami“. Jedna z nejlepších vstupních stránek v daném výklenku patří výrobci.

Alexey poznamenal, že vstupní stránka byla vytvořena profesionálně, dobře promyšlená, ale postrádala podrobnosti.

Za prvé, ceny nejsou uvedeny. Přesněji řečeno, jsou označeny, ale abyste je viděli, musíte rozbalit kartu „Informace“ a nejsou viditelné při rychlém pohledu. Při vytváření vstupní stránky neočekávejte, že uživatel okamžitě začne číst každé slovo, máte jen 5-6 sekund na to, abyste ho zaujali.

Za druhé, neexistují žádné akcie a speciální nabídky. Návštěvník nemá zájem okamžitě provést objednávku. I když je vaše nabídka zajímavá, může si odkaz přidat do záložek, ale zda se k ní vrátí nebo ne, je velká otázka.

Za třetí, některé výhody jsou nejasné. Například je uvedeno, že výroba je certifikována, ale neexistují žádné skeny samotných certifikátů. „Velký výběr látek“, „vysoká úroveň služeb“ a „ co nejdříve„je klasikou levného „výměnného copywritingu“. Napište „178 variant látek“, „bude s vámi spolupracovat osobní manažer“, „vyrobíme do 1 dne“ a zákazník sám rozhodne, zda je tato nabídka „velká“, „vysoká“ a „nejkratší“.

Při analýze konkurentů se nemůžete omezit na vstupní stránky. Vašemu klientovi je jedno, jaký nástroj používáte. Vyhodnoťte také stránky pro online nakupování. Alexey označil za jednoho z nejsilnějších přímých konkurentů web, na jehož stránce jsou informace, které jsou pro potenciálního kupce klíčové. Za pozornost stojí jednoduchá a přehledná objednávková karta.

Existuje však velmi velká nevýhoda– toto je SEO text na stránce.

Za prvé je prostě špatně napsáno: „velkoobchod froté ručníky jsou nenahraditelní asistenti v každé kuchyni a koupelně." Co, co, promiňte? Obvykle v tomto okamžiku říkají: „SEO text je potřeba k přilákání robotů na web, stejně ho nikdo nečte.“ A to je částečně pravda, pokud ne...

Za druhé, SEO text je umístěn NAD (!) katalogem, to znamená, že je to ten, který jako první upoutá pozornost návštěvníka a je to ten, který vytváří první dojem z webu. A máte 5-6 sekund, nezapomeňte na to. Jinými slovy, někteří návštěvníci prostě nedosáhnou vašeho skvělého katalogu a ocení „požitky“ z textu SEO, na kterém jste ušetřili.

Než uděláte závěr, že landing page nefunguje a byly na ní vyhozené peníze, porovnejte ji s konkurencí a vyhodnoťte ji jako uživatel. Snad se sami přesvědčíte, jaké jsou jeho problematické polohy. Stojíte-li před otázkou vytvoření vstupní stránky, musíte především pochopit, že se jedná o komplexní nástroj, jehož úspěch vyžaduje seriózní marketingový průzkum, kreativní a technické práce, analýzy prodeje a vylepšení pro zvýšení konverze. Profesionální vstupní stránka prostě nemůže stát 5 tisíc rublů, protože vyžaduje práci několika odborníků po dobu nejméně jednoho měsíce!

Pokud se internetové marketingové agentury jako první zeptáte: „Kolik stojí vstupní stránka?“, výsledek vás neuspokojí. Ověřeno. Správná otázka je: „Kolik mohu vydělat na vaší vstupní stránce?“ a "Co pro to uděláš?"

Abyste měli představu o kvalitě našich kurzů, zveřejňuji
recenze mých dalších kurzů.

Manušin Sergej Alexandrovič

Dobrá podpora. O tvorbě webu jsem nevěděl vůbec nic. Díky tomuto kurzu jsem se naučila spoustu nových věcí. Ale jako u všeho, existují úskalí, kdy se bez tipů neobejdete. Naštěstí má stránka technickou podporu a právě ta v takových případech pomáhá. Jsem velmi vděčný za vaši pomoc a za vytvoření takové metodiky výuky. Velmi příjemné, srozumitelné a efektivní.

Díky moc!!!

S pozdravem, Sergey.

Kharlamov Semjon

Kurz je prostě super!!
Už dlouho jsem si chtěl vytvořit vlastní webovou stránku, a když přišla otázka nákupu, prohledal jsem celý internet a hledal nejlepší variantu (cena-kvalita). Po dlouhém hledání jsem si uvědomil, že pokud chcete web na míru, musíte si ho postavit sami. A nemýlil jsem se, protože na začátku jsem sám jasně nevěděl, jaké stránky potřebuji.

Během výstavby se můj web změnil více než jednou a abych byl upřímný, nejsem si jistý, že to tak zůstane. Nyní mám znalostní bázi, která se neustále aktualizuje a mohu kdykoliv reagovat, pokud se něco stane, změnit nebo přidat ten či onen modul, plugin nebo šablonu.

V tento kurz Alexander vše jasně a srozumitelně vysvětluje, jak vybudovat internetový obchod od nuly. Jako každá studie to stálo spoustu času a úsilí, ale je to skutečné! Nejsem obeznámen s jazyk HTML přesto jsem vybudoval plnohodnotný fungující web. A to je jen začátek, plánuje se postavit ještě pár dalších.

P.S. Alexandrovi a jeho týmu moc děkujeme za profesionální přístup

S pozdravem Semyone.

Azamat Ušanov

Vjačeslav Fetisov

Nejprve jsem při nákupu pochyboval, že dávám peníze za hodnotný produkt.
Alexander, jsem velmi potěšen vašimi kurzy, i když jsem si upřímně koupil pouze jeden z placených při vytváření internetového obchodu. Plánuji koupit 2 další kurzy jsou velmi podrobné a zajímavé, vše je k věci, s malým množstvím vody, přesně tak, jak to mám rád. Přestože jsem webdesignér s 2letou praxí, moc jsem toho nevěděl, vaše zkušenosti mi hodně pomohly a jsem s vašimi kurzy jednoduše spokojený. Zpočátku jsem při nákupu pochyboval, že platím peníze za produkt, který stojí za to, po prostudování kurzu, dlouhém sezení na fóru jsem se naučil vyrábět vlastní moduly, pochopil jsem, co je design a jak se na něj dívat .

Webináře, které vedete, jsou k nezaplacení, audit je obecně cena auditu na internetu téměř 10 000,- a prodáváte zajímavý produkt + audit + webináře + fórum, kde lidé neustále odpovídají. Cena za kurz je reálná a já to rozhodně pochopil.

Chtěla bych Vám poděkovat za Vaše kurzy. Děkuji mnohokrát.

S pozdravem Vjačeslave.

Liberman Konstantin Igorevič

10 bodů!
Kurzy Alexandra Kurteeva znám již dlouho; vše je vždy jasné a srozumitelné. Vybral jsem si tento produkt, protože jsem dlouho chtěl vytvořit ziskový obchod.

Všechny kapitoly jsou zobrazeny podrobně. Kurz obsahuje osvědčené komponenty a rozšíření. Je výhodné, že vše děláte paralelně s autorem a vidíte pokrok směrem k cíli.

Cíle bylo dosaženo, znalosti byly získány a výsledek je potěšující. Respekt tvůrcům! Doporučuji všem.

S pozdravem Liberman Konstantin.

Optimalizace konverzí je jedním z důležitých témat v oblasti digitálního marketingu a webdesignu. Někdy stačí malá úprava nebo postupné zvýšení konverzního poměru, aby měl velký dopad na prodej. Obchodníci na efektivitě vstupních stránek pracovali roky – mnozí vědí Užitečné tipy které mají pozitivní vliv na konverzi. Ale to jsou obecné rady. Profesionálové dosahují působivých výsledků pomocí mírně odlišných doporučení.

povýšení vstupní stránka nikdy nebyla jednoduchá záležitost. Především proto, že celý koncept optimalizace je veličina proměnné. Zde hodně záleží na jménu značky a její pověsti a také na tom, jak přesně se návštěvníci na stránku dostanou. A takových specifických faktorů jsou desítky, nebo dokonce stovky. A o všech se dá mluvit velmi dlouho. Existuje však několik způsobů, jak ovlivnit nárůst konverze, které rozhodně stojí za řeč.

Barva: černá a žlutá

Pokud žlutá barva v logu značky není, je nepravděpodobné, že by ji návrhář chtěl použít při vytváření rozvržení vstupní stránky. A v mnoha ohledech bude mít pravdu. Žlutá není nejlepší barva a ne vždy se hodí k jiným odstínům. Je to však jedna z nejúčinnějších barev, pokud jde o optimalizaci. vstupní stránka.

Mnozí si všimli, že žlutá se aktivně používá ve výstražných značkách; A to není náhoda. Žlutá je varovná barva a vysílá jasný signál lidem: "Buďte opatrní!" Žlutá je navíc spojena s teplem, optimismem a kreativním duchem. A když designér spojí žlutou s černou, udělá to na uživatele silný dojem. Efektivnější než tohle barevný pár pouze kombinace černé a červené, ale je příliš agresivní, ale žlutá přitahuje pozornost, ale neodstrašuje.

Při optimalizaci vstupní stránky tedy můžete zkusit změnit stávající paletu přidáním černé a žluté. Je velmi pravděpodobné, že to bude mít dobrý vliv na zvýšení konverzí.

Dolů s navigační lištou!

Co ovlivňuje efektivitu vstupní stránky? Téměř vše, ale je velmi důležité, aby v designu nebyly žádné rušivé prvky. Účelem vstupní stránky je donutit návštěvníka ke konkrétním akcím a nic by do toho nemělo zasahovat. To je důvod, proč je zcela zbytečné a dokonce škodlivé umístit navigační panel v horní části stránky. Jediným úkolem navigačního menu je přesměrovat uživatele na jiné stránky, ale vstupní stránka je nemá a neměla by je mít, protože dochází ke střetu zájmů - uživatel ztrácí koncentraci, protože chápe, že může provádět několik akcí najednou. prohlížení stránky.

Pokud chcete lépe porozumět vztahu mezi navigací a konverzemi ze vstupní stránky, existuje dobrý článek HubSpot vydaný před pár lety. Je těžké uvěřit, ale smazání navigační lišta může poskytnout zvýšení konverze od 2 do 28 % v závislosti na typu stránky. Obchodníci, kteří neustále řeší vstupní stránky, by se měli okamžitě zbavit navigace, pokud je na webu přítomna. Je tam úplně zbytečná.

Originální obrázky

Obrázky jsou důležitou součástí vstupní stránky, ale mnoho obchodníků se mylně domnívá, že téměř všechny fungují stejně dobře. Hlavní je, že jsou kvalitní a k tématu. To je špatně. Chyba při výběru obrázku může výrazně snížit konverzní poměr a v důsledku toho i úroveň příjmu. Jak tento problém vyřešit? Nejprve byste měli přestat používat obrázky z různých akcií, zejména pokud se jedná o obrázky lidí. Každý viděl vstupní stránky, kde absolutně různé zboží„zastoupené“ stejnou osobou.

Burzovní obrázek postrádá originalitu, protože často nemá nic společného s produktem nebo službou, kterou vstupní stránka nabízí. A proto to nejde. Pokud například nahradíte obrázek fotografie fotkou skutečného zaměstnance společnosti, může to vést k úžasným výsledkům. Společnost Highrise zvýšila míru konverze své vstupní stránky až o 102 %. Designéři uživatelům ukázali skutečné obrázky a publikum na to okamžitě reagovalo.

Kouzelné slovo

Případy, kdy se konverze stránky zvýší nahrazením jednoho slova jiným, nejsou tak časté. Ale to se stává. Co je to za kouzelné slovo? Mnozí budou překvapeni, ale toto slovo je „přijmout“. Řada případových studií a A/B testů ukázala, že zahrnutí slova „získat“ ve výzvě k akci má silný dopad na chování uživatelů a zvyšuje pravděpodobnost, že kliknou na tlačítko CTA. Zde je příklad: Volání „Získat informace o ceně“ funguje o 14,7 % lépe než standardní text „Informace o ceně“. Tato data byla získána experimentálně. V jiném experimentu vedlo použití slova „získat“ k 38,26% nárůstu konverzí.

Škody slabého sociálního důkazu

Dnes je v digitálním marketingu sociální důkaz považován za nezbytnou součást každé úspěšné vstupní stránky. Problém je však v tom, že celá tato diskuse o sociálním důkazu vedla k tomu, že designéři všude používali právě tento důkaz, což je samo o sobě chyba. Navíc tato praxe vedla ke vzniku takového fenoménu, jako je slabý sociální důkaz, který negativně ovlivňuje konverzi.

Nejvýraznějším příkladem slabých důkazů je vstupní stránka, kde jsou tlačítka sociální sítě umístěný v horní části stránky. Samozřejmě je velmi skvělé, když návštěvník vstupní stránky uvidí ikonu Facebooku, která označuje, že tuto vstupní stránku sdílelo 12 tisíc uživatelů. Ale stejné tlačítko může všechno zničit, pokud je jasné, že na něj nikdo nikdy neklikl. V tomto případě je lepší se tohoto prvku zbavit, protože je slabým sociálním důkazem.

Závěr

Když váš konverzní poměr přestane růst, je jasné, že budete muset vynaložit spoustu času a úsilí, abyste to rozběhli. Tento nápad obvykle není šťastný pro obchodníky, zejména pro ty s malým rozpočtem. Situaci však můžete zlepšit, pokud jich znáte efektivní způsoby. Ano, některé rady v tomto článku jsou kontroverzní, ale tak to má být. Propagace vstupní stránky je vždy nestandardní a každá maličkost zde může ovlivnit. Existují případy, kdy změna barvy tlačítka CTA ze žlutozelené na sytě žlutou vedla k prudkému nárůstu míry konverze. Takže to funguje. Možná ne vždy, vše záleží na typu stránky, ale jde to. Vyplatí se tedy experimentovat. Kdo ví, co když bude možné zvýšit konverzi bez dalších finančních nákladů?

První dojem je na internetu stejně důležitý jako na internetu. reálný život. Protože uživatelům dáváme na výběr mnoho možností, jejich pozornost klesá pouze při průchodu špatně navrženými vstupními stránkami.

Podle společné studie společnosti Google a Basilejské univerzity uživatelé hodnotí estetickou přitažlivost a vnímanou funkčnost webových stránek přibližně 1/20 až 1/50 sekundy. To je méně, než stačí lusknout prsty. A během této doby se návštěvník rozhoduje, zda vám dá šanci, nebo půjde ke konkurenci.

Co tedy mohou majitelé firem udělat, aby se odlišili od davu konkurence? Sedli jsme si se třemi nejlepšími vývojáři vstupních stránek, abychom pochopili psychologii, strategii a tajemství vytváření krásných návrhů vstupních stránek s vysokým počtem konverzí.

Vstupní stránka by měla mít jeden cíl (ano, pouze jeden)

„Nejlepší vstupní stránky jsou jednoduché a zaměřené na jeden cíl,“ vysvětluje Shar Biggers, zakladatel newyorského designového studia PROVOKE, které pracovalo na projektech pro Hillary Clinton, Sephora, Squarespace a Clinique.

Než začnete pracovat na textu nebo designu, formulujte účel cílové stránky.

„Zní to jednoduše, ale často existují prvky, o kterých klient nepřemýšlel,“ vysvětluje Simone Smyth, zakladatelka HyperBrow Studio se sídlem v Dublinu.

„Chcete zvýšit prodejní konverze, získat uživatelská data, posílit svou značku nebo vše výše uvedené? Ke každému cíli pak přistupujte samostatně, z hlediska designu a vývoje.“

„Hierarchie vstupní stránky určuje její úspěch. Proto je důležité rozhodnout o konečném cíli stránky při jejím návrhu.“

Různé cíle – různé stránky.

Hlavním cílem bude vést proces vývoje a zajistit, že po spuštění okamžitě vyhodnotíte efektivitu vstupní stránky.

V editoru vstupní stránky LPgenerator můžete vytvořit hierarchii vstupní stránky z hotových strukturálních bloků. Jsou rozděleny do kategorií: „Záhlaví“, „Výhody“, „Fáze práce“, „Formulář zájemce“, „Zápatí“ atd. Takto vypadá náš návrhář sekce:

Zapište si vše, co víte o klientech

Při navrhování vstupní stránky je tedy nejprve potřeba přemýšlet o jejím účelu. A za druhé? Porozumět publiku.

Vžijte se do kůže svých zákazníků a zamyslete se nad tím, co od stránky chtějí? Proč by měli zůstat a podniknout cílovou akci? Čím více toho o publiku víte, tím je pravděpodobnější, že návrhář pro ně vytvoří něco relevantního.

„Začínám tím, že se seznámím s podnikáním klienta, jeho odvětvím a tím, co dělají jeho konkurenti,“ vysvětluje Schar.

„Vysvětluji jim jejich vlastní obchodní procesy, jejich zákazníky a konverzní/prodejní cíle a také výhody jejich značky. Bez ohledu na potřeby jsou tyto informace pro projekt vždy relevantní.“

Shar vyvinula specifická designová řešení pro novou vstupní stránku Everwise, seznamovací služby pro mentory. Ballův design se zaměřuje na sociální důkaz (kdo službu využívá) a zákaznický úspěch (96 % správných shod). To vás motivuje k registraci a získávání dalších informací.

Vstupní stránky jsou často jedinečné pro konkrétní segment publika nebo konkrétní zákazníky. To znamená, že byste o nich již měli vědět dost, abyste návrháři měli jasnou představu o tom, na koho jsou vstupní stránky zaměřeny.

Vynikněte svým designem

Výše bylo zmíněno, že máte jen milisekundy, abyste upoutali pozornost uživatele. Během této doby se nepřečte ani ten nejodbornější text. Můžeme se spolehnout pouze na design.

Harmut Esslingen, německý designér, který pomáhal utvářet image produktů Apple v 80. letech, měl hlavní zásadu, že „forma následuje emoce“.

Když poprvé navštívíte web, vyhodnotíte jej podle určitých návrhových vzorů. Očekávejte, že nahoře nebo po straně uvidíte navigační panel nebo rozbalovací nabídku v pravém horním rohu na webu elektronického obchodu. Pokud zdroj tato očekávání nesplňuje, je pro náš mozek obtížnější z něj číst informace a automaticky to vnímáme jako nepohodlné.

Pokud však mluvíme o vstupní stránce s jedním jasně definovaným účelem, může se dodržování designových standardů obrátit proti.

„Mnoho našich klientů jsou startupy a jejich hlavním zájmem bylo udělat to správně. Ale „správné“ pro ně je to, co je v jejich prostředí považováno za normální a správné,“ vysvětluje Simon Smith.

"Myslím, že každý má přednastavenou představu o tom, jak vstupní stránka vypadá, ale tato myšlenka nemusí být nutně ta správná."

„Jsme digitální kreativní agentura. Zaměřujeme se na design, poradenství a technologie.“ Vstupní stránka je bohužel příliš dlouhá. Nebude přitahovat pozornost uživatelů

„Design je v konkurenčním závodě rozhodující. Můžete se dostat dopředu s ilustracemi, videi nebo typografií – neexistuje žádný univerzální vzorec, který by vyhovoval všem.“

„Podle mého názoru by žádný prvek neměl být vzorový. Protože každý podnik je jiný, a co je důležitější, každé publikum je jiné. Apple nebude používat stejný vzorec jako malá kavárna."

„Čistota a minimalismus jako pravidlo, Nejlepší volba, ale často podceňujeme další inovativní příležitosti,“ dodává Schar.

„To vše je relevantní nejen pro hlavní web, ale také pro vstupní stránky, bannery, vyskakovací okna a další digitální reklamní nástroje. Moje oblíbená stránka pro zachycení e-mailů je od značky Lenny.“

Design vstupní stránky můžete přizpůsobit v editoru vstupní stránky LPgenerator. Náš panel widgetů vypadá takto:

A toto je panel nástrojů pro úpravy vstupní stránky.

Zaměřte se na uživatelskou zkušenost a proměňte návštěvníky v zákazníky

Upoutal uživatelovu pozornost a přesvědčil ho, aby zůstal? Nyní začíná skutečná práce.

„Při navrhování vynikajících vstupních stránek se snažíme minimalizovat uživatelský dojem. Abychom to mohli udělat, položíme si otázky: „Zlepší to zážitek?“ a "Přidává to značce přidanou hodnotu?" vysvětluje Jesper Balzer, výkonný ředitel ajukreizi, agentury se sídlem v Kodani, která spolupracuje s klienty, jako jsou Universal Music a Roskilde Festival.

Když si Jesper a jeho tým najali Foodscene, aby vytvořili vstupní stránku pro jejich komplexní kulinářskou aplikaci, rozhodli se posílit emocionální poselství značky prostřednictvím video na celou obrazovku— motivovat uživatele ke stažení aplikace.

V důsledku toho se třetina návštěvníků vstupní stránky začala měnit v platící zákazníky.

Podobně, když byl Simon požádán, aby vytvořil vstupní stránku pro Science Gallery Dublin, klienti neformulovali jasný „požadavek“ kromě přilákání návštěvníků. Proto se vývojáři zaměřili na vytvoření unikátního uživatelského rozhraní.

„Někomu se to může zdát divné, ale dublinská galerie své publikum znala. Tito lidé jsou mladí, zvědaví a věří, že jsou jiní než jejich vrstevníci. Výzvou se tedy stalo vytvoření vstupní stránky, která bude rezonovat s tímto konkrétním publikem.“

„Naším úkolem jako designérů a vývojářů bylo vyvinout vstupní stránku, která by se stala vstupní branou k výstavní microsite. Pokud je práce odvedena dobře, bude uživatel vtažen na vstupní stránku a bude chtít pokračovat v používání webu a prozkoumat výstavu online, než navštíví galerii v reálném životě.“

Výše jsou dvě možnosti rozložení. V obou případech designér vytvořil stránku, která zvyšuje zkušenosti již zainteresovaných zákazníků.

Pro Shar je využití silných stránek značky (emocí s ní spojených atd.) hlavní složkou úspěchu vstupní stránky.

„Branding je zdaleka nejdůležitější SEO strategie, včetně dobře napsaného příběhu a špičkového vizuálního zážitku, který je relevantní na všech digitálních platformách. Spojení značky s historií vyhledávání lidí a dotazy přímo ovlivňují, kdo uvidí její obsah a vstupní stránky.“

Vytvořit. Měřit. Studie. Opakovat.

Úspěšná vstupní stránka je živý organismus. Nebude možné ji vytvořit a zapomenout v naději, že své cíle splní sama. Měření a zkoumání dat je cesta k objevování maximální výhody z vaší kampaně. A přestože již víte, že klíčová metrika úspěchu je založena na prvním bodě článku (jedna vstupní stránka – jeden cíl), můžete sledovat další ukazatele, abyste pochopili, zda návrh pomáhá nebo brání cílové akci.

„Nejdůležitější metrikou návrhu je srovnávací míra selhání na stolních počítačích a mobilní zařízení. Pokud zjistíte, že uživatelé opouštějí mobilní vstupní stránky rychleji než stránky pro počítače, pak vaše mobilní verze Problémy s UX,“ vysvětluje Shar.

„Pokud má vaše vstupní stránka nízkou míru konverze, může to mít mnoho důvodů. Ale s největší pravděpodobností nedáváte uživatelům nezbytné informace nebo nezvýraznění hodnoty. Někdy se chyby skrývají v malých věcech: například formulář pro zachycení je příliš dlouhý nebo na vstupní stránce je příliš mnoho informací.“

Shrnout. Dobrý design vstupní stránka se skládá z pěti aspektů:

• Pochopení nejdůležitějšího účelu stránky;
• Pochopení vašeho ideálního klienta;
• Jedinečný design, který přitahuje pozornost;
• Nádherný zážitek, který povzbuzuje obrácení;
• Schopnost sledovat a měřit akce uživatelů.

Pamatujte, že vstupní stránky by neměly být vytvářeny pomocí šablon. Každý musí vyvážit obchodní cíle s potřebami publika.

Viktorie Kuchinová

Hlavním problémem většiny moderních vstupních stránek je to, že se všechny zdají být kopiemi. Kde je kreativita, oheň, kde jsou designérské šílenosti?

V této sbírce jsem nasbíral zajímavé žetony a neobvyklé efekty. Některé z nich vytvořili vývojáři a webdesignéři Texterra, některé byly nalezeny na internetu. Nechybí ani ukázky ohavného designu a vyloženě hlouposti – na konci článku se seznámíte s křečkem zabijákem a Sněhurkou s kýblem.

Sledujte, inspirujte se, uvádějte nápady, které se vám líbí, do praxe, kombinujte je s vlastními a nezapomeňte provádět A/B testování – to je jediný správný recept na vytváření zabijáckých vstupních stránek.

A co je nejdůležitější, nezapomeňte, že přistání není soběstačný nástroj. Konverze, potenciální zákazníci a prodeje vyžadují kvalitní provoz. A je těžké ho získat bez komplexní propagace.

Rozšířená forma

Jednostránkové webové stránky obvykle používají standardní formulář žádosti s několika poli. Nejčastěji klient potřebuje uvést kontaktní údaje – jméno a příjmení, email nebo telefon. Ale v některých složitých oblastech je lepší téma rozvést podrobněji. Zde je návod, jak to udělali v Texterra: ve formě vstupní stránky dellservers.ru si klient může vybrat modul, parametry a úlohy serveru. Může resetovat hodnoty, pokud se něco pokazí.

K čemu to je? Vlastník vstupní stránky obdrží své potenciální zákazníky v každém případě – i když jsou ve formuláři pouze dvě nebo tři pole. Klient ale bude mít zájem kopat hlouběji. Nejen objednávat, ale vybrat si vlastní variantu.

Dvě tlačítka CTA

Na vstupní stránce plánovače úloh wunderlist.com/ru jsou dvě výzvy k akci, které se navzájem posilují: „Vytvořit zdarma účet“ a „Stáhnout Wunderlist“. Uživatelé kliknou na oba odkazy, zvýší se konverze a cílová stránka odvede svou práci na výbornou.

Konkrétní čísla (výsledky)

Toto není nová funkce, ale stále funguje. Ukažte klientům, čeho jste dosáhli v číslech: to je jasnější než abstraktní fráze „jsme nejlepší“, „máme stovky dokončených projektů“ a tak dále. Podívejte se na úvodní stránku smartprogress.do: okamžitě vidíte, kolik lidí se již do projektu zapojilo, kolik cílů si stanovili, kolik úspěchů dosáhli.

Personalizace

Vstupní stránky šablon bez tváře - brrr, co může být nudnějšího! Oživte svůj jednostránkový web, přidejte oheň a zaujměte svého potenciálního klienta. Například na stránce služeb tvorby webových stránek Texterra jsou fotografie zaměstnanců, kteří se na tom přímo podílejí. Přijde návštěvník a vidí: ano, můj zdroj nevyvinou abstraktní vývojáři, ale zcela žijící Svyatoslav, Polina, Artem a další.

Pohodlný formulář odpovědi

Na mnoha vstupních stránkách a webech můžete položit otázku pouze prostřednictvím formuláře. To znamená, že musíte uvést své jméno a příjmení, zanechat své telefonní číslo a e-mailem. Někdy dokonce musíte zadat captchas a kódy - hrůza! Je jasné, že se to dělá za účelem získání potenciálních zákazníků. Ale je tu ještě jedna možnost – jako na vstupní stránce Cerebro Target. Pokud jste registrováni na VKontakte, nemusíte nic vyplňovat - stačí napsat. Je to výhodné pro klienta i pro majitele – kontakt zůstal a můžete pokračovat v práci.

Hodnocení zákazníků

Můžete požádat klienty, aby řekli o svých dojmech a publikovali přijaté texty na vstupní stránce. Háček je ale v tom, že návštěvník si nijak neověří, zda jsou recenze pravé nebo falešné. Je lepší jít dál a přesvědčit o tom návštěvníky. Vstupní stránka huskypark.info, kterou vyvinula společnost Texterra, obsahuje slova od klientů z Instagramu s odkazy na jejich účty. Všechno je fér - přijďte a přesvědčte se sami.

Demonstrace výsledků

3D grafika a rozšířená realita

Vstupní stránka byla vytvořena pro aplikaci Qubi. Toto je hra pro děti od 3 let a dospělé. Podstata hry je jednoduchá. V prvním kroku uživatel slepí dohromady skutečnou papírovou, kartonovou nebo dřevěnou kostku podle navrženého schématu.

Poté si nainstaluje aplikaci, otevře ji na svém smartphonu a „podívá se“ na kostku přes kameru zařízení.

Kostka ožije na obrazovce chytrého telefonu nebo tabletu. Uživatel hraje trojrozměrnou verzi „Snake“, „2048“, „Labyrint“. V tomto případě musíte hru ovládat pomocí skutečné kostky. Pro ovládání kostky oběma rukama je potřeba použít speciální stojánek na smartphone, který si sami sestavíte.

Na obrázku (gif) je vidět trojrozměrný model krychle.

Co klient chtěl

Klient požádal o vytvoření vstupní stránky, která zdůrazňuje rys hry: použití 3D rozšířené reality. Zejména chtěl vidět efekt pohybujících se ploch trojrozměrné krychle, jejíž aktivní plocha je vepsána na obrazovku zařízení návštěvníka.

Co jsme udělali

Implementovali jsme trojrozměrnost pomocí 3D transformací CSS3. Přechody mezi plochami krychle se provádějí pomocí čistého JavaScriptu se sledováním přetahovat události a dotknout se. Díky neobvyklým přechodům mezi obrazovkami získá uživatel pocit hlasitosti obrazovky. To je zvláště výrazné na pracovní verzi vstupní stránky.

Pro konečnou verzi vstupní stránky jsme vytvořili realističtější verzi krychle. Na rozdíl od pracovní verze se ve finální verzi krychle otáčí zvenčí, nikoli zevnitř. Pocit 3D umocňují animace titulků.

Vstupní stránka je plně responzivní.

Interaktivní výběr barev interiéru a nábytku

Jedinečnost vstupní stránky DSK.Color je schopnost nezávisle si vybrat barvu nábytku a interiérových předmětů pomocí interaktivní palety.

Společnost "DSK.Color" maluje jakékoli povrchy v různých barvách. Můžete si objednat malování nábytku, domácí přístroje, jízdní kola, hudební nástroje a další položky. Klient si může vybrat libovolnou barvu.

Nejoblíbenější službou je malování nábytku a interiérových předmětů. Tvoří asi 80 % práce klienta.

Co klient chtěl

Klient požádal, aby vytvořil jasnou a zapamatovatelnou vstupní stránku „s výzvou k vybarvení všeho kolem“. Měl nápady na 3D ztvárnění nábytku, aby se návštěvník „mohl otočit a podívat se na malovaný kus z různých úhlů“.

Co jsme udělali

Navrhli jsme klientovi nápad: dát návštěvníkovi možnost samostatně si vybrat barvu nábytku a interiérových předmětů.

K tomu nabízela vstupní stránka obrázek místnosti, ve které si návštěvník mohl namalovat hlavní objekty pomocí palety, která se otevřela kliknutím. Na základě vybraných barev a položek si uživatel může spočítat cenu služeb. První prototyp vypadal takto.

Klientovi se nápad velmi líbil, a tak jsme vytvořili funkční prototyp vstupní stránky. Na něm už hlavní část vypadala takto.

S klientem jsme se dohodli na ponechání možnosti lakování stolu, židlí, dveří a kuchyňské linky. To jsou hlavní předměty, které firma maluje.

Po odsouhlasení prototypu se do práce zapojil designér a designér layoutu. První nakreslil všechny objekty v svg (toto je grafický formát). Druhý rozložil a přidal barevnou paletu do oblastí svg. Poté jsme implementovali modální okno. S jeho pomocí může uživatel znovu zkontrolovat barvy a položky a odeslat požadavek na službu.

Neobvyklé a obyčejné preloadery

Pomocí preloaderu nebo spinneru můžete libovolnou vstupní stránku učinit pohodlnější a vizuálně atraktivnější. V této části budeme hovořit o preloaderech a podíváme se na příklady těchto prvků vytvořených specialisty Texterra.

Co je to preloader a jaké problémy řeší?

Preloader nebo spinner je znak, který se objeví na obrazovce před načtením stránky. Tyto prvky vidíte každý den, když používáte internet. Níže je uveden příklad preloaderu.

Preloader řeší praktický problém: informuje uživatele, že se stránka načítá, a zároveň nahrazuje vizuálně neatraktivní obrázek načítání. To vyžaduje objasnění.

Kvůli technické vlastnosti Když prohlížeče fungují, webové stránky se načítají nerovnoměrně. Při načítání může rozložení „plavat“. Pokud se stránka načte během několika sekund, nikoli zlomku sekundy, uživatel bude na nějakou dobu působit neatraktivním dojmem.

Preloadery jsou implementovány pomocí standardních front-end vývojových nástrojů: HTML, CSS, JavaScript a dalších knihoven a frameworků, například jQuery, React.

Jak vylepšujeme vstupní stránky pomocí preloaderů

Vytváříme unikátní preloadery, včetně animovaných. Zde jsou některá z našich prací.

• Qubi

Pro vstupní stránku Qubi jsme vytvořili preloader, který replikuje navigační nabídku. To umožňuje uživateli porozumět tomu, jak je stránka manipulována před jejím načtením.

• Levellen

Na webu Levellen Interiors jsme použili preloader v podobě firemního loga. Jedná se o další prvek značky webu.

Vstupní stránka poskytuje informace o pronájmu prostor v obchodním centru. Hlavní tajemství vstupní stránky je v sekci „Kanceláře“. Zde si uživatel může zobrazit dostupnost volných kanceláří v jednotlivých podlažích budovy.

Když umístíte kurzor na volnou kancelář, zobrazí se tlačítko „Další podrobnosti“.

Kliknutím na tlačítko se uživatel dostane na stránku s informacemi o kanceláři a jejími fotografiemi. Z této stránky můžete odeslat žádost o pronájem pokoje.

Implementační funkce

Náš designér nakreslil tvary kancelářských prostor, výkresy byly provedeny ve formátu svg. Tyto výkresy jsou překryty na půdorysech. Když správce webu na ovládacím panelu zaznamená, že kancelář je volná, skript obsahuje zobrazení obrázku na plánu a možnost přejít na stránku s informacemi a objednávkovým formulářem. Když administrátor zaznamená, že kancelář je zaneprázdněná, skript vypne obrázek výkresu na plánu.

Vlastně design

V tomto příkladu se nejedná o žádné složité technické triky ani designové efekty – celou vstupní stránku zabírá nádherný obrázek: pozadí, barvy, lákavé fotografie astrachaňského kaviáru. Jednostránkový astrahancaviar.ru– dobrý příklad jak vás designér přiměje koupit si produkt. A hned to sněz!

Na závěr o bolavém místě – pár příkladů příšerných vstupních stránek. Pro kontrast, facepalm, bezmocná agónie a tak dále. Nebudu popisovat, co je s nimi špatně - navrhuji, abyste tyto problémy vyřešili sami. To-a-ak...