Odborné rady: tajomstvá úspešných pristátí. Zamerajte sa na používateľskú skúsenosť a premeňte návštevníkov na zákazníkov

Text mojej prvej vstupnej stránky bol dosť zvláštny. Bola som začínajúca copywritingová baba, písala som kotviace články pre známu výmenu odkazov, snažila som sa zarobiť hodnotenie a prvý copywriter milión na rôznych reklamách, etextoch a iných beznádejných lákadlách pre začiatočníkov. Cena 80 rubľov za 1000 znakov sa v tom čase zdala takmer ako fajčiarsky sen. A potom jedného dňa prišiel z tej istej burzy klient pod textom na pristátie. A s platbou, ako to už na burze býva, za kiláky. Potom som napísal, pamätám si, štvortisícový „hárok“, dostal som dobrú známku a bol som so sebou spokojný – teraz už k statusu „žraloka pera“ veľa nezostáva. Žiaľ, neviem nič o osude toho textu a o tom, či sa s jeho pomocou dalo predať aspoň niečo, ale dnes, keď si na ten príbeh spomeniem, hovorím si: je ešte veľa takých, ktorí sa ešte stále pýtajú, ako urobiť vstupnú stránku? , objednávať texty od výmenných copywriterov a ako to nakoniec dopadne? Aleksey Panshin, zakladateľ internetovej marketingovej agentúry Panshin Group, nám povedal, ktoré vstupné stránky sa predávajú a ktoré nie, ako hodnotiť konverziu a ako môžu froté uteráky pomôcť vášmu podnikaniu.

O textároch a textoch

Predajná vstupná stránka začína textom - informuje o tom každý článok na túto tému. Zbieraním na konštruktér s hotové šablóny ručne vyrobená vstupná stránka zadarmo (alebo dokonca zaplatiť špecialistovi CELÝCH 5 000 rubľov!), začínajúci podnikateľ (áno, zvyčajne je to on) sa rozhodne napísať text (aké plytvanie!) sám. No, alebo v krajnom prípade, ak je ruština naozaj tesná, začne hľadať interpreta. A kde nájsť lacných znalcov Gramota.ru a majiteľov tetovania s Ozhegovovým profilom na hrudi? Samozrejme, na burzách na voľnej nohe. V tom spočíva hlavný trik. Na napísanie vstupnej stránky nepotrebujete copywritera!

Alexej Panšin

zakladateľ internetovej marketingovej agentúry "Panshin Group"

Alexey Panshin: „Ani jeden copywriter sa nedostane na koniec toho, čo je skutočne potrebné v textoch pre vstupnú stránku alebo web. O to viac, s platbou za kiloznaki. Cena písanej vody bude nulová. Tento biznis skôr nepotrebuje copywriterov, ale obchodníkov s copywritingovými schopnosťami.

A nie je náhoda, že poprední predajcovia textárov sa nazývajú „marketingovými textármi“ a dnes dokonca vynikli ako samostatná oblasť copywritingu. Slová v názve špecializácie sa môžu dokonca zamieňať, pretože v prvom rade musí takýto špecialista rozumieť trhu, cieľové publikum a jedinečný predajný návrh (USP). A až potom píšte texty.

Pokračovanie v práci s frázami: pred napísaním textu pre pristátie musíte vytvoriť jedinečný predajný návrh. Navyše, copywriteri, ktorí plánujú pridať vyššie uvedené slovo k názvu svojej pozície, to zvyčajne musia urobiť sami. Klient často ani netuší, čím je jeho ponuka jedinečná.

Navyše, táto myšlienka je všeobecná, ktorá funguje nielen s jednostránkovými, ale aj s bežnými stránkami. Povedzme, že pred časom som napísal texty pre internetový obchod s autodielmi, ktorý ako jeden z mála v mojom meste poskytoval služby donášky domov. Navyše na stránke boli informácie o tom v samom suteréne podsekcie „O spoločnosti“, ktorá sa často vôbec nečíta.

Jednoduchým napísaním na prvú stranu webu do zoznamu kľúčových výhod sme zvýšili dopyt po službe o 3-4%. Väčšina návštevníkov však nečíta ani text na hlavnej stránke, na upútanie ich pozornosti sú potrebné obrázky a infografika. Použitím týchto metód by bolo možné zvýšiť dopyt o 10-15% alebo viac. Všetky tieto jednoduché triky už dlho úspešne používajú špecialisti v oblasti pristávacích budov.

Väčšina návštevníkov nečíta text na hlavnej stránke – na upútanie ich pozornosti sú potrebné obrázky a infografika.

Stáva sa, že úspech predaja závisí od jediného slova. Nedávno som strávil veľa času presviedčaním svojej 2-ročnej dcéry, aby išla plávať, a toto " ponúknuť rozhorčene odmietla. Oplatilo sa však nahradiť slovo „plávať“ slovom „špliechať“ a následne si to znázorniť príslušnými pohybmi tela a vrútila sa do kúpeľne ako návštevníčka nákupného centra v butiku Black Friday. Práca marketéra-copywritera pri vytváraní vstupnej stránky je podobná úlohe presvedčiť dieťa: nepísať hárok, ale nájsť slová (niekedy stačí aj jedno), ktoré návštevníka „zachytia“ a privedú k nákupu.

O zvyšovaní konverzií

Ukazovateľom úspešnosti akejkoľvek vstupnej stránky je počet konverzií. Môžu to byť hovory, aplikácie a iné kontakty. Závisí to od cieľov a zámerov zákazníka. A toto číslo je ovplyvnené mnohými faktormi: v prvom rade podnikateľským sektorom. Prístup k pristátiam pre B2C a B2B je úplne odlišný. V prvom prípade môžu vzniknúť spontánne nákupy a text môže a mal by osloviť emócie. To druhé je neprijateľné. Univerzálne riešenia však neexistujú. V rovnakej oblasti existuje veľa možností pre cieľové publikum a pre každú z nich môžu fungovať iné texty. Úlohou marketéra je identifikovať tieto styčné body medzi predávajúcim a kupujúcim.

Alexey Panshin: “Máme v agentúre klienta, s ktorým sme 3 hodiny zostavovali “háčiky”, na ktoré klienta odchytíme na našich vstupných stránkach. Po určitom čase a určitom počte šálok kávy sme nazbierali asi 20 bodov benefitov, ktoré sme potom použili pri prototypovaní dizajnu a zostavovaní zadávacích podmienok pre obsah. V dôsledku toho sa nám vo VEĽMI konkurenčnom výklenku v Moskve podarilo dosiahnuť priemernú konverziu zo vstupných stránok 12 %.“

Bohužiaľ, pre tento projekt je Alexey viazaný prísnymi povinnosťami NDA (zachovanie obchodného tajomstva. - Ed.), Preto nemôže poskytnúť plnohodnotný prípad. Pre túto oblasť podnikania je to však bežná situácia.

Konkrétne percentá zvýšenia konverzie sú individuálne pre každé odvetvie. Alexey označil 12 % za vysoko konkurenčné miesto na vysoko konkurenčnom trhu za ohromujúci výsledok. Ale pre niektorú inú oblasť môže byť táto úroveň nedostatočná.

Z pohľadu nášho partnera je potrebné vyhodnotiť efektívnosť pristátia, počnúc nielen od vášho vlastného produktu, ale aj od produktov konkurentov. Ak sa vo výsledkoch vyhľadávania nenachádzajú žiadne kvalitné vstupné stránky a lokality, môžete predpovedať vyššiu budúcu konverziu. Čím silnejší konkurenti, tým nižšia je predpoveď. Klient si už prezrel a vyhodnotil viacero atraktívnych ponúk a nedá sa predpovedať, ktorá bude v každom konkrétnom prípade „hrať“. Možno sa to zmení s rozvojom neurónových sietí, keď sa technológie naučia vytvárať individuálne ponuky na základe sieťového správania používateľov. Dnes sa budúcnosť marketingu len začína.

O uterákoch

Prekvapivo sú froté uteráky celkom schopné pomôcť vašej vstupnej stránke začať generovať príjem. Vzali sme prvú tému, ktorá nám napadla, v tomto prípade to dopadlo „veľkoobchod s uterákmi“ a náš odborník navrhol návod krok za krokom pri riešení tohto problému.

Všetko to, samozrejme, nezačína hľadaním dizajnéra, kde bude lacnejšie urobiť pristátie, ale vytvorením portrétu potenciálneho klienta: kto to je, čo potrebuje a prečo by si mal kúpiť práve váš produkt?

Veľkoobchod s uterákmi patrí do B2B sféry, čo znamená, že návštevníkom stránky nebude konečný užívateľ produktu, ale podnikateľ, ktorého hlavnou úlohou je zarobiť na vašom produkte. Alexey identifikoval niekoľko pozícií, ktoré budú zaujímať návštevníka:

• Ceny za tovar (uteráky), veľkoobchodné a odporúčané na ďalší predaj (ukazujeme, koľko môžete zarobiť).
• Podmienky nákupu: veľkosť minimálnej dávky, dostupnosť kumulatívnych zliav, aké sú podmienky platby vopred, následnej platby a aké sú možné spôsoby platby. Nezabudnite uviesť obal tovaru (počet tovaru v krabici/balení).
• Dodacie podmienky: priemerné termíny prevzatia zásielky tovaru na platbu, priemerná dodacia lehota, náklady na doručenie.
• Rozsah. Vy ste výrobca (alebo výhradný predajca, alebo niekto iný) a ponúkate kupujúcemu niečo a to, čo plne uspokojí jeho potreby.

Tieto pozície v marketingu sa tiež nazývajú „kotvy“ alebo, ako povedal Aleksey, „háky“, ktoré „uchytia“ potenciálneho klienta. Čím komplexnejší prístup k analytike, tým viac takýchto pozícií bude a presnejší bude portrét cieľového klienta, ktorému je návrh adresovaný.

Len identifikáciou potrieb budúceho klienta a vytvorením notoricky známeho USP, ktorým marketéri (nielen na internete) „zapíjali uši“ podnikateľom, možno začať riešiť technické problémy vytvorenia vstupnej stránky. Hlavná vec, na ktorú je potrebné venovať pozornosť, Alexey nazval použiteľnosť (súbor komponentov, vďaka ktorým sú informácie zrozumiteľné a pohodlné používanie vstupnej stránky) a prispôsobivosť (schopnosť stránky prispôsobiť sa obrazovkám rôznych veľkostí).

Až po identifikácii potrieb budúceho klienta a vytvorení USP môžete začať pracovať na technických otázkach vytvorenia vstupnej stránky.

Náš partner tiež poukazuje na to, že výhody by mali byť uvedené aj vizualizované. Rôzni ľudia vnímajú informácie lepšie odlišné typy. K dispozícii sú aj formuláre žiadostí, hovor zo stránky, spätná väzba, telefónne čísla, ikony sociálnych médií a ďalšie spôsoby komunikácie.

Je dôležité, aby text nielen informoval, ale nabádal návštevníka k akcii. Existujú vstupné stránky, kde na prvý pohľad nie je jasné, že sa tu dá produkt objednať. Návštevníci si prečítajú informácie a prejdú na ďalšiu stránku, kde si môžu objednať.

Zároveň sa auditujú výsledky vyhľadávania. Stránky sú hodnotené z hľadiska súladu s „kotvami“. Jedna z najlepších vstupných stránok v danom výklenku patrí výrobcovi.

Aleksey poznamenal, že vstupná stránka bola urobená profesionálne, dobre premyslená, no chýbajú jej detaily.

Po prvé, ceny nie sú uvedené. Presnejšie povedané, sú uvedené, ale aby ste ich videli, musíte rozbaliť kartu „Informácie“, pri zbežnom zobrazení nie sú viditeľné. Pri vytváraní vstupnej stránky nečakajte, že používateľ začne hneď čítať každé slovo, máte len 5-6 sekúnd na to, aby ste ho zaujali.

Po druhé, neexistujú žiadne akcie a špeciálne ponuky. Návštevník nemá záujem okamžite zadať objednávku. Aj keď vaša ponuka zaujme, môže si odkaz uložiť ako záložku, no či sa k nemu vráti alebo nie, je veľká otázka.

Po tretie, niektoré výhody nie sú špecifické. Napríklad je uvedené, že výroba je certifikovaná, ale neexistujú žiadne skeny samotných certifikátov. A „veľký výber látok“, „vysoká úroveň služieb“ a „ čo najskôr“ je klasika lacného „stock copywritingu“. Napíšte „178 možností látok“, „s vami bude spolupracovať osobný manažér“, „vyrobíme do 1 dňa“ a zákazník sám rozhodne, či je tento návrh „veľký“, „vysoký“ a „najkratší“.

Pri analýze konkurentov sa nemôžete obmedziť na vstupné stránky. Vášmu klientovi nezáleží na tom, aký nástroj používate. Vyhodnoťte stránky internetových obchodov. Jeden z najsilnejších priamych konkurentov Alexey nazval stránku, na ktorej stránke sú informácie, ktoré sú pre potenciálneho kupujúceho kľúčové. Jednoduchá a zrozumiteľná objednávková karta priťahuje pozornosť.

Existuje však veľmi veľká nevýhoda je SEO text na stránke.

Po prvé je jednoducho priemerne napísané: „Veľkoobchodné froté uteráky sú nepostrádateľní pomocníci v každej kuchyni a kúpeľni. Čo, prepáč? Zvyčajne na tomto mieste hovoria: „SEO text je potrebný na prilákanie robotov na stránku, aj tak ho nikto nečíta.“ A to je čiastočne pravda, ak nie...

Po druhé, SEO text je umiestnený NAD (!) adresárom, to znamená, že je to on, kto prvý upúta pozornosť návštevníka a je to on, kto vytvára prvý dojem zo stránky. A máte 5-6 sekúnd, nezabudnite na to. Inými slovami, niektorí návštevníci jednoducho nedosiahnu váš vynikajúci katalóg a ocenia „čaro“ textu SEO, na ktorom ste ušetrili.

Pred záverom, že vstupná stránka nefunguje a sú na nej vyhodené peniaze, porovnajte ju s konkurenciou a zhodnoťte ju ako používateľ. Snáď sa sami presvedčíte, aké sú jeho problematické polohy. Ak stojíte pred otázkou vytvorenia vstupnej stránky, hlavná vec, ktorú musíte pochopiť, je, že ide o komplexný nástroj, ktorého úspech si vyžaduje seriózny marketingový prieskum, kreatívne a technické práce, analýzy predaja a vylepšenia na zvýšenie konverzie. Profesionálne pristátie jednoducho nemôže stáť 5 000 rubľov, pretože si vyžaduje prácu niekoľkých špecialistov aspoň mesiac!

Ak sa v internetovej marketingovej agentúre ako prvé spýtate „Koľko stojí vstupná stránka?“, výsledok vás neuspokojí. Skontrolované. Správne vyjadrenie otázky: „Koľko zarobím na vašej vstupnej stránke?“ a "Čo s tým urobíš?".

Aby ste mali predstavu o kvalite našich kurzov, postujem
recenzie na moje ďalšie kurzy.

Manušin Sergej Alexandrovič

Dobrá podpora. O stránke som nevedel vôbec nič. Prostredníctvom tohto kurzu som sa veľa naučila. Ale ako všade, aj tu sú nástrahy, kde sa bez sprepitného nezaobídete. Našťastie na stránke funguje technická podpora a práve ona v takýchto prípadoch pomáha. Som veľmi vďačný za vašu pomoc a za vytvorenie takejto vyučovacej metódy. Veľmi príjemné, užitočné a efektívne.

Mnohokrat dakujem!!!

S pozdravom Sergey.

Kharlamov Semjon

Kurz je jednoducho úžasný!
Dlho som si chcel vytvoriť vlastnú webovú stránku a keď sa objavila otázka nákupu, presurfoval som celý internet a hľadal som najlepšiu možnosť (cena-kvalita). Po dlhom hľadaní som si uvedomil, že ak chcete web na mieru, musíte si ho postaviť sami. A nemýlil som sa, pretože na začiatku som sám jasne nevedel, ktorú stránku potrebujem.

V priebehu výstavby sa moja stránka viackrát zmenila a úprimne povedané, nie som si istý, či to tak zostane. Teraz mám vedomostnú základňu, ktorá sa neustále aktualizuje a môžem kedykoľvek reagovať, ak sa niečo stane, zmeniť alebo pridať ten či onen modul, plugin alebo šablónu.

AT tento kurz Alexander vysvetľuje všetko jasne a zrozumiteľne, ako vybudovať internetový obchod od začiatku. Ako každá štúdia, aj táto si vyžiadala veľa času a úsilia, no je to skutočné! Nie som oboznámený s jazyk HTML napriek tomu vybudoval plnohodnotné pracovisko. A to je len začiatok, v pláne je postaviť ešte pár ďalších.

P.S. Veľká vďaka patrí Alexandrovi a jeho tímu za profesionálny prístup

S pozdravom Semyon.

Azamat Ushanov

Vjačeslav Fetisov

Najprv som pri kúpe pochyboval, že dávam peniaze za hodnotný produkt
Alexander, som veľmi spokojný s vašimi kurzami, hoci som si poctivo kúpil iba jeden z platených kurzov o vytvorení internetového obchodu. Plánujem si kúpiť ešte 2. Kurzy sú veľmi podrobné a zaujímavé, všetko je v podstate, vody je málo, ako sa mi páči. Som síce webdizajnér s 2 ročnou praxou, ale veľa som toho nevedel, veľmi mi pomohli vaše skúsenosti a jednoducho som s vašimi kurzami spokojný. Najprv som pri nákupe pochyboval, že dávam peniaze za hodnotný produkt, po preštudovaní kurzu, niekoľkodňovom sedení na fóre som sa naučil vyrábať vlastné moduly, pochopil som, čo je dizajn a ako sa naň pozerať .

Webináre, ktoré robíte sú na nezaplatenie, audit je vo všeobecnosti cena auditu na internete takmer 10 000 a predávate zaujímavý produkt + audit + webináre + fórum, kde ľudia neustále odpovedajú. Cena za kurz je reálna a ja som tomu nepochybne nerozumel.

Chcela by som sa vám poďakovať za vaše kurzy. Ďakujem mnohokrát.

S pozdravom Vyacheslav.

Lieberman Konstantin Igorevič

10 bodov!
Kurzy Alexandra Kurteeva poznám od dávnych čias, všetko je vždy jasné a zrozumiteľné. Vybral som si tento produkt, pretože som chcel dlhodobo vytvárať ziskový obchod.

Všetky kapitoly sú zobrazené podrobne. Kurz zhromaždil osvedčené komponenty a rozšírenia. Je vhodné, že všetko robíte súbežne s autorom a vidíte pokrok smerom k cieľu.

Cieľ je dosiahnutý, vedomosti sú získané, výsledok poteší. Rešpekt tvorcom! Odporúčam každému.

S pozdravom Lieberman Konstantin.

Optimalizácia konverzného pomeru je jednou z dôležitých tém v digitálnom marketingu a webdizajne. Občas sa stane, že stačí malá úprava alebo postupné zvyšovanie konverzného kurzu na to, aby to vážne ovplyvnilo predaj. V priebehu rokov marketéri pracovali na efektívnosti vstupných stránok – mnohí to vedia užitočné tipy ktoré majú pozitívny vplyv na konverziu. Ale toto sú všeobecné rady. Profesionáli dosahujú pôsobivé výsledky, pričom sa riadia mierne odlišnými odporúčaniami.

Propagácia vstupná stránka nikdy nebolo ľahké. Po prvé, pretože celý koncept optimalizácie je veľkosť premennej. Tu veľmi záleží na názve značky a jej reputácii, ako aj na tom, ako presne sa návštevníci na stránku dostanú. A takýchto špecifických faktorov sú desiatky či dokonca stovky. A o všetkých sa dá rozprávať veľmi dlho. Existuje však niekoľko spôsobov, ako ovplyvniť nárast konverzií, ktoré určite stoja za reč.

Farba: čierna a žltá

Ak žltá farba nie je v logu značky, dizajnér ju pravdepodobne nebude chcieť použiť pri vytváraní rozloženia vstupnej stránky. A v mnohých ohľadoch bude mať pravdu. Žltá nie je najlepšia farba a nie vždy sa hodí k iným odtieňom. Je to však jedna z najefektívnejších farieb, pokiaľ ide o optimalizáciu. vstupná stránka.

Mnohí si všimli, že žltá sa aktívne používa vo výstražných značkách, táto farba je na semaforoch. A to nie je náhoda. Žltá je varovná farba a vysiela ľuďom jasný signál: „Buďte opatrní!“. Okrem toho sa žltá spája s teplom, optimizmom a kreativitou. A keď dizajnér spojí žltú s čiernou, pôsobí to na používateľa silným dojmom. Efektívnejšie ako toto farebný pár len kombinácia čiernej a červenej, ale je príliš agresívna, ale žltá púta pozornosť, ale neodstrašuje.

Takže pri optimalizácii vstupnej stránky možno budete chcieť zmeniť existujúcu paletu tak, aby obsahovala čiernu a žltú. Je veľmi pravdepodobné, že to bude mať dobrý vplyv na zvýšenie konverzií.

Dole s navigačnou lištou!

Čo ovplyvňuje efektivitu vstupnej stránky? Takmer všetko, ale je veľmi dôležité, aby v dizajne neboli žiadne rušivé prvky. Účelom vstupnej stránky je prinútiť návštevníka vykonať konkrétne kroky a nič by tomu nemalo prekážať. Preto je úplne zbytočné a dokonca škodlivé umiestniť navigačnú lištu na začiatok stránky. Jedinou úlohou navigačného menu je presmerovať používateľov na iné stránky, ale na vstupnej stránke nie sú a ani by sa nemali nachádzať, nakoľko dochádza ku konfliktu záujmov – používateľ stráca koncentráciu, pretože chápe, že môže vykonať viacero akcií na raz pri prezeraní stránky.

Ak sa chcete dozvedieť viac o vzťahu medzi navigáciou a konverziou vstupnej stránky, môžete si prečítať dobrý článok publikovaný na HubSpot pred niekoľkými rokmi. Je ťažké uveriť, ale odstránenie navigačná lišta môže poskytnúť zvýšenie konverzie od 2 do 28 % v závislosti od typu stránky. Obchodníci, ktorí neustále riešia vstupné stránky, by sa mali okamžite zbaviť navigácie, ak sa na stránke nachádza. Ona to vôbec nepotrebuje.

originálne obrázky

Obrázky sú dôležitou súčasťou vstupnej stránky, no mnohí marketéri sa mylne domnievajú, že takmer všetky fungujú rovnako dobre. Hlavné je, že sú kvalitné a k téme. To nie je pravda. Chyba pri výbere obrázka môže výrazne znížiť mieru konverzie a v dôsledku toho aj úroveň príjmu. Ako tento problém vyriešiť? V prvom rade by ste mali odmietnuť používanie obrázkov z rôznych akcií, najmä ak ide o obrázky ľudí. Každý videl vstupné stránky, kde sú úplne odlišné produkty „zastúpené“ tou istou osobou.

Burzovému obrázku chýba originalita, pretože často nemá nič spoločné s produktom alebo službou, ktorú vstupná stránka ponúka. A preto to nejde. Ak napríklad nahradíte obrázok z akcie fotografiou skutočného zamestnanca spoločnosti, môže to viesť k úžasným výsledkom. Spoločnosť Highrise týmto spôsobom zvýšila konverziu svojej vstupnej stránky až o 102 %. Dizajnéri ukázali používateľom skutočné obrázky a publikum na to okamžite reagovalo.

Čarovné slovo

Prípady, keď sa konverzia stránky zvýši v dôsledku nahradenia jedného slova iným, nie sú také bežné. Ale to sa stáva. Čo je to za čarovné slovíčko? Mnohí budú prekvapení, ale toto slovo je „prijať“. Množstvo prípadových štúdií a A/B testov ukázalo, že zahrnutie slova „dostať“ vo výzve na akciu výrazne ovplyvňuje správanie používateľov a zvyšuje pravdepodobnosť, že kliknú na tlačidlo CTA. Tu je príklad: volanie „Získať informácie o cene“ funguje o 14,7 % lepšie ako štandardný text „Informácie o cene“. Tieto údaje boli získané experimentálne. V inom experimente viedlo použitie slova „získať“ k zvýšeniu konverzií o 38,26 %.

Škody slabého sociálneho dôkazu

V digitálnom marketingu sa dnes sociálne dôkazy považujú za dôležitú súčasť každej úspešnej vstupnej stránky. Problémom však je, že všetky tieto diskusie o sociálnom dôkaze viedli dizajnérov k tomu, že práve tento dôkaz začali všade používať, čo je samo o sebe chyba. Navyše táto prax viedla k vzniku takého fenoménu, akým je slabý sociálny dôkaz, ktorý negatívne ovplyvňuje konverziu.

Najvýraznejším príkladom slabého dôkazu je vstupná stránka, na ktorej sú tlačidlá sociálne siete nachádza v hornej časti stránky. Samozrejme, je skvelé, ak návštevník vstupnej stránky uvidí ikonu Facebooku, čo znamená, že túto vstupnú stránku zdieľalo 12 000 používateľov. Ale to isté tlačidlo môže všetko pokaziť, ak je jasné, že naň nikto nikdy neklikol. V tomto prípade je lepšie sa tohto prvku zbaviť, keďže ide o slabý sociálny dôkaz.

Záver

Keď konverzný pomer prestane rásť, je jasné, že jeho rozbehnutie bude vyžadovať veľa času a úsilia. Táto myšlienka zvyčajne nepoteší obchodníkov, najmä tých s malým rozpočtom. Situáciu však môžete napraviť, ak ich poznáte efektívnymi spôsobmi. Áno, niektoré rady v tomto článku sú kontroverzné, ale mali by byť. Propagácia pristátia je vždy neštandardná a každá maličkosť tu môže „vystreliť“. Vyskytli sa prípady, keď zmena farby tlačidla CTA zo žltozelenej na sýto žltú viedla k dramatickému zvýšeniu miery konverzie. Takže to funguje. Možno nie vždy, všetko závisí od typu stránky, ale funguje to. Oplatí sa teda experimentovať. Ako viete, či to prinesie zvýšenie konverzie bez dodatočných finančných nákladov?

Prvý dojem online je rovnako dôležitý ako v skutočnom živote. Keďže používateľom dávame na výber veľa možností, ich pozornosť klesá, keď prechádzajú cez zle navrhnuté vstupné stránky.

Podľa spoločnej štúdie spoločnosti Google a Bazilejskej univerzity používatelia vyhodnotia estetickú príťažlivosť a vnímanú funkčnosť stránky za približne 1/20 – 1/50 sekundy. To je menej, ako potrebujete na lusknutie prstov. A počas tejto doby sa návštevník rozhodne, či vám dá šancu, alebo pôjde ku konkurencii.

Čo teda môžu majitelia firiem urobiť, aby vynikli z davu? Stretli sme sa s tromi najlepšími dizajnérmi vstupných stránok, aby sme pochopili psychológiu, stratégiu a tajomstvá vytvárania krásnych návrhov vstupných stránok s vysokým počtom konverzií.

Vstupná stránka by mala mať jeden cieľ (áno, iba jeden)

„Najlepšie vstupné stránky sú jednoduché a zamerané na jediný cieľ,“ vysvetľuje Shar Biggers, zakladateľ dizajnérskeho štúdia PROVOKE so sídlom v New Yorku, ktorý pracoval na projektoch pre Hillary Clinton, Sephora, Squarespace a Clinique.

Skôr ako začnete pracovať na texte alebo dizajne, sformulujte účel vstupnej stránky.

„Znie to jednoducho, ale často sú tam prvky, o ktorých klient nepremýšľal,“ vysvetľuje Simone Smyth, zakladateľka štúdia HyperBrow so sídlom v Dubline.

„Chcete zvýšiť predajné konverzie, získať údaje o používateľoch, posilniť svoju značku alebo všetko vyššie uvedené? Potom pristupujte ku každému cieľu samostatne, pokiaľ ide o dizajn a vývoj.“

„Hierarchia vstupnej stránky určuje jej úspech. Preto je dôležité rozhodnúť o konečnom cieli stránky pri jej vývoji.

Rôzne ciele – rôzne stránky.

Hlavným cieľom bude usmerňovať vývojový proces a zabezpečiť, že po štarte okamžite vyhodnotíte efektivitu pristátia.

V editore vstupných stránok LPgenerator môžete zostaviť hierarchiu vstupných stránok z hotových štrukturálnych blokov. Sú rozdelené do kategórií: Hlavička, Výhody, Fázy práce, Formulár potenciálneho zákazníka, Päta atď. Takto vyzerá náš tvorca sekcií:

Zapíšte si všetko, čo viete o klientoch

Pri navrhovaní vstupnej stránky sa teda musíte najskôr zamyslieť nad jej účelom. A za druhé? Pochopte publikum.

Vžite sa do kože zákazníkov a zamyslite sa nad tým, čo od stránky chcú? Prečo by mali zostať a podniknúť cielené opatrenia? Čím viac viete o publiku, tým je pravdepodobnejšie, že dizajnér vytvorí pre nich niečo relevantné.

„Najprv spoznám podnikanie klientov, ich odvetvie a to, čo robia ich konkurenti,“ vysvetľuje Shar.

„Vysvetľujem im ich vlastné obchodné procesy, zákazníkov a ciele konverzie/predaja a výhody ich značky. Bez ohľadu na potrebu sú tieto informácie pre projekt vždy relevantné.“

Shar vyvinula špecifické dizajnové riešenia pre novú vstupnú stránku Everwise, zoznamovaciu službu pre mentorov. Ballov dizajn sa zameriava na sociálny dôkaz (kto využíva službu) a zákaznícky úspech (96% správny). To vás motivuje k registrácii a získaniu ďalších informácií.

Vstupné stránky sú často jedinečné pre konkrétny segment publika alebo konkrétnych zákazníkov. To znamená, že by ste o nich už mali vedieť dosť, aby ste dizajnérovi poskytli jasnú predstavu o tom, na koho sú vstupné stránky určené.

Vyniknite svojím dizajnom

Vyššie bolo spomenuté, že máte otázku milisekúnd, aby ste upútali pozornosť používateľa. Za tento čas sa neprečíta ani ten najodbornejší text. Zostáva sa spoľahnúť na dizajn.

Harmut Esslingen, nemecký dizajnér, ktorý pomáhal formovať imidž produktov Apple v 80. rokoch, mal hlavný princíp, že „forma nasleduje emócie“.

Keď prvýkrát navštívite stránku, hodnotíte ju podľa určitých návrhových vzorov. Očakávajte, že sa v hornej alebo bočnej časti zobrazí navigačný panel alebo rozbaľovacia ponuka v pravom hornom rohu webovej lokality elektronického obchodu. Ak zdroj nespĺňa tieto očakávania, náš mozog z neho ťažšie číta informácie a automaticky to vnímame ako nepohodlné.

Pokiaľ však ide o vstupnú stránku s jediným, dobre definovaným cieľom, dodržiavanie dizajnových štandardov sa môže vypomstiť.

„Mnoho našich klientov alebo startupov a ich hlavným záujmom bolo robiť všetko správne. Ale „správne“ je pre nich to, čo sa v ich prostredí považuje za normálne a správne,“ vysvetľuje Simon Smith.

„Myslím si, že každý má vopred určenú predstavu o tom, ako vstupná stránka vyzerá, ale táto myšlienka nemusí byť nevyhnutne správna.“

„Sme digitálna kreatívna agentúra. Zameriavame sa na dizajn, poradenstvo a technológie.“ Ľutujeme, vstupná stránka je príliš dlhá. Nebude priťahovať pozornosť používateľov

„Dizajn je v súťažných pretekoch rozhodujúci. Môžete ísť dopredu s ilustráciami, videami alebo typografiou – neexistujú žiadne vzorce.“

„Podľa môjho názoru by žiadny prvok nemal byť štandardný. Pretože každý podnik je iný, a čo je dôležitejšie, každé publikum je iné. Apple sa nehodí do rovnakého vzorca ako do malej kaviarne."

„Čistota a minimalizmus majú tendenciu najlepšia voľba, ale často podceňujeme zvyšok inovatívnych možností,“ dodáva Shar.

„To všetko je relevantné nielen pre hlavnú stránku, ale aj pre vstupné stránky, bannery, vyskakovacie okná a ďalšie digitálne reklamné nástroje. Moja obľúbená stránka na zachytávanie e-mailov je od značky Lenny.“

Dizajn vstupnej stránky si môžete prispôsobiť v editore vstupnej stránky LPgenerator. Náš panel miniaplikácií vyzerá takto:

A toto je panel nástrojov na úpravu vstupnej stránky.

Zamerajte sa na používateľskú skúsenosť a premeňte návštevníkov na zákazníkov

Zaujali ste pozornosť používateľa a presvedčili ho, aby zostal? Teraz začína skutočná práca.

„Pri navrhovaní vynikajúcich vstupných stránok sa snažíme minimalizovať nepohodlie používateľov. Aby sme to dosiahli, kladieme otázky: „Zlepšuje to zážitok?“ a „Pridáva to značke hodnotu?“ vysvetľuje Jesper Balzer, výkonný riaditeľ ajukreizi, agentúry so sídlom v Kodani, ktorá spolupracuje s klientmi ako Universal Music a Roskilde Festival.

Keď si Jesper a tím najali Foodscene, aby vytvorili vstupnú stránku pre ich sofistikovanú aplikáciu na varenie, rozhodli sa posilniť emocionálne posolstvo značky prostredníctvom videa na celú obrazovku, aby motivovali používateľov, aby si aplikáciu stiahli.

V dôsledku toho sa tretina návštevníkov vstupnej stránky začala meniť na platiacich zákazníkov.

Podobne, keď bol Simon požiadaný, aby vytvoril vstupnú stránku pre Science Gallery Dublin, klienti nevytvorili jasnú „požiadavku“ okrem prilákania návštevníkov. Preto sa vývojári zamerali na vytvorenie jedinečného používateľského rozhrania.

„Niekomu to bude pripadať zvláštne, ale dublinská galéria poznala svoje publikum. Títo ľudia sú mladí, zvedaví a veria, že sú iní ako ich rovesníci. Úlohou teda bolo vytvoriť vstupnú stránku, ktorá bude rezonovať s týmto špecifickým publikom.“

„Našou úlohou ako dizajnérov a vývojárov bolo vyvinúť vstupnú stránku, ktorá by bola vstupnou bránou k výstavnej mikrostránke. Ak je práca vykonaná dobre, používateľ bude interagovať so vstupnou stránkou a chce pokračovať v používaní stránky preskúmaním výstavy online pred návštevou galérie v reálnom živote.“

Vyššie sú dve možnosti rozloženia. V oboch prípadoch dizajnér vytvoril stránku, ktorá dáva už zainteresovaným zákazníkom možnosť.

Pre Shar je využitie silných stránok značky (emócií atď.) kľúčovou súčasťou úspechu vstupnej stránky.

„Branding je zďaleka najdôležitejšou SEO stratégiou vrátane dobre napísaného príbehu a špičkového vizuálneho zážitku, ktorý je relevantný na všetkých digitálnych platformách. Spojenie značky s históriou vyhľadávania a dopytmi ľudí priamo ovplyvňuje, kto vidí jej obsah a vstupné stránky.“

Vytvorte. Merať. Študovať. Opakujte.

Úspešná vstupná stránka je živý organizmus. Nebude možné ho vytvoriť a zabudnúť v nádeji, že si svoje ciele splní sám. Meranie a skúmanie údajov – cesta k extrakcii maximálne výhody z vašej kampane. A hoci už viete, že kľúčová metrika úspechu je založená na prvom odseku článku (jedna vstupná stránka – jeden cieľ), môžete sledovať ďalšie ukazovatele, aby ste pochopili, či dizajn pomáha alebo bráni cieľovej akcii.

„Najdôležitejšou metrikou dizajnu je relatívna miera odchodov na pracovnej ploche a mobilné zariadenia. Ak zistíte, že používatelia odchádzajú zo vstupných stránok pre mobilné zariadenia rýchlejšie ako zo vstupných stránok pre počítače, je to vaša mobilná verzia Problémy UX,“ vysvetľuje Shar.

„Ak vaša vstupná stránka nedosahuje dobré konverzie, môže to mať veľa dôvodov. Ale s najväčšou pravdepodobnosťou nedáte používateľom potrebné informácie alebo nezvýrazňovať hodnotu. Niekedy sú chyby v maličkostiach: napríklad formulár na zachytenie je príliš dlhý alebo je na vstupnej stránke príliš veľa informácií.“

Zhrnúť. Dobrý dizajn vstupnej stránky pozostáva z piatich aspektov:

• Pochopenie najdôležitejšieho účelu stránky;
• Pochopenie ideálneho klienta
• Jedinečný dizajn, ktorý priťahuje pozornosť;
• Úžasný zážitok, ktorý povzbudzuje obrátenie;
• Schopnosť sledovať a merať akcie používateľov.

Pamätajte, že vstupné stránky by sa nemali vytvárať zo šablón. Každý z nich musí balansovať medzi cieľmi podniku a potrebami publika.

Viktória Kuchinová

Hlavným problémom väčšiny moderných vstupných stránok je to, že sa zdajú byť všetky vytvorené v kópii. A kde je kreativita, oheň, kde je dizajnové šialenstvo?

V tejto zbierke som zhromaždil zaujímavé čipy a nezvyčajné efekty. Niektoré z nich vytvorili vývojári a web dizajnéri Texterra a niektoré sa našli na Runete. Nie bez príkladov ohavného dizajnu a vyslovenej šizy - na konci článku nájdete zoznámenie so zabijáckym škrečkom a Snehulienkou s vedrom.

Sledujte, inšpirujte sa, zavádzajte nápady, ktoré sa vám páčia, do praxe, miešajte ich s vlastnými a nezabudnite na A/B test – to je jediný správny recept na vytváranie zabijáckych vstupných stránok.

A čo je najdôležitejšie, nezabudnite, že vstupná stránka nie je sebestačný nástroj. Pre konverzie, potenciálnych zákazníkov a predaj potrebujete kvalitnú návštevnosť. A je ťažké ho získať bez komplexnej propagácie.

Rozšírená forma

Jednostránkové zariadenia zvyčajne používajú štandardný formulár žiadosti s niekoľkými poľami. Najčastejšie klient potrebuje uviesť kontaktné údaje – meno, priezvisko, mail alebo telefónne číslo. Ale v niektorých zložitých oblastiach je lepšie pokryť tému podrobnejšie. V Texterre to urobili takto: vo forme vstupnej stránky dellservers.ru si klient môže vybrať modul, parametre a úlohy servera. Môže resetovať hodnoty, ak sa niečo pokazilo.

Načo to je? V každom prípade vlastník vstupnej stránky získa svojich potenciálnych zákazníkov – aj keď sú vo formulári iba dve alebo tri polia. Ale tu bude pre klienta zaujímavé siahnuť hlbšie. Nielen objednať, ale vybrať si vlastnú možnosť.

Dve tlačidlá STA

Na vstupnej stránke plánovača úloh na adrese wunderlist.com/ru sú naraz dve výzvy na akciu, ktoré sa navzájom posilňujú: „Vytvorte si bezplatný účtu“ a „Stiahnuť Wunderlist“. Používatelia kliknú na oba odkazy, konverzia stúpa a vstupná stránka robí svoju prácu dokonale.

Konkrétne čísla (výsledky)

Nie je to nové, ale stále funguje. Ukážte klientom, čo ste dosiahli v číslach: toto je jasnejšie ako abstraktné frázy „sme najlepší“, „máme stovky dokončených projektov“ atď. Pozrite sa na vstupnú stránku smartprogress.do: okamžite uvidíte, koľko ľudí sa už do projektu zapojilo, koľko cieľov bolo stanovených, koľko úspechov sa dosiahlo.

Personalizácia

Vstupné stránky šablón bez tváre - br-r, čo môže byť nudnejšie! Oživte svoj one-pager, pridajte oheň, zaujmite potenciálneho klienta. Napríklad na stránke služieb Texterra na tvorbu webových stránok sú fotografie zamestnancov, ktorí sa na tom priamo podieľajú. Návštevník príde a vidí: áno, nie abstraktní vývojári, ale celkom živí Svyatoslav, Polina, Artem a ďalší sa budú zaoberať mojím zdrojom.

Pohodlný formulár odpovede

Na mnohých vstupných stránkach a webových stránkach môžete položiť otázku iba prostredníctvom formulára. A to znamená, že musíte uviesť meno a priezvisko, nechať telefónne číslo a email. Niekedy dokonca musíte zadať captchas a kódy - hrôza! Je jasné, že sa to robí s cieľom získať potenciálnych zákazníkov. Ale je tu aj iná možnosť – ako na cieľovej stránke Cerebro Target. Ak ste zaregistrovaný na VKontakte, nemusíte nič vypĺňať - vezmite si to a napíšte. Klient sa cíti dobre, aj majiteľ sa má dobre - kontakt zostal, môžete pokračovať v práci.

Hodnotenia zákazníkov

Môžete požiadať klientov, aby hovorili o svojich skúsenostiach a publikovali prijaté texty na vstupnej stránke. Háčik je ale v tom, že návštevník si nijako nepreverí, či ide o skutočné recenzie alebo falošné. Je lepšie ísť ďalej a presvedčiť o tom návštevníkov. Vstupná stránka huskypark.info, ktorú vyvinula spoločnosť Texterra, cituje slová klientov z Instagramu s odkazmi na ich účty. Všetko je fér - príďte sa pozrieť.

Ukážka výsledkov

3D grafika a rozšírená realita

Vstupná stránka bola vytvorená pre aplikáciu Qubi. Toto je hra pre deti od 3 rokov a dospelých. Podstata hry je jednoduchá. V prvom kroku užívateľ podľa navrhovanej schémy nalepí skutočnú papierovú, kartónovú alebo drevenú kocku.

Potom si nainštaluje aplikáciu, otvorí ju na svojom smartfóne a „pozerá“ sa na kocku cez kameru zariadenia.

Na obrazovke smartfónu alebo tabletu kocka ožije. Používateľ hrá trojrozmernú verziu „Snake“, „2048“, „Labyrint“. V tomto prípade musíte hru ovládať pomocou skutočnej kocky. Na ovládanie kocky dvoma rukami je potrebné použiť špeciálny stojan pre váš smartfón, ktorý si sami zostavíte.

Trojrozmerný model kocky je možné vidieť na obrázku (gif).

Čo klient chcel

Klient požiadal o vytvorenie vstupnej stránky, ktorá zdôrazňuje vlastnosť hry: použitie 3D rozšírenej reality. Chcel najmä vidieť efekt pohybujúcich sa plôch trojrozmernej kocky, ktorej aktívna plocha je vpísaná na obrazovke zariadenia návštevníka.

Čo sme urobili

Implementovali sme 3D pomocou CSS3 3D transformácií. Prechody medzi plochami kocky sa robia pomocou čistého JavaScriptu so sledovaním ťahať udalosti a dotýkať sa. Vďaka neobvyklým prechodom medzi obrazovkami používateľ vytvára pocit trojrozmernosti obrazovky. Toto je obzvlášť výrazné na pracovnej verzii vstupnej stránky.

Pre konečnú verziu vstupnej stránky sme vytvorili realistickejšiu verziu kocky. Na rozdiel od pracovnej verzie v konečnej verzii dochádza k otáčaniu kocky zvonku, nie zvnútra. Pocit 3D umocňujú animácie titulkov.

Vstupná stránka je plne responzívna.

Interaktívny výber farieb interiéru a nábytku

Zvláštnosťou vstupnej stránky DSK.Color je možnosť nezávisle si vybrať farbu nábytku a interiérových predmetov pomocou interaktívnej palety.

Spoločnosť DSK.Color namaľuje akékoľvek povrchy rôznymi farbami. Môžete si objednať farbenie nábytku, domáce prístroje, bicykle, hudobné nástroje a ďalšie položky. Zákazník si môže vybrať akúkoľvek farbu.

Najžiadanejšou službou je maľovanie nábytku a interiérových predmetov. Tvorí asi 80 % práce klienta.

Čo klient chcel

Klient požiadal o jasné a nezabudnuteľné pristátie "s výzvou na farbenie všetkého okolo." Mal nápady na vytvorenie 3D znázornenia nábytku, aby návštevník „mohol otočiť a prezerať namaľovaný predmet z rôznych uhlov“.

Čo sme urobili

Klientovi sme ponúkli nápad: dať návštevníkovi možnosť nezávisle si vybrať farbu nábytku a interiérových predmetov.

Na tento účel ponúkla vstupná stránka obrázok miestnosti, v ktorej môže návštevník maľovať hlavné objekty pomocou palety, ktorá sa otvorí po kliknutí. Na základe zvolených farieb a položiek si používateľ môže vypočítať náklady na služby. Prvý prototyp vyzeral takto.

Klientovi sa nápad veľmi páčil, a tak sme vytvorili funkčný prototyp vstupnej stránky. Na ňom už hlavná časť vyzerala takto.

S klientom sme sa dohodli na ponechaní možnosti náteru stola, stoličiek, dverí a kuchynskej linky. Toto sú hlavné položky, ktoré spoločnosť maľuje.

Po schválení prototypu sa do práce zapojili dizajnér a dizajnér dispozičného riešenia. Prvý nakreslil všetky položky v svg (toto je grafický formát). Druhý vymyslel a pridal paletu farieb do oblastí svg. Potom bolo implementované modálne okno. Pomocou neho môže používateľ dvakrát skontrolovať farby a položky a odoslať požiadavku na službu.

Nezvyčajné a obyčajné predpätia

Pomocou preloaderu alebo spinneru môžete urobiť akúkoľvek vstupnú stránku pohodlnejšou a vizuálne atraktívnejšou. V tejto časti si povieme niečo o preloaderoch a pozrieme sa na príklady týchto prvkov vytvorených špecialistami Texterra.

Čo je to preloader a aké úlohy rieši

Preloader alebo spinner je znak, ktorý sa objaví na obrazovke pred načítaním stránky. Tieto prvky vidíte každý deň, keď používate internet. Nižšie je uvedený príklad preloaderu.

Preloader rieši praktický problém: informuje používateľa, že sa stránka načítava, a zároveň nahrádza vizuálne neatraktívny obrázok načítania. Toto je potrebné vysvetliť.

kvôli technické vlastnosti práce prehliadačov stránky stránok sa načítavajú nerovnomerne. Počas načítania môže rozloženie „plávať“. Ak sa stránka načíta za niekoľko sekúnd, nie za zlomok sekundy, používateľ bude nejaký čas pozorovať neatraktívny obrázok.

Preloadery sú implementované pomocou štandardných front-end vývojových nástrojov: HTML, CSS, JavaScript a ďalších knižníc a rámcov, ako sú jQuery, React.

Ako zlepšujeme vstupné stránky pomocou nástrojov na predbežné načítanie

Vytvárame jedinečné preloadery, vrátane animovaných. Tu sú niektoré z našich prác.

• Qubi

Pre vstupnú stránku Qubi sme vytvorili predbežné načítanie, ktoré napodobňuje navigačnú ponuku. To umožňuje používateľovi pochopiť, ako je stránka spravovaná ešte pred jej načítaním.

• levellen

Na stránke Levellen Interiors sme použili preloader vo forme firemného loga. Toto je ďalší prvok značky webových stránok.

Vstupná stránka poskytuje informácie o prenájme priestorov v biznis centre. Hlavné tajomstvo vstupnej stránky je v sekcii "Kancelárie". Užívateľ tu vidí dostupnosť voľných kancelárií na každom poschodí budovy.

Keď umiestnite kurzor myši na voľnú kanceláriu, zobrazí sa tlačidlo "Podrobnosti".

Stlačením tlačidla sa používateľ nasmeruje na stránku s informáciami o kancelárii a jej fotografiami. Na tejto stránke môžete zanechať žiadosť o prenájom izby.

Funkcie implementácie

Náš dizajnér nakreslil tvary kancelárskych priestorov, výkresy sú vo formáte svg. Tieto výkresy sú prekryté na pôdorysoch. Keď správca stránky v ovládacom paneli zaznamená, že kancelária je voľná, skript zapne zobrazenie obrázka na pláne a možnosť prejsť na stránku s informáciami a objednávkovým formulárom. Keď administrátor zaznamená, že kancelária je zaneprázdnená, skript vypne obraz v pláne.

Vlastný dizajn

V tomto príklade nie sú žiadne zložité technické triky a dizajnové efekty - celá vstupná stránka má krásny obrázok: pozadie, farby, lákavé fotografie astrachánskeho kaviáru. jednu stranu astrahancaviar.ru– dobrý príklad ako vďaka dizajnérovi chce byť výrobok zakúpený. A okamžite jesť!

Nakoniec o bolestivých - niekoľko príkladov hrozných pristátí. Pre kontrast, facepalm, impotentná agónia a tak ďalej. Nebudem opisovať, čo je s nimi zlé - navrhujem, aby ste tieto problémy vyriešili sami. Ita-a-ak...