Dizajn domovskej stránky (alebo domovskej stránky) je vizuálny a štrukturálny dizajn prvej stránky webovej lokality, ktorú návštevníci uvidia pri prvej návšteve lokality. Domovská stránka zohráva kľúčovú úlohu pri vytváraní prvého dojmu z lokality a pomáha návštevníkom nájsť informácie, ktoré potrebujú, alebo sa v zdroji orientovať ďalej.
1. Dizajn domovskej stránky Shopify
Rovnako ako mnohé iné vstupné stránky v tomto príspevku, vzorová vstupná stránka Shopify robí to jednoduchým. Napríklad nadpis zameraný na používateľa pozostáva len z niekoľkých slov a stránka sa spolieha na jednoduché odrážky, nie na odseky, aby vyjadrila podrobnosti a výhody testu. Pred začatím je potrebné vyplniť iba niekoľko polí. To všetko vám uľahčuje online predaj pomocou vášho nástroja.
2. Dizajn domovskej stránky náhubku
Vstupné stránky pomáhajú používateľom rozhodnúť sa, či váš produkt alebo služba stojí za ich drahocenný čas a energiu. Aký je lepší spôsob, ako jasne a priamo oznámiť svoju hodnotovú ponuku, než priradiť návštevníkom samotný problém, ktorý vaša aplikácia rieši?
Komentáre na Instagrame získavajú viac
PapuľaAplikácia pre Mac, ktorá stlmí upozornenia na obrazovke, to úplne pokrýva ukázať bez rozprávania mentality na ich minimálnej vstupnej stránke. Návštevníkov tejto stránky víta rýchly výstrel nepríjemných upozornení v ľavom hornom rohu obrazovky. Animácia je nielen zábavná, ale aj presvedčivo sprostredkúva užitočnosť aplikácie bez zdĺhavých popisov.
3. Návrh domovskej stránky TransferWise
TransferWise umožňuje posielať a prijímať peniaze vo viacerých menách a jeho vstupná stránka, zobrazená nižšie, rozdeľuje jednotlivé akcie, takže vás nerozptyľujú možnosti, ktoré sa vás netýkajú.
Ak chcete poslať peniaze, môžete vyplniť prevodný formulár. Ak chcete prijať peniaze, jednoducho prejdite na strednú kartu a na registráciu do TransferWise pomocou svojej debetnej karty prejdite na kartu úplne vpravo.
Každá karta na tejto vstupnej stránke vytvára svoju vlastnú výzva do akcie v závislosti od toho, na čo sa prihlasujete – každý má jasne zelený rámik, ktorý zvýrazní váš ďalší krok po troch možných východiskových bodoch.
4. Dizajn domovskej stránky Airbnb
Ak chcete pomôcť zmeniť návštevníkov na hostiteľov, Airbnb ponúka lákavú personalizáciu: hrubý odhad priemerného zárobku na základe vašej polohy. Do polí môžete zadať ďalšie informácie o svojom potenciálnom umiestnení, aby ste získali ešte viac prispôsobené hodnotenie.
Ak ste už navštívili stránku, o ktorej ste presvedčení, jasná výzva na akciu v hornej časti stránky uľahčuje konverziu na mieste.
5.Tímový tím
svojrázny nie je zvyčajne prvé slovo, ktoré vám napadne, keď si spomeniete na HR softvér, ale vizuálna vstupná stránka Teambitu je práve taká. Jednoduchý formulár s jedným poľom sprevádza rozkošná kancelária plná zvieracích postavičiek - všetkých veľmi Ak máte záujem, spokojný s Teambitom. Vedľa každej informačnej sekcie vstupnej stránky sa zobrazuje kreslené zvieratko, ktoré láka návštevníkov, aby sa posunuli nadol, aby sa dozvedeli viac. Dizajn domovskej stránky
Cieľová stránka Teambit je skvelým dôkazom toho, že na vytvorenie vtipnej vstupnej stránky nepotrebujete mať „zábavný“ produkt alebo službu.
6. Dizajn domovskej stránky Wistia
V prvom rade je to vstupná stránka Wistia pre ich bezplatný účet Wistia. Okamžite si všimnete formulár s jedným poľom na vytvorenie účtu - modré pozadie s minimálnym dizajnom pekne kontrastuje so žiarivo bielym poľom formulára.
Dĺžka poľa formulára v kombinácii s výrazným umiestnením eliminuje takmer všetky trenice pri vytváraní účtu... ale ak máte pochybnosti, vždy sa môžete posunúť nižšie a prečítať si FAQ. Vďaka oddeleniu týchto dvoch so silným farebným kontrastom Wistia značne zjednodušuje proces konverzie.
7. Webflow. Dizajn domovskej stránky
Webflow, dizajnový nástroj pre webových vývojárov, obsahuje množstvo informácií do GIF a troch polí formulára. Bolo by pekné mať celý registračný formulár na jednom riadku – nielenže to skracuje stránku, ale vyplnenie každého poľa zľava doprava ukazuje používateľom, ako blízko sú od kliknutia na štvrté modré tlačidlo a môžu začať zadarmo.
Animovaný GIF pod formulárom je zobrazený v rovnakom rámci na webovej stránke, takže používatelia môžu vidieť, ako produkt funguje. и zaregistrujte sa bez posúvania alebo prechodu na novú stránku.
Dizajn domovskej stránky e-knihy
8. Dizajn domovskej stránky Naauto
Nauto, dátová platforma pre autá s vlastným pohonom, pomáha spoločnostiam, ktoré spravujú vozové parky, zabezpečiť bezpečnejšiu autonómnu jazdu. Prirodzene, jeho klienti budú potrebovať všetky informácie na predaj na tejto platforme. Nauto to má super jednoduché elektronická kniha, ktorej vstupná stránka vám poskytuje krátky kontaktný formulár a náhľad štatistík, aby ste dokázali, prečo je tento zdroj taký dôležitý.
Zelené tlačidlo „Stiahnuť teraz“ mohlo byť dokonca zámerné (zelené koniec koncov znamená „choď“).
Posuňte zobrazenie nadol a uvidíte ďalšiu výzvu na akciu „Získať eKnihu“, ktorá používateľom pripomenie, čo je v obchode. Uvidíte tiež tri rušivé štatistiky o dopravných nehodách, ktoré povzbudia používateľov, aby sa dozvedeli viac. Pozrite si to nižšie.
9. Dizajn domovskej stránky pre silný priemyselný marketing
Táto vstupná stránka ma okamžite priťahuje svojím neodolateľným, pútavým nadpisom: „Nerob mi približovanie.“ To priamo hovorí o všeobecnej skúsenosti, ktorú má väčšina z nás, keď prechádzame našimi telefónmi alebo tabletmi – a je to tiež trochu drzé.
Ale to nie je jediná vec, ktorá ma zaujala na tejto vstupnej stránke. Všimnite si, ako je červená farba strategicky umiestnená v hornej a dolnej časti formulára, čím sa ešte viac priblížite ku konverznej udalosti.
Tento dizajn je navyše meta: vyzerá a funguje skvele mobilné zariadenia. Majte na pamäti, že mnohí návštevníci budú pristupovať k vašim vstupným stránkam na svojich smartfónoch alebo tabletoch a ak dizajn vášho webu nevyhovuje im, môžu sa vzdať a opustiť vašu stránku.
Špecialisti na marketing priemyselnej sily urobili pole fonty a formuláre dostatočne veľké na to, aby návštevníci nemuseli napríklad približovať, aby mohli čítať obsah a interagovať s ním.
10. Velaro Live Chat
Niekedy tie najmenšie detaily robia najväčší rozdiel. Sú to napríklad tí, ktorí robia vstupnú stránku Velaro Live Chat úžasný.
Tento malý symbol PDF nad obrázkom položky pomáha určiť, v akom formáte bude sťahovanie. Šípka pred podnadpisom pomáha ďalej zvýrazniť dôležitý text, ktorý si návštevníci chcú prečítať. Rovnako ako IMPACT majú tiež automaticky začiarknuté políčko pre predplatné do bulletinu na ich formulári – čo, ak sa zmení na dodatočné začiarkavacie políčko, je skvelý spôsob, ako zvýšiť počet odberateľov. Všetky tieto malé, zdanlivo bezvýznamné detaily pomáhajú vytvoriť solídny a úžasný dizajn vstupnej stránky. Dizajn domovskej stránky
11. VPLYV Branding a dizajn / Dizajn domovskej stránky
Domáce IMPACT sú už dlho zdrojom inšpirácie pre dizajnérov. Páči sa mi jednoduché rozloženie stránky, od veľkého nadpisu a podrobného obrázka, cez obrys, ktorý obklopuje tvar, až po farby a písma, ktoré sú veľmi príjemné na pohľad.
Bezplatná príručka IMPACT ponúka na stiahnutie tu tiež nezvýrazňuje samotné stiahnutie v modrom tlačidle, ktoré umožňuje odoslať vyplnený formulár. IMPACT vás skôr vyzýva, aby ste „vygenerovali viac konverzií“ zameraním sa na to, čo môžete získať čítaním príručky.
Vstupné stránky, kde sa dozviete viac
12. Unbounce
Niet sa čomu čudovať Unbounce je na vrchole tohto zoznamu – skutočne napísali knihu o vytváraní vstupných stránok s vysokým počtom konverzií. Aj keď je na tejto vstupnej stránke veľa úžasných vecí, dve, ktoré sa mi veľmi páčia, sú: 1) používanie chatovacieho boxu namiesto klasického formulára a 2) podrobné – ale dobre zabalené – informácie pod formulárom/domovskou stránkou Dizajn stránky
Prvý pomáha upriamiť pozornosť na účel stránky – na vyplnenie formulára – spôsobom, ktorý je nenápadný a nepôsobí ako fuška. Druhý dáva tejto stránke podporu SEO (vyhľadávacie nástroje budú mať k dispozícii viac obsahu na prehľadávanie) a odstraňuje úzkosť z ľudí, ktorí potrebujú vedieť viac o časti obsahu pred odoslaním svojich informácií, bez toho, aby odvádzali pozornosť ľudí od okna rozhovoru.
13. Bills.com. Dizajn domovskej stránky
Ľudia si často predstavujú vstupné stránky ako statické stránky na vašom webe. Ale so správnymi nástrojmi ich môžete urobiť interaktívnymi a personalizovanými.
Vezmite si príklad nižšie s Bills.com. Ak chcete zistiť, či by ste mali z ich konzultácie prospech, odpovedzte na tri otázky predtým, ako sa vám zobrazí formulár. Začína to týmto:
Potom odpovedzte na ďalšie dve otázky, ako je tá nižšie:
A tu je konečný formulár vstupnej stránky, kde vyplníte svoje informácie:
Nie som si istý, ako algoritmus funguje (alebo či vôbec nejaký existuje), ale keď som ho vypĺňal, mal som určité obavy nie kvalifikácie. Keď som zistil, čo som urobil, s nadšením som vyplnil formulár, čo určite robí väčšina ľudí, ktorí majú dlh a používajú tento nástroj. Stavím sa, že vďaka exkluzívnejšej ponuke pred zobrazením formulára na vstupnej stránke bude Bills.com výrazne zvýšená konverzia.
14. Dizajn domovskej stránky Trulia
Trulia urobil niečo veľmi podobné ako Bills.com so svojou vstupnou stránkou. Začína to jednoduchým formulárom so žiadosťou o „adresu“ (čo znie menej strašidelne ako „vaša adresa“, aj keď to znamená). Pod týmto jednoduchým poľom formulára je jasne oranžové tlačidlo, ktoré dobre kontrastuje s obrázkom postavy za formulárom a zdôrazňuje, že odhad bude prispôsobený vášmu domovu.
Samozrejme, samotná adresa na odhad hodnoty domu nestačí. Jednoducho označuje okolie domu. Preto sú na ďalšej stránke doplňujúce otázky o samotnej nehnuteľnosti, ako je počet lôžok a vaní. Nižšie môžete vidieť kópiu „Povedzte nám, kam poslať správu“ – s odmietnutím zodpovednosti, že zadaním týchto informácií súhlasíte s kontaktovaním realitného makléra. Je to skvelý príklad toho, ako si spoločnosť od samého začiatku váži svojich návštevníkov a zároveň nastavuje očakávania návštevníkov, čo sa v dôsledku toho stane.
15. Dizajn domovskej stránky Landbotu
landbot, služba, ktorá vytvára vstupné stránky založené na chatbotoch, umiestňuje svoj vlastný produkt do stredu svojej vstupnej stránky založenej na chate. Návštevníkov víta priateľský robot – doplnený o emotikony a GIFy – ktorý ich povzbudzuje, aby poskytovali informácie skôr v konverzačnom formáte než v tradičnej forme.
16. Webprofits
Pre malý kontrast... a čo dlhé vstupné stránky? Pomocou niekoľkých trikov dokážete skrátiť aj tú najdlhšiu vstupnú stránku. Nižšie uvedená vstupná stránka Webprofits ukazuje, ako to urobiť. Dizajn domovskej stránky
Vpravo hore je výrazné tlačidlo s výzvou na akciu, aby ste sa dozvedeli viac – s dobrým kontrastom na pozadí, aby vyniklo, a so šípkou nadol, ktorá podporuje posúvanie. Tým, že neumiestňujú pole formulára dopredu, pomáhajú znižovať trenie a poskytujú návštevníkom príležitosť dozvedieť sa viac predtým, ako sa im zobrazí možnosť konverzie.
Umožňujú vám tiež pochopiť, čo naozaj je značky Webprofits . Zvyšok stránky poskytuje podrobnosti o tom, čo dostanete, keď odošlete svoje informácie. Okrem toho obsahuje strategické výzvy na akciu, ktoré vám pomôžu vrátiť sa na začiatok a vyplniť formulár, napríklad „Porozprávajme sa“.
17. H.BLOOM
Niekedy sa stačí zastaviť a obdivovať vstupnú stránku, aká je krásna. Pri použití fotografie vo vysokom rozlíšení a veľa bieleho miesta na vstupnej stránke H.BLOOM pekné na pohľad.
Okrem svojej krásy má stránka niekoľko skvelých konverzných prvkov: režijný formulár, jasný a stručný popis toho, čo sa stane, keď formulár vyplníte, a dokonca aj jasne oranžové tlačidlo „Odoslať“. Jediná vec, ktorú zmeníme? Kópia na tlačidle Odoslať – môže byť konkrétnejšie pre ponúkaný návrh. Dizajn domovskej stránky
18. Conversionlab
Aj keď by som do príspevku o vstupných stránkach nezahrnul ukážkový formulárový príspevok, táto stránka je špeciálna. Domovská stránka je celá stránka – navigačné odkazy vás jednoducho zavedú na informácie nižšie. Dizajn domovskej stránky
Keď kliknete na „Získať pomoc na vstupných stránkach“, celá lokalita sa presunie, aby sa vytvorilo miesto pre formulár. Pred kliknutím to vyzerá takto:
A keď kliknete na túto výzvu na akciu, pozrite sa, ako vyzerá formulár:
Páči sa mi, že nemusíte opustiť stránku, aby ste vyplnili formulár, ale formulár nebude obťažovať náhodných návštevníkov webu.
Nápady/Dizajn domovskej stránky
Dobre optimalizovaná domovská stránka môže premeniť zákazníkov na potenciálnych zákazníkov tým, že zachytí informácie, ktoré vám pomôžu lepšie pochopiť, predávať a potešiť vašich návštevníkov. Keďže vstupné stránky sú rozhodujúce pre konverzie, je dôležité uistiť sa, že sú dobre naplánované, navrhnuté a zrealizované. Tu je niekoľko vecí, ktoré je potrebné zvážiť pri vytváraní cielene stránky:Atraktívny estetický vzhľad: Pomôcť môže iba farba vašej vstupnej stránky a čisté používateľské rozhranie. Návštevníci sa budú chcieť dozvedieť viac o vašich produktoch a vidieť dôkazy o hodnote, ktorú ponúkate. Pozrite sa na číslo 10 v našom zozname, Inbound Emotion, kde nájdete skvelý príklad úžasnej webovej stránky.
Menej je viac: Väčšinu rozprávania nechajte na vetu alebo obrázky, ale nezabudnite zahrnúť všetky popisné nadpisy a podporný text, aby bola vaša vstupná stránka jasná a presvedčivá. Týka sa to takmer každého komponentu na stránke: biele miesto, jednoduché kopírovanie a kratšie formuláre.
Dizajn domovskej stránky
Udržujte návštevníkov na stránke: Odstránením hlavnej navigácie alebo akýchkoľvek rušivých spätných odkazov je menej pravdepodobné, že pôjde o nejaký druh napätia pri vytváraní potenciálnych zákazníkov, ktorý by mohol viesť návštevníkov k opusteniu vašej stránky.
Zdieľanie na sociálnych sieťach. Jednoduchým spôsobom, ako prilákať návštevníkov na vašu vstupnú stránku, je použiť tlačidlá zdieľaniasociálne siete, aby mohli distribuovať váš obsah svojim sledovateľom na sociálnych sieťach. Zákazníci sú predsa stredobodom vášho marketingového zotrvačníka.
A/B testovanie: Správna výkonnosť vstupných stránok je dôležitá, a keďže psychológia spotrebiteľov môže byť niekedy prekvapivá, vždy je najlepšie experimentovať s rôznymi verziami stránok, aby ste zistili, ktorá má najvyššiu mieru konverzie (CVR). Skontrolujte umiestnenie ponuky, typy CTA alebo dokonca farebnú schému.
Call-To-Action: CTA, kde je mäso na vstupnej stránke, alebo bod obratu, kde je vyhliadka stať sa kontaktom. CTA môžu návštevníkov požiadať, aby sa prihlásili, stiahli, vyplnili formulár, zdieľali ďalej sociálne siete atď., ale vo všeobecnosti sú CTA potrebné na aktívnejšie zapojenie publika do vašej ponuky. Na generovanie potenciálnych zákazníkov musia byť CTA odvážne a pútavé, ale čo je najdôležitejšie, musia efektívne sprostredkovať hodnotu.
Оставить комментарий