Design domovské stránky (neboli domovské stránky) je vizuální a strukturální návrh první stránky webu, kterou návštěvníci uvidí při první návštěvě webu. Domovská stránka hraje klíčovou roli při vytváření prvního dojmu z webu a pomáhá návštěvníkům najít informace, které potřebují, nebo se dále pohybovat ve zdroji.
1. Design domovské stránky Shopify
Stejně jako mnoho dalších vstupních stránek v tomto příspěvku je ukázková vstupní stránka Shopify dělá to jednoduché. Například titulek zaměřený na uživatele obsahuje jen pár slov a stránka se spoléhá na jednoduché odrážky spíše než na odstavce, které sdělují podrobnosti a výhody zkoušky. Než začnete, je třeba vyplnit pouze několik polí. To vše vám usnadňuje online prodej pomocí vašeho nástroje.
2. Návrh domovské stránky tlamy
Vstupní stránky pomáhají uživatelům rozhodnout se, zda váš produkt nebo služba stojí za jejich drahocenný čas a energii. Jaký lepší způsob, jak jasně a přímo sdělit svou hodnotovou nabídku, než přiřadit návštěvníkům samotný problém, který vaše aplikace řeší?
Komentáře na Instagramu přibývají
ČenichAplikace pro Mac, která ztiší oznámení na obrazovce, to zcela pokrývá ukázat bez vyprávění mentality na jejich minimální vstupní stránce. Návštěvníky této stránky vítá rychlý výstřel nepříjemných oznámení v levém horním rohu obrazovky. Animace je nejen zábavná, ale také přesvědčivě zprostředkovává užitečnost aplikace bez sáhodlouhých popisů.
3. Návrh domovské stránky TransferWise
TransferWise umožňuje posílat a přijímat peníze ve více měnách a jeho vstupní stránka, zobrazená níže, rozebírá každou jednotlivou akci, takže vás nebudou rozptylovat možnosti, které se vás netýkají.
Pokud chcete poslat peníze, můžete vyplnit převodní formulář. Chcete-li přijímat peníze, jednoduše přejděte na prostřední kartu a pro registraci do TransferWise pomocí debetní karty přejděte na kartu zcela vpravo.
Každá karta na této vstupní stránce vytváří svou vlastní výzva k akci v závislosti na tom, do čeho se zapisujete – každý s jasně zeleným rámečkem, který zvýrazní váš další krok po třech možných výchozích bodech.
4. Design domovské stránky Airbnb
Chcete-li pomoci přeměnit návštěvníky na hostitele, Airbnb nabízí lákavou personalizaci: hrubý odhad průměrného výdělku na základě vaší polohy. Do polí můžete zadat další informace o svém potenciálním umístění a získat tak ještě personalizovanější hodnocení.
Pokud jste již navštívili stránku, o které jste přesvědčeni, jasná výzva k akci v horní části stránky usnadňuje konverzi na místě.
5.Teambit
svérázný není obvykle první slovo, které vás napadne, když se řekne HR software, ale vizuální vstupní stránka Teambitu je přesně taková. Jednoduchý formulář s jedním polem doprovází rozkošná kancelář plná zvířecích postaviček - všech velmi spokojený s Teambitem, pokud máte zájem. Vedle každé informační sekce na vstupní stránce se objeví kreslené zvíře, které návštěvníky láká, aby se posunuli dolů a dozvěděli se více. Design domovské stránky
Úvodní stránka Teambit je skvělým důkazem toho, že k vytvoření vtipné vstupní stránky nepotřebujete mít „zábavný“ produkt nebo službu.
6. Design domovské stránky Wistia
Za prvé, toto je vstupní stránka Wistia pro jejich bezplatný účet Wistia. Okamžitě si všimnete formuláře s jedním polem pro vytvoření účtu - modré pozadí s minimálním designem pěkně kontrastuje s jasně bílým polem formuláře.
Délka pole formuláře v kombinaci s výrazným umístěním eliminuje téměř veškeré tření při vytváření účtu... ale pokud si nejste jisti, můžete se kdykoli posouvat níže a přečíst si FAQ. Oddělením těchto dvou se silným barevným kontrastem Wistia značně usnadňuje proces převodu.
7. Webflow. Design domovské stránky
Webflow, návrhářský nástroj pro webové vývojáře, obsahuje spoustu informací do formátu GIF a tří polí formuláře. Bylo by hezké mít celý registrační formulář na jednom řádku – nejenže to zkrátí stránku, ale vyplnění každého pole zleva doprava uživatelům ukáže, jak blízko jsou ke kliknutí na čtvrté modré tlačítko a mohou začít zdarma.
Animovaný GIF pod formulářem je zobrazen ve stejném rámci na webu, takže uživatelé mohou vidět, jak produkt funguje. и zaregistrujte se bez posouvání nebo přechodu na novou stránku.
Design domovské stránky e-knihy
8. Návrh domovské stránky Naauto
Nauto, datová platforma pro samořídící auta, pomáhá společnostem, které spravují vozové parky, zajistit bezpečnější autonomní řízení. Jeho klienti budou přirozeně potřebovat všechny informace, aby mohli na této platformě prodávat. Nauto to má super jednoduché e-kniha, jehož vstupní stránka vám poskytuje krátký kontaktní formulář a náhled statistik, které dokazují, proč je tento zdroj tak důležitý.
Zelené tlačítko „Stáhnout nyní“ mohlo být dokonce záměrné (zelené koneckonců znamená „jít“).
Přejděte dolů a uvidíte další výzvu k akci „Získat eKnihu“, která uživatelům připomene, co je v obchodě. Uvidíte také tři rušivé statistiky dopravních nehod, které povzbudí uživatele, aby se dozvěděli více. Podívejte se na to níže.
9. Průmyslový silný marketingový design domovské stránky
Tato vstupní stránka mě okamžitě upoutá svým neodolatelným, poutavým nadpisem: „Don’t Make Me Zoom.“ To přímo vypovídá o obecné zkušenosti, kterou má většina z nás, když procházíme svými telefony nebo tablety – a je to také trochu drzé.
Ale to není jediná věc, která mě na této vstupní stránce zaujala. Všimněte si, jak je červená barva strategicky umístěna v horní a dolní části formuláře, což vás přitahuje ještě blíže k události konverze.
Tento design je také meta to boot: vypadá a funguje skvěle mobilní zařízení. Mějte na paměti, že mnoho návštěvníků bude přistupovat k vašim vstupním stránkám na svých chytrých telefonech nebo tabletech, a pokud design vašeho webu nevyhovuje jim, mohou to vzdát a opustit vaši stránku.
Specialisté na průmyslovou sílu marketingu vytvořili pole fonty a formuláře dostatečně velké na to, aby návštěvníci nemuseli například při čtení obsahu přibližovat a pracovat s ním.
10. Velaro Live Chat
Někdy ty nejmenší detaily dělají největší rozdíl. Jsou to například oni, kdo tvoří vstupní stránku Živý chat Velaro úžasný.
Tento malý symbol PDF nad obrázkem položky pomáhá určit, v jakém formátu bude stahování. Šipka před podnadpisem pomáhá dále upozornit na důležitou kopii, kterou si návštěvníci chtějí přečíst. Stejně jako IMPACT mají také automaticky zaškrtnuté políčko pro předplatné k newsletteru na jejich formuláři – což, pokud se změní na další zaškrtávací políčko, je skvělý způsob, jak zvýšit počet odběratelů. Všechny tyto malé, zdánlivě nevýznamné detaily pomáhají vytvořit solidní a úžasný design vstupní stránky. Design domovské stránky
11. DOPAD Branding a design / Design domovské stránky
Hlavní stránka IMPACT jsou již dlouho zdrojem inspirace pro designéry. Líbí se mi jednoduché rozvržení stránky, od velkého nadpisu a podrobného obrázku přes obrys, který obklopuje tvar, až po barvy a písma, která jsou velmi příjemná na pohled.
Bezplatná příručka IMPACT nabízí ke stažení zde také nezvýrazní samotné stažení v modrém tlačítku, které umožňuje odeslat vyplněný formulář. IMPACT vás spíše vyzývá, abyste „generovali více konverzí“ tím, že se zaměříte na to, co můžete přečtením průvodce získat.
Vstupní stránky, kde se dozvíte více
12. Odpojit
Není divu Unbounce je na vrcholu tohoto seznamu – skutečně napsali knihu o vytváření vstupních stránek s vysokým počtem konverzí. I když je na této vstupní stránce mnoho úžasných věcí, dvě se mi opravdu líbí: 1) použití chatovacího boxu místo klasického formuláře a 2) podrobné – ale dobře zabalené – informace pod formulářem/domovskou stránkou Návrh stránky
První pomáhá nasměrovat pozornost na účel stránky – abyste vyplnili formulář – způsobem, který není rušivý a nepůsobí jako dřina. Druhý dává této stránce podporu SEO (vyhledávače budou mít více obsahu k procházení) a odstraňuje úzkost z lidí, kteří potřebují vědět více o části obsahu, než odešlou své informace, aniž by odváděli pozornost lidí od okna chatu.
13. Bills.com. Design domovské stránky
Lidé si často představují vstupní stránky jako statické stránky na vašem webu. Ale se správnými nástroji je můžete udělat interaktivními a personalizovanými.
Vezměte si příklad níže s Bills.com. Chcete-li zjistit, zda by vám jejich konzultace prospěla, odpovězte na tři otázky, než se vám zobrazí formulář. Začíná to tímto:
Poté odpovězte na další dvě otázky, jako je ta níže:
A zde je konečný formulář vstupní stránky, kde vyplníte své údaje:
Nejsem si jistý, jak algoritmus funguje (nebo jestli vůbec nějaký existuje), ale když jsem ho vyplňoval, měl jsem určité obavy ne kvalifikace. Jakmile jsem zjistil, co jsem udělal, byl jsem nadšený z vyplňování formuláře, což jsem si jistý, že většina lidí, kteří mají dluh a používají tento nástroj, to dělá. Vsadím se, že tím, že bude tato nabídka exkluzivnější, než se formulář objeví na vstupní stránce, bude výrazně zvýšená konverze.
14. Design domovské stránky Trulia
Trulia udělal něco velmi podobného jako Bills.com se svou vstupní stránkou. Začíná to jednoduchým formulářem s dotazem na „adresu“ (což zní méně strašidelně než „vaše adresa“, i když to je to, co mají na mysli). Pod tímto jednoduchým polem formuláře je jasně oranžové tlačítko, které dobře kontrastuje s obrázkem postavy za formulářem a zdůrazňuje, že odhad bude přizpůsoben vašemu domovu.
Samotná adresa k odhadu hodnoty domu samozřejmě nestačí. Jednoduše označuje okolí domu. Proto jsou na další stránce uvedeny doplňující otázky k nemovitosti samotné, jako je počet lůžek a koupelen. Níže můžete vidět kopii „Řekněte nám, kam poslat zprávu“ – s prohlášením, že zadáním těchto údajů souhlasíte s kontaktováním realitní kanceláře. Je to skvělý příklad toho, jak si společnost váží svých návštěvníků od samého začátku a zároveň nastavuje očekávání návštěvníků, co se ve výsledku stane.
15. Design domovské stránky Landbota
landbot, služba, která vytváří vstupní stránky založené na chatbotech, umístí svůj vlastní produkt do středu své vstupní stránky založené na chatu. Návštěvníky přivítá přátelský robot – doplněný emotikony a GIFy – který je vybízí k poskytování informací spíše v konverzačním formátu než v tradiční formě.
16. Webprofits
Pro trochu kontrastu... co dlouhé vstupní stránky? Pomocí několika triků můžete i ta nejdelší vstupní stránka vypadat krátce. Níže uvedená vstupní stránka Webprofits ukazuje, jak na to. Design domovské stránky
Vpravo nahoře je výrazné tlačítko s výzvou k akci, kde se dozvíte více – s dobrým kontrastem na pozadí, aby vyniklo, a šipkou dolů, která podporuje posouvání. Tím, že neumisťují pole formuláře dopředu, pomáhají snížit tření a dávají návštěvníkům příležitost dozvědět se více, než se jim zobrazí možnost konverze.
Umožňují vám také pochopit, co skutečně je dělá Webové profily . Zbytek stránky poskytuje podrobnosti o tom, co obdržíte, když odešlete své informace. Navíc obsahuje strategické výzvy k akci, které vám pomohou vrátit se nahoru a vyplnit formulář, například „Pojďme si promluvit“.
17. H.BLOOM
Někdy se stačí zastavit a obdivovat vstupní stránku, jak je krásná. Při použití fotky ve vysokém rozlišení a hodně bílého místa na vstupní stránce H.BLOOM pěkné na pohled.
Kromě své krásy má stránka několik skvělých konverzních prvků: režijní formulář, jasný a stručný popis toho, co se stane, když formulář vyplníte, a dokonce i jasně oranžové tlačítko „Odeslat“. Jediná věc, kterou změníme? Kopírovat na tlačítku Odeslat – může být konkrétnější pro nabízený návrh. Design domovské stránky
18. Konverzní laboratoř
I když bych do příspěvku o vstupních stránkách nezahrnul ukázkový formulářový příspěvek, tento web je speciální. Domovská stránka je celý web – navigační odkazy vás jednoduše zavedou na níže uvedené informace. Design domovské stránky
Když kliknete na „Získat nápovědu na vstupních stránkách“, celý web se přesune, aby se uvolnilo místo pro formulář. Než kliknete, vypadá to takto:
A když na tuto výzvu k akci kliknete, podívejte se, jak formulář vypadá:
Líbí se mi, že kvůli vyplnění formuláře nemusíte opouštět stránku, ale formulář nebude rušit náhodné návštěvníky webu.
Nápady/design domovské stránky
Dobře optimalizovaná domovská stránka může proměnit zákazníky v potenciální zákazníky tím, že zachytí informace, které vám pomohou lépe porozumět, propagovat a potěšit vaše návštěvníky. Vzhledem k tomu, že vstupní stránky jsou pro konverze zásadní, je důležité zajistit, aby byly dobře naplánovány, navrženy a provedeny. Zde je několik věcí, které je třeba vzít v úvahu při vytváření cílené stránky:Atraktivní estetika: Pomoci může pouze barva vaší vstupní stránky a čisté uživatelské rozhraní. Návštěvníci se budou chtít dozvědět více o vašich produktech a vidět důkazy o hodnotě, kterou nabízíte. Podívejte se na číslo 10 na našem seznamu, Inbound Emotion, kde najdete skvělý příklad úžasné webové stránky.
Méně je více: Nechte větu nebo obrázky, aby mluvily, ale nezapomeňte zahrnout všechny popisné nadpisy a podpůrný text, aby byla vaše vstupní stránka jasná a přesvědčivá. To platí pro téměř všechny komponenty na stránce: prázdné místo, jednoduché kopírování a kratší formuláře.
Design domovské stránky
Udržujte návštěvníky na stránce: Odstraněním hlavní navigace nebo jakýchkoli rušivých zpětných odkazů je méně pravděpodobné, že se bude jednat o nějaký druh tření při vytváření potenciálních zákazníků, který by mohl vést návštěvníky k opuštění vaší stránky.
Sdílení na sociálních sítích. Snadný způsob, jak přilákat návštěvníky na vaši vstupní stránku, je pomocí tlačítek pro sdílení vsociální sítě, aby mohli distribuovat váš obsah svým fanouškům na sociálních sítích. Koneckonců, zákazníci jsou středobodem vašeho marketingového setrvačníku.
Testování A/B: Správný výkon vstupních stránek je důležitý, a protože psychologie spotřebitelů může být někdy překvapivá, je vždy nejlepší experimentovat s různými verzemi stránek, abyste zjistili, která má nejvyšší konverzní poměr (CVR). Zkontrolujte umístění nabídky, typy CTA nebo dokonce barevné schéma.
Call-To-Action: CTA, kde je maso na vstupní stránce, nebo bod obratu, kde je vyhlídka na kontakt. CTA mohou návštěvníky požádat, aby se přihlásili, stáhli, vyplnili formulář, sdíleli dál sociální sítě atd., ale obecně jsou CTA nutné k aktivnějšímu zapojení publika vaší nabídkou. Chcete-li generovat potenciální zákazníky, musí být CTA odvážné a poutavé, ale co je nejdůležitější, musí efektivně sdělovat hodnotu.
Zanechat komentář