31 Nejlepší Homepage Design Příkladů a Nápadů pro Vaše webové Stránky

Co se stane, když se pokusíte prodat dům s zarostlé zahrady, trhliny v příjezdové cestě, a rozbité přední dveře? Žádné nabídky, že? To je přesně důvod, proč potřebujete pro svůj web nejlepší design domovské stránky.

považujte svou domovskou stránku za analogickou s domácí pohotovostní přitažlivostí. Je to první věc, kterou mnoho lidí vidí, když navštíví váš web, takže je chcete ohromit od druhého načtení stránky.,

ale nejde jen o estetiku. Chcete také převést svou domovskou stránku. Jak jsem řekl výše, rozbité přední dveře a nepřístupná příjezdová cesta brání budoucím kupujícím dokonce uvažovat o prodeji. Totéž platí pro vaše webové stránky.

lidé nemohou nebo nebudou konvertovat, pokud jim nedáte podnět k tomu, a pokud neprovedete převod tak snadný a intuitivní, jak je to možné.

prvním krokem při získávání více zákazníků je pochopit základní prvky, které by měly jít do každé domovské stránky.,

jakmile zvládnete základy, čerpejte inspiraci z 31 nejlepších návrhů domovské stránky, abyste zjistili, co bude nejlépe fungovat pro vaše podnikání a vaše publikum.

výhody Dobře navržené domovské stránky

jednoduchý design domovské stránky vítá vaše publikum na vašem webu, řekne jim, co chcete, aby dělali dál, a umožňuje jim prozkoumat vaše stránky do větší hloubky.

do jednoduchého designu domovské stránky můžete přidat složitost, ale nechcete začít s přeplněným nepořádkem a musíte jej selektivně prořezávat. Vždy začněte se základy.

co potřebujete na své domovské stránce?, Co vaše publikum očekává? A které prvky mají přednost?

když můžete odpovědět na tyto otázky, budete mít informace, které potřebujete pro lepší homepage design. Ve webovém designu mají prvky domovské stránky velmi specifické účely.

pomáhá vaše cílové publikum poznat vaše podnikání

mnoho návštěvníků vašich webových stránek najde vaši domovskou stránku jako první. S ohledem na to musíte udělat solidní první dojem.

vaše domovská stránka by měla poskytnout smysl pro hodnoty vaší společnosti, jedinečný prodejní návrh (USP) a účel., Jste více pravděpodobné, že nalákat potenciální zákazníky, pokud můžete efektivně komunikovat tyto informace.

zlepšení uživatelské zkušenosti na vašich webových stránkách

spotřebitelé navštíví vaše webové stránky s cílem. Mohlo by to být podívat se na produktovou řadu, přečíst si příspěvky na blogu nebo zjistit, zda prodáváte určitý typ služby.

bez ohledu na to, chcete nasměrovat tohoto spotřebitele na příslušnou stránku. Váš domovská stránka design by měl usnadnit tento přechod tím, že poskytuje intuitivní navigaci a pocit, jak vaše webové stránky proudí.,

Plynoucí více konverzí

chcete webové stránky návštěvníky, který chcete převést, ale nebudou, pokud nechcete dát jim potřebnou motivaci a příležitost. Možná chcete vytvořit seznam e-mailů, ale pokud návštěvníci nemohou najít přihlašovací formulář, vaše databáze zůstane prázdná.

díky tomu, že jsou tyto informace snadno přístupné na vaší domovské stránce, uvidíte uptick v konverzích.

dalším způsobem, jak zvýšit konverze, je vytvořit silný první dojem s domovskou stránkou. Pokud si návštěvníci užijí své zkušenosti na vašem webu, budou si to pravděpodobně pamatovat i v budoucnu., Možná, že nebudete dělat prodej dnes, ale že zákazník vrátí dny nebo týdny později a koupit od vás.

zlepšení povědomí o značce

aby vaše společnost zapamatovatelné tím, že vaše image značky a zpráv projít na každé stránce. To platí zejména, pokud jde o design domovské stránky, protože domovská stránka slouží jako brána ke zbytku vašeho webu.

vaše logo, slogan a účel musí být v centru pozornosti., Ve skutečnosti, můžete dokonce chtít přidat formu nebo údaj, že na samém vrcholu své domovské stránce — nejlépe v velké písmo — to dává návštěvníkům pocit, co si myslíte:

Jaké problémy řešíte pro své zákazníky? Jak si zlepšit život svých klientů – ať už osobní nebo profesionální?

nenuťte své publikum na webu, aby muselo přijít na to a hádat, co to děláte. Ať je to jasné od začátku.,

jak navrhnout domovskou stránku webu

Nyní, když znáte čtyři cíle, které motivují vaše principy návrhu, položte si tři hlavní otázky: co na své domovské stránce absolutně potřebujete? Kdo je vaše cílové publikum a co očekávají? Které prvky mají přednost?

jakmile máte odpovědi na tyto tři otázky, můžete začít vykreslovat, jak nejlépe vylepšit svou domovskou stránku. Nezapomeňte spojit každý z vašich konstrukčních prvků s jedním ze čtyř výše uvedených cílů. A co je nejdůležitější, nebojte se dostat to perfektní. Optimalizace webových stránek je probíhající proces!,

nejlepší příklady designu domovské stránky (a proč fungují)

neexistuje lepší učitel než příklad. Ukážu vám některé z nejlepších příkladů designu domovské stránky, které jsem našel, a řeknu vám přesně, proč fungují, takže můžete použít stejnou taktiku na svém vlastním webu.

Dropbox

dříve jsem volal Dropbox jako vynikající příklad dobrého marketingu všude kolem. Domovská stránka společnosti se neliší., Máte mírně nakřivo hrdina obraz, který čerpá oko a dva CTAs — z nichž jeden používá tmavé pozadí, aby čerpat více pozornosti, protože je to pro placenou verzi nástroje.

marketingová kopie je zde velmi jednoduchá. Dropbox zná své cílové publikum a cvičí se na bolestivých bodech, které je ovlivňují, včetně efektivity a bezpečnosti. Navíc je navigace pěkně odizolovaná, s možností „porovnat plány“.“

Slack

miluji design domovské stránky Slack kvůli svým jedinečným ilustracím. S vlastní grafikou se nemůžete pokazit., Také se mi líbí slogan – “ kde se práce děje — – protože je kreativní, ale také zapouzdřuje účel nástroje.

Slack objasňuje, co by měli návštěvníci dělat. Mohou se přihlásit nebo vytvořit účet. Zde máme více možností navigace, než poskytuje Dropbox, ale každý přispívá k pomoci návštěvníkům najít to, co chtějí.

Green Mountain Energy

jdu s jiným příkladem vlastní grafiky. Green Mountain Energy nenechává žádné pochybnosti o účelu společnosti. Chce poskytovat čistou energii za přijatelnou cenu., Existují dva stejné CTA-jeden pro rezidenční zákazníky a jeden pro majitele podniků — které používají kontrastní barvy k kreslení oka.

CarMax

CarMax narazil při navrhování své domovské stránky na jedinečnou výzvu. Firma kupuje i prodává auta, takže musela obstarávat oba diváky. Jak vidíte, CarMax uspěje.

Více CTAs přímé návštěvníky buď najít auto koupit nebo prodat své ojeté auto. Čisté a jednoduché. Obrázek hrdiny je jasně vlastní, protože na poznávací značce vozidla můžete vidět logo CarMax.,

thredUP

eCommerce homepage design může být složité. Představujete podnikání, předvádíte svůj vlajkový produkt nebo přemohete své publikum tunami produktů nebo kategorií?

doufejme, že to neuděláte.

v případě thredUP jde o sezónní přístup. Zdá se, že boho styl je (alespoň pro ženy), takže vidíme vlastní grafiku, která inzeruje spoustu Boho módy k dispozici. Navigace je robustní, ale čistě navržená, takže návštěvníci mohou snadno najít Kategorie, které je zajímají.,

StudioPress

Minimální prvky, plochý design ilustrace a tlumené barvy, aby StudioPress homepage design lesk. Díky kopii přesně víte, co StudioPress dělá pro své zákazníky: „Vytvářejte úžasné weby WordPress.“Pak máte na výběr tři CTA na základě toho, jak chcete postupovat.

Healthline

někdy musí váš přístup k designu domovské stránky odrážet typ webové stránky, kterou vytváříte., V případě Healthline je to především vzdělávací publikace, která poskytuje tipy a pohledy na zdravotní péči, výživu, fitness a další.

toto je příklad designu „showing, not telling“. Místo velkého nadpisu, který říká: „publikujeme články o zdraví,“ Healthline ukazuje tuto skutečnost se spoustou titulů článků a výňatků nad záhybem. V záhlaví máte také přístup k nabídce hamburgerů, která vám pomůže přejít na to, co chcete, a jednoduchý odkaz na zpravodaj webu.,

Crazy Egg

nemyslel jste si, že bych napsal tento článek bez zahrnutí Crazy Egg, že? Domovská stránka tohoto webu se zaměřuje výhradně na povzbuzení návštěvníka, aby připojil svou adresu URL k zobrazení heatmap. K dispozici je také odkaz na zahájení 30denní bezplatné zkušební verze, přičemž vedle něj je jazyk „zrušit kdykoli“.

v hlavičce máte sociální důkaz, který návštěvníkům říká, kolik lidí důvěřuje nástrojům Crazy Egg. Pokud se posouváte dolů, narazíte na rozšiřitelný obsah těsně pod nějakým dalším sociálním důkazem.,

Když kliknete na „více informací“ odkaz, stránka se rozšiřuje a zahrnuje i další informace o tom, jak Crazy Egg pomáhá majitelům webových stránek, zvýšení konverzí.

Počítadlo Instalatérské práce

Toto je hodně odlišná od jiných příkladů na této stránce, ale jsem opravdu rád, jak Abacus Instalatérské má strukturovaný své domovské stránce.

může to vypadat trochu přeplněné, ale tato domovská stránka obsahuje spoustu sociálního důkazu. Logo akreditované BBB, počet recenzí a slova „můžete se na nás spolehnout“ jsou strategicky umístěny.,

Na domovské stránce ukazuje další budování důvěry prvek, který je, že zákazníci získají osobní informace o technici před techniků příjezdu. Zákazníci se mohou cítit bezpečněji s vědomím, že skutečně otevírají dveře technikovi Abacus.

trivago

možná jste mě slyšeli říkat jednou nebo dvakrát, že mám rád minimální design. Nemůžete získat mnohem minimální než design domovské stránky trivago. Zaměřuje se na jednu věc: přimět návštěvníky k hledání cíle. To je ono.,

Century21

slovo „neúprosný“mě upoutalo, když jsem poprvé viděl tento design domovské stránky. Kdybyste najímala Realitní kancelář, nechtěla byste, aby byl neúprosný? To bych udělal.

design domovské stránky je atraktivní a ideální pro publikum Century21. Zaměřte se na vyhledávání vlastností okamžitě z domovské stránky, ale máte také přístup k užitečné navigaci.

Marc Jacobs

Nikdo by nikdy zavolejte mi módní expert, ale líbí se mi celkově homepage design na Značku Jacobs stránky., Je minimalistický a sofistikovaný, který vyhovuje cílovému publiku a kreativní copywriting upoutá pozornost návštěvníků.

spotřebitelé si navíc okamžitě všimnou objednávky dopravy zdarma v horní liště a dobře rozmístěných navigačních odkazů.

Laura Worthington Fonts

Laura Worthington vytvořila design domovské stránky, který odráží její přístup k navrhování písem. Je to ženské a barevné, aniž by ohromující smysly.,

současně se prvky necítí přeplněné a okamžitě víte, co Laura Worthington prodává.

Skype

Používám Skype hodně, takže jsem docela obeznámen s tím, jak to funguje. Skype vytvořil design domovské stránky, který dokonale oslovuje své cílové publikum. Grafika jemně komunikuje, že technologie funguje na všech typech zařízení a slovo „miliony“ ukazuje, jak populární je služba.

pak máte tři věci, pro které lidé používají Skype: mluvení, chatování a spolupráce., Tlačítko CTA s modrým pozadím a bílým textem krásně upozorňuje na sebe.

Fitness Mixér

Z loga na marketing kopírování, Fitnessblender vytvořil úžasnou stránku. Se všemi penězi, které lidé utratí za fitness průmysl, je osvěžující — a přesvědčivé — vidět zprávu, která slibuje cvičení videa, která nestojí peníze. Zapište mě!

máte také mužské a ženské modely, z nichž oba vypadají fitness-ready, upoutat pozornost a motivovat publikum.,

Hnízda

zkopírujte a symboly vzít do centra pozornosti Hnízdo homepage design. V tomto příkladu vidím některé prvky designu Apple. Máte produkt seřazený ve všech jeho barvách a slogan „Úspora energie nikdy nevyjde z módy.“CTA“ Buy now “ řekne návštěvníkům přesně, co by měli dělat dál.

Toastmasters International

přestože design Toastmasters International homepage se může zdát zpočátku trochu datovaný, musíte si pamatovat jeho cílové publikum., Organizace chce přilákat lidi — obvykle obchodní vůdce-a dělá to tak dobře. Líbí se mi obrázky na pozadí a kopie titulku. Navíc barvy odpovídají tónu a hlasu, který si organizace přeje vyjádřit.

pokud to nefunguje pro vaše podnikání, nemusíte používat bledé barevné schéma nebo minimalistický design. Neváhejte experimentovat a zjistit, jak nejlépe reprezentovat vaše podnikání.

Bookouture

zde je další příklad poměrně minimálního designu., Bookouture je digitální vydavatel, především románských a napínavých románů, a jeho domovská stránka se zaměřuje na autory, kteří by zde mohli chtít publikovat své knihy. Použití obrazu počítače k zobrazení umění obálky je chytré. V záhlaví máš odkaz na podání, a pod domovskou stránku kopii, tam je další CTA se dozvědět více o tom, co společnost nabízí.

Ensurem

Ensurem je příkladem minimalistický design, který se stále cítí kultivované a konkretizovat. Obrovský obraz hrdiny pomáhá, stejně jako tmavá paleta barev., Z designu získáte pocit zdokonalení.

zvláště pozoruhodný je CTA. Je to velké, pozadí je vysoce kontrastní a barva pozadí připomíná barvy v logu Ensurem. Všechny hladce zapadají.

Horká linka pro prevenci sebevražd

neziskové organizace mají své vlastní překážky, pokud jde o design domovské stránky. Chtějí pomoci co největšímu počtu lidí, ale chtějí také získat dary, dobrovolníky a další pomoc od veřejnosti. Horká linka prevence sebevražd dosahuje každého z těchto cílů dobře.,

je to zajímavé, protože primární CTA je telefonní číslo. To by mohlo znít antiteticky vzhledem k tomu, co obvykle vidíme, ale je určen pro své publikum. A pokud surfujete na smartphonu, můžete kliknout na toto číslo a vytočit jej, což je zvláště užitečné.

L’Oursin

L’Oursin, fantastický Seattle restaurace, zcela nehty domovskou stránku design. Fotografie jídla okamžitě lechtají chuťové pohárky návštěvníků a díky fotografiím a výběru písma získáte pocit nálady místa.,

Motley Fool

Mnoho lidí používá Motley Fool výhradně pro články na finance, ale společnost nabízí mnohem více. Všimnete si, že na stránce vyčnívá jeden prvek-žluté tlačítko CTA, které říká “ nejnovější ceny akcií.“Pokud na něj kliknete, dostanete se k placeným službám společnosti, které zahrnují poskytování výběrů akcií od analytiků a odborníků.

FindLaw

FindLaw má dva cíle: vzdělávat lidi o právu a připojit zákazníky s právníky., Obstarává oba účely prostřednictvím svého designu domovské stránky. Můžete použít horní navigaci k nalezení vzdělávacích informací, ale primární CTA — soustředěný nad obrazem hrdiny — vás vybízí k nalezení právníka ve vašem okolí.

UnitedHealthcare

Pokud jste vůbec obeznámeni s psychologií barev v marketingu, víte, že modrá je často používán jako symbol zdraví a emocionální léčení.

to je důvod, proč UnitedHealthcare homepage design je tak efektivní., Navíc používá relevantní obrázky, které pomáhají návštěvníkům cítit se jako doma, a více CTA nabízí jasné pokyny, jak postupovat.

sledovanost

Pokud sledujete moje videa na YouTube, víte, že Adam a já máme pravidelnou čtvrteční sérii, kde odpovídáme na otázky lidí, kteří zanechali komentáře k předchozím videím. Adamovo podnikání, Viewership.com, se zaměřuje na pomoc lidem využít video marketing.

design domovské stránky je ideální. Vidíme růžovou / červenou barvu na pouhých dvou místech a zelenou barvu na pouhých dvou místech., Tak divák přitahuje oči návštěvníků do příslušných částí stránky.

Lyft

ve svém předchozím článku o nejlepších příkladech domovské stránky jsem použil Uber jako jeden z mých tipů. Je to jen fér, pak jsem se funkce Lyft zde. Je to fantastická domovská stránka, která využívá chytré vlastní ilustrace k přilákání diváků a obsahuje vysoce kontrastní tlačítko CTA. To také úspěšně obstarává jezdce i řidiče.

hubEngage

Líbí se mi design domovské stránky hubEngage, protože je ernest a atraktivní., „Uvolněte sílu angažovaných zaměstnanců.“To je jediný účel podniku. Pak máte chat box v pravém dolním rohu, což je vynikající rozhodnutí UX, a aktuální obrázek hrdiny.

Starbucks

proč nezavřeme třeskem? Starbucks není žádný marketingový začátečník. Společnost nastavila laťku vysoko pro každou jinou kavárnu a její design na domovské stránce se pravidelně mění na základě produktů, které chce Starbucks propagovat.

zde máte dva proteinové koktejly, které vypadají lahodně, stejně jako jednoduchá, ale účinná kopie., Zájem přitahují také“ nové “ ikony vedle názvů produktů.

Copyblogger

Web Copyblogger používá přístup hero image k designu domovské stránky-a funguje to krásně. Místo je čisté a minimalistické, pomocí světlých barev a obrazu, který je současně příjemný a nenápadný.

získáte vše, co od domovské stránky očekáváte, od loga a sloganu po navigační lištu nahoře. K dispozici je také hodnotový návrh na vrcholu obrazu hrdiny, který pomáhá upevnit hodnotu společnosti.,

proč to funguje: domovské stránky Hero image fungují dobře, když prodáváte nabídku jedné hodnoty. Není to ideální pro domovské stránky elektronického obchodu — pokud neprodáte pouze jeden produkt-ale je ideální pro servisní podniky, které mají základní nebo vlajkovou službu, kterou poskytují.

lidé dobře reagují na vizuální snímky. Ve skutečnosti téměř 60 procent dotazovaných zákazníků v jedné studii uvedlo, že by raději spolupracovali s krásně navrženou webovou stránkou než s jednoduše navrženou. Spotřebitelé posuzují vaše podnikání na základě estetiky domovské stránky.,

Uber

každý, kdo mě zná, vám řekne, že nerad řídím. Vždycky volám Ubersovi, aby mě vyzvedl.

jsem také velkým fanouškem webových stránek Uber. Nabízí jeden z nejlepších návrhů domovské stránky, které jsem viděl po dlouhou dobu.

je To skvělý příklad toho, hladce kombinuje dva hodnota tvrzení: Získat bezpečný, levný odvoz nebo se stal řidič a vydělat peníze.

to není snadný výkon, zejména s tak málo slov na stránce.,

proč to funguje: pokud se podíváte na každý jednotlivý prvek na domovské stránce Uber, všimnete si, že je vše navrženo tak, aby návštěvníkům webových stránek směřovalo k jedné nebo druhé akci. Chtějí, abyste se zaregistrovat na účet, takže si můžete objednat Uber jízdy nebo se zaregistrovat jako řidič a vydělávat peníze.

to jsou dva zcela odlišné segmenty trhu. Přesto to nějak funguje.

Všimněte si volby obrázku. Ten chlap za volantem je zjevně řidič Uber, ale dívá se přímo na kameru — na vás. Pokud si chcete objednat Uber, je to někdo, s kým byste se cítili pohodlně., Nebo, pokud jste chtěli na částečný úvazek, je to někdo, jehož úspěch byste chtěli napodobit.

zbytek úvodní stránka poskytuje spoustu dalších informací, z mapy, a cituje formulář pro získání z jednoho místa na druhé, aby blurbs o návrh hodnoty společnosti.

Rosetta Stone

Pokud nejste obeznámeni s Rosetta Stone, je to sada nástrojů, které vám pomohou naučit se cizí jazyk. Je to na špičce cenového spektra, ale je to stále velmi populární.

je to také jeden z nejlepších příkladů domovské stránky, které jsem viděl pro web elektronického obchodu.,

opět se jedná o obrázek hrdiny, tentokrát světského cestovatele, který používá svůj telefon — zdánlivě pro přístup k aplikaci Rosetta Stone.

proč to funguje: Rosetta Stone vede svou primární technologií USP: TruAccent. Výhody technologie s přidanou hodnotou ji odlišují od svých konkurentů a činí ji efektivnější při pomoci lidem učit se jazykové dovednosti.

pak máte další hodnotový návrh: společnost je v provozu 25 let., K dispozici je také sociální důkaz:“nejdůvěryhodnější jazykové řešení…“

Rosetta Stone může těžit z některých tvrdých čísel zde. Kolik zákazníků slouží? To by mohlo být působivější. Ale je to jediná chyba, kterou jsem našel s touto domovskou stránkou.

existuje velká výzva k akci pro spuštění interaktivního demo, ale uživatelé se mohou také dozvědět o konkrétních řešeních pro různé segmenty zákazníků: jednotlivce, pedagogy a podniky.,

tato domovská stránka odvádí skvělou práci při zachycení pozornosti návštěvníka a poskytuje spoustu míst k prozkoumání, aniž by rušila návštěvníka od primární CTA.

Homepage Optimalizace kontrolního Seznamu

Jste viděli tři real-život příklady některých z nejlepších homepage vzory na Internetu, ale co si vzít od nich? A jak navrhujete nejlepší domovskou stránku pro vaše podnikání?

Věřte tomu nebo ne, design domovské stránky se scvrkává na pět jednoduchých prvků., Máte spoustu prostoru pro hraní s kreativitou, ale ujistěte se, že prezentujete svou nabídku jasně a bez rozptýlení.

Zde je šikovný seznam věcí, které chcete zahrnout na své vlastní domovskou stránku, aby ji zlepšit a zvýšit konverze.

napište silný a jasný Nadpis

každý ze tří výše uvedených příkladů má jasný, specifický nadpis pro ukotvení stránky., Pojďme se podívat na každý titulek:

• Sestavte si Svůj on-Line Orgánu Mocně Efektivní Content Marketing
• Tam Dostat — Den Patří Tobě
• jediný jazyk, software s TruAccent™ — světově nejlepší technologii rozpoznávání řeči.

jsou samozřejmě velmi odlišné, ale mají několik společných věcí.

nejprve používají mocenská slova. Jedná se o slova, která okamžitě vyvolávají emoce nebo se spojují se čtenářem.

Copyblogger se zaměřuje na slova jako „autorita“ a „mocně efektivní.,“Nejsou působivé samy o sobě, ale když jsou zabudovány do stručného nadpisu, pomáhají posílat silnější zprávu.

Uber má emotivnější přístup. Místo toho, aby Uber uvedl svou nabídku hodnoty přímo, apeluje na to, co jejich cíloví zákazníci chtějí: svobodu, efektivitu a cíl.

pak máte Rosetta Stone, která používá slova jako „pouze“ a „nejlepší na světě“ k vyjádření důvěryhodnosti a autority. Tato slova naznačují, že Rosetta Stone je vše, co potřebujete k dosažení vašich cílů.

napište silné titulky tím, že se vložíte do obuvi zákazníka., Co by na něj zapůsobilo? Co by se s touto osobou spojilo natolik, aby ho přesvědčilo, aby prozkoumalo zbytek vašeho webu? Nebo vyplnit formulář?

nezaměňujte své uživatele

jedním z nejčastějších problémů, které si všimnu na domovských stránkách, je konfliktní CTA.

Vyhněte se konfliktním CTA co nejvíce. Můžete mít více než jednu možnost, ale ujistěte se, že existuje jediná CTA, kterou chcete, aby vaši návštěvníci sledovali konkrétně. Můžete vidět, jak to Uber i Rosetta Stone udělali ve výše uvedených příkladech tím, že alternativní CTA byly menší a méně zřejmé.,

důležitější je, že se chcete vyhnout vizuálnímu nepořádku. Stejně jako si doma vyzvednete hračky, oblečení, rozptýlené časopisy a další detrity, chcete z domovské stránky odstranit všechny matoucí vizuální prvky.

jinými slovy, Udržujte to jednoduché.

chcete na stránce dostatek, abyste upoutali pozornost, ale ne tolik, že čtenáři nevědí, kde hledat.

přidejte přímé a velké tlačítko CTA pro nabídku

vaše CTA je místo, kde chcete, aby vaši návštěvníci zaměřili svou pozornost. Je to pozvánka: tady je to, co dělat dál!,

tlačítko CTA by nemělo převzít celou obrazovku, ale mělo by upoutat pozornost návštěvníka. Zvažte použití jedinečného písma, pokud si nemyslíte, že je dostatečně podmanivé.

navíc se ujistěte, že používáte frázi call-to-action, která dává smysl a vyjadřuje hodnotu. CTA jako „Přihlásit se nyní“ mě netěší. Změňte jej na: „přihlaste se a získejte bezplatnou případovou studii.“Teď mě to zajímá.

používejte kontrastní barvy

jsem velkým fanouškem kontrastu, pokud jde o mé stránky. Uvidíte můj podpis oranžovou barvu na NeilPatel.com a Neil Patel Digital.,

kontrast neznamená hlasitou nebo nepříjemnou barvu. Kontrast můžete vytvořit mnoha způsoby.

například tučná barva pozadí a neutrální barva textu na CTA budou fungovat dobře. Nechcete limetkovou zelenou na elektrické modré-to je těžké na oči.

V CTA můžete také použít barvu, která se jinde na stránce nenachází. Jen se ujistěte, že to nenapadá příliš mnoho vizuálních neshod. Naučit se barevné kolo a jak se barvy vzájemně doplňují, z vás udělá lepšího návrháře.,

udržujte nabídku nad záhybem

návštěvníci vašich webových stránek se nemusí nikdy posouvat za záhyb. To je prostě fakt. Pokud pohřbíte svou nabídku pod záhybem, mnoho vašich návštěvníků ji nikdy neuvidí.

Jak můžete vidět z nejlepší stránky příklady, které jsem zmínil výše, každá z nich obsahuje nabídku nebo USP (unique selling proposition) nad okrajem. Je to zřejmé od chvíle, kdy návštěvník dorazí.

jak zjistit, co funguje a co není na vaší domovské stránce

Web design je velmi subjektivní., Možná se mi líbí design webu, zatímco byste to mohli nenávidět. Neexistuje způsob, jak potěšit všechny.

nicméně, můžete potěšit většinu lidí, kteří navštíví vaše stránky. Jak? Zjistíte, co funguje a co ne, na základě toho, na co většina návštěvníků vašeho webu reaguje pozitivně.

Crazy Egg vám umožní spustit zprávy o chování uživatelů na vašem webu. Uvidíte, kde lidé kliknou, posouvají a jinak reagují na konstrukční prvky.

například heatmap vám umožní vidět, o co se lidé na webové stránce starají, a co si ani nevšimnou (i když by měli)., Na druhou stranu, konfety zprávě jsou uvedeny podrobné informace o odkazující stránky, a jak lidé, kteří přicházejí z různých míst, zapojit své stránky.

mají lidé tendenci přeskakovat CTA, když pocházejí z Facebook? Možná, že vaše Facebook Příspěvky nejsou v souladu s designem vašeho webu.

další zprávy o chování uživatelů vám umožňují prohlížet vzory návštěvníků různými způsoby. Například standardní heatmap ukazuje oblasti „horké“ aktivity a“ studené “ nečinnosti., Umístění prvků domovské stránky do souladu se sledováním očí může být efektivnější.

po shromáždění těchto informací vytvořte dvě verze vašeho webu. Představte jednu verzi polovině návštěvníků a druhou zbytku. Tento proces testování A / B jednotlivých prvků vám pomůže vylepšit váš web, takže je ideální pro vaše cílové publikum.

závěr

dobrý design domovské stránky nevyžaduje, abyste sledovali konkrétní vzorec., Jak můžete vidět z domovských stránek, které jsem zdůraznil výše, některé domovské stránky webových stránek sdílejí společné prvky, ale všechny se od sebe liší.

ve skutečnosti může protahování hranic konvencí moderního designu fungovat ve váš prospěch, ale pouze pokud nebrání uživatelskému zážitku návštěvníka. Je v pořádku dělat odvážná rozhodnutí o designu, ale nedělejte to na úkor užitečnosti.

nechcete kopírovat někoho jiného. Vytvořte nejlepší design domovské stránky pro vaše konkrétní publikum a ujistěte se, že prezentujete své produkty a služby dobře zvýrazněním jejich jedinečných vlastností.,

jakmile toho dosáhnete, vybudujete stroj pro konverzi webových stránek.