16 nejlepších příkladů designu domovské stránky

nikdy nedostanete druhou šanci udělat první dojem-proto je vaše domovská stránka nepochybně jednou z nejdůležitějších webových stránek na vašem webu.

pro každou danou společnost je domovskou stránkou virtuální přední dveře. Pokud se novému návštěvníkovi nelíbí to, co vidí, jejich reakce na kolena je zasáhnout tlačítko „zpět“.

to je pravda-bohužel mnoho lidí stále soudí knihu podle obalu.

Co dělá web homepage design brilantní místo bla?, No, trvá to víc, než vypadá sám — musí to také dobře fungovat. To je důvod, proč nejskvělejší domovské stránky na tomto seznamu nemají jen vysokou krásu, ale také mozky.

ale než se ponoříme do 16 příkladů, pojďme rozebrat některé z nejlepších postupů designu domovské stránky.

co dělá dobrý web Homepage Design

všechny návrhy domovské stránky Zde uvedené využívají kombinaci následujících prvků., Ne každá stránka je perfektní, ale nejlepší domovskou stránku vzory, mnoho z nich:

1) To jasně odpovědi „Kdo jsem“, „Co mám dělat,“ a/nebo „Co můžete (návštěvník).“

Pokud jste známá značka nebo společnost (tj.,“

Steven Krugg to shrnuje nejlépe ve své nejprodávanější knize, don ‚ t Make Me Think: pokud návštěvníci nemohou identifikovat, co to děláte během několika sekund, nebudou se držet dlouho.

2) rezonuje s cílovým publikem.

domovská stránka musí být úzce zaměřena-mluvit se správnými lidmi ve svém jazyce. Nejlepší domovské stránky se vyhýbají „corporate gobbledygook“ a eliminují chmýří.

3) komunikuje přesvědčivou hodnotu.

když návštěvník dorazí na vaši domovskou stránku, musí je donutit, aby se drželi., Domovská stránka je nejlepším místem, kde můžete přibít svou hodnotovou nabídku, aby se vyhlídky rozhodly zůstat na vašem webu a ne navigovat k vašim konkurentům.

4) je optimalizován pro více zařízení.

Všechny domovské stránky jsou zde uvedeny, jsou velmi použitelné, což znamená, že jsou snadno ovladatelné, a tam nejsou „honosné“ objekty, které se dostanou v cestě prohlížení, jako jsou flash bannery, animace, pop-ups, nebo příliš komplikované a zbytečné prvky. Mnoho z nich je také Optimalizováno pro mobily, což je v dnešním mobilním světě neuvěřitelně důležité.,

5) zahrnuje volání k akci (CTA).

každá zde uvedená domovská stránka efektivně využívá primární a sekundární volání k akci k nasměrování návštěvníků k dalšímu logickému kroku. Příklady zahrnují „zkušební verze zdarma“, „naplánovat Demo“, „Koupit nyní“ nebo “ Dozvědět se více.“( Zde je 30 příkladů skvělých CTA pro více inspirace.)

Pamatujte, že cílem stránky je přimět návštěvníky, aby kopat hlouběji do vašich webových stránek a posunout je dál nálevky. CTA jim říkají, co mají dělat dál, aby nebyli ohromeni nebo ztraceni., Ještě důležitější je, že CTA změní vaši domovskou stránku na prodejní-nebo olovo-generace motoru, a ne jen brožura-opotřebení.

6) vždy se mění.

nejlepší domovské stránky nejsou vždy statické. Některé z nich, jako Whitehouse.gov, se neustále mění tak, aby odrážely potřeby, problémy a otázky svých návštěvníků. Některé domovské stránky se také mění z testování A / B nebo dynamického obsahu.

7) využívá skvělý celkový design.

dobře navržená stránka je důležitá pro budování důvěry, komunikaci hodnoty a navigaci návštěvníků k dalšímu kroku., Tyto domovské stránky jako takové efektivně využívají rozvržení, umístění CTA, mezery, barvy, písma a další podpůrné prvky.

nyní se můžete dozvědět o vynikajícím designu domovské stránky prostřednictvím následujících 16 příkladů v reálném životě.

Web Design Inspirace: 16 Nejlepší Domovskou stránku Vzory

1) FreshBooks

ZOBRAZIT CELOU STRÁNKU,

Proč je To Geniální

• je snadné konzumovat. Hodně se diskutuje o tom, zda krátké nebo Dlouhé domovské stránky fungují lépe., Pokud se rozhodnete udělat druhý, je třeba, aby bylo snadné posouvat a číst-a to je přesně to, co tento web dělá. Skoro to působí jako příběh.
• je Zde velké využití kontrastu a polohování s primární hovory-na-akci — je jasné, co společnost chce, abyste převést na tom, kdy přijedete.
• kopie použitá v výzvách k akci „Vyzkoušejte to zdarma po dobu 30 dnů“ je velmi přesvědčivá.
• podpoložka je také skvělá: „Připojte se k 5 milionům lidí, kteří používají Freshbooky k bezbolestnému odesílání faktur, sledování času a zachycení výdajů.,“To nuly na společný bod bolesti pro volné noze a malé podniky (FreshBooks cílové publikum) — typicky účetní software je často „bolestně složité.,“

2) Airbnb

ZOBRAZIT CELOU STRÁNKU,

Proč je To Geniální

• domovská stránka je nádherná na jeho vlastní: To pozdraví vás s full-screen video z krásné, high-definition záběry cestující dělat činnosti, jako jestli jsou místní, z vaření v kuchyni k nákupu místních sýrů k jízdě mopedu po ulicích. Je to velmi lidské a autentické.,
• obsahuje cílový a datový vyhledávací formulář, který většina návštěvníků hledá, přímo vpředu a vede návštěvníky k logickému dalšímu kroku.
• vyhledávací formulář je „chytrý“, což znamená, že automaticky vyplní poslední vyhledávání uživatele, pokud jsou přihlášeni.
• primární výzvu k akci („Search“) kontrastuje s pozadím a vyniká; ale sekundární call-na-akce pro hostitele je vidět nad okrajem.,

3) Máta

ZOBRAZIT CELOU STRÁNKU,

Proč je To Geniální

• je To super jednoduchý design se silným, ne-žargonu titulek a sub-nadpis.
• domovská stránka vydává bezpečnou, ale snadnou atmosféru, která je důležitá pro produkt, který zpracovává finanční informace.
• obsahuje také jednoduchou, přímou a přesvědčivou kopii výzvy k akci: „Zaregistrujte se zdarma.“Design CTA je také skvělý-ikona zabezpečeného zámku znovu zasáhne bezpečnostní zprávu domů.,

4) Dropbox (Spotřebitel)

Proč je To Geniální

• Dropbox domovské stránky a webové stránky je dokonalým příkladem jednoduchosti. Omezuje používání kopií a vizuálů a zahrnuje mezery.
• je těžké to zjistit ze statického snímku obrazovky výše, ale tento web upoutá vaši pozornost jemným použitím náladové animace v této grafice.
• jejich dílčí Nadpis je jednoduchý, ale výkonný: „Dostaňte se ke všem souborům odkudkoli, na jakémkoli zařízení a sdílejte je s kýmkoli.,“Není třeba dekódovat žargon, abyste zjistili, co Dropbox opravdu dělá.
• má zaměření na jednu primární výzvu k akci, “ Zaregistrujte se zdarma.“Funkce registrace povolená společností Google však snižuje tření pro návštěvníky, kteří nenávidí vyplňování dlouhých registračních formulářů.

5) Dropbox (Business)

ZOBRAZIT CELOU STRÁNKU,

Proč je To Brilantní

• je To skvělý příklad toho, že poskytuje různé webové stránky zážitek pro jiné publikum., Na rozdíl od své hlavní stránky, který byl původně postaven pro spotřebitele straně (viz výše), jejich firemní uživatelé vyžadují více informací a další důkaz body, které Dropbox pro Podnikání, bezpečné a škálovatelné řešení pro firmy (otázka vnímání, že Dropbox adresy na jejich domovské stránky přímo).
• Dropbox pokračuje v přenášení jednoduchého designu a značky. Obsahuje pouze to, co je důležité: velký, relevantní obraz s podpůrnou kopií a tlačítko“ Vyzkoušet zdarma po dobu 30 dnů “ výzva k akci

6) Whitehouse.,gov

Proč je To Geniální

• Stavební webové stránky, které podporuje celý národ, není snadný úkol. Whitehouse.gov je neustále se měnící, aby odrážely hlavní obavy a priority-domovská stránka sama prošla stovkami revizí. Testování a optimalizace je klíčovou součástí brilantního designu domovské stránky.
• Co je obzvláště skvělé Whitehouse.gov je, že je zcela na rozdíl od většiny vláda-související webové stránky. Má čistý design a podporuje komunitu.,
• je poměrně snadné najít to, co hledáte, když zde přistanete. A pokud to nemůžete najít okamžitě, je tu i šikovná vyhledávací schránka.

7) 4 Rivers Smokehouse

Proč je To Geniální

• Slintat. To si myslím, když dorazím na web pro 4 Rivers Smokehouse. V kombinaci s velkou fotografií, titulek “ hrudník. 18 let zvládnout. Vaše vychutnávat.“Zní to jako zážitek, který stojí za vyzkoušení.,
• posouvání paralaxy vás provede prohlídkou jejich služeb, menu a lidí, kteří mají skvělý čas — skvělé využití tohoto populárního trendu designu.
• jediný negativní? Nežiju dost blízko tohohle místa. BOA.

8) Cobb Pediatrické terapeutické Služby

ZOBRAZIT CELOU STRÁNKU,

Proč je To Geniální

• headline a subheadline apelovat na návštěvníky emocionální stránky: „Spolupracovat S Firmou, Která To chápe“; „Věřte nám., Byli jsme tam taky! Najdeme práci,kde se vám bude dařit.“Tato hodnotová nabídka je jedinečná a přesvědčivá.
• je těžké říct, z obrázku výše, ale hlavní je, že na rotující kolotoč, který se zaměřuje na konkrétní osobnosti, od uchazečů o zaměstnání lidí hledá terapeuta pro jejich školy.
• Existuje několik cest, mohou návštěvníci vzít, když dorazí na stránce, ale vyzývá k akci, jsou dobře umístěné, zní jednoduše a na rozdíl od zbytku stránky.,

9) Jill Konrath

ZOBRAZIT CELOU STRÁNKU,

Proč je To Geniální

• je To jednoduché a dostane přímo k věci. Z titulku a podtitulku je jasné, co přesně Jill Konrath dělá (a jak může pomoci vašemu podnikání).
• poskytuje také snadný přístup k materiálům pro vedení myšlenek Jill, což je důležité pro stanovení její důvěryhodnosti jako hlavního řečníka.,
• je snadné se přihlásit k odběru newsletteru a dostat se do kontaktu — dva z jejích primárních hovorů k akci.
• obsahuje loga a posudky jako sociální důkaz.

10) Evernote

Proč je To Geniální

• v Průběhu let, Evernote změnil z jednoduchého poznámka-uložení aplikace do apartmá business produktů. To není vždy snadné sdělit Na domovské stránce, ale Evernote dělá dobrou práci balení mnoho potenciálních zpráv do několika klíčových výhod.,
• Tato stránka se používá kombinace syté, tlumené barvy ve videu a jejich podpis jasně zelené a bílé upozorní, aby se konverzní trasy vyniknout.
• po jednoduchém nadpisu („zapamatovat si všechno“) vás cesta očí vede k jejich výzvě k akci, „Zaregistrujte se zdarma.“

11) Telerik o Pokroku

Proč je To Geniální

• „Dusno podnik“ není pocit dostanete, když přijedete na Telerik webové stránky., Pro společnost, která nabízí mnoho technologických produktů, jejich odvážné barvy, zábavné vzory a videografie vydávají vibrace podobné Google. Jen jeden důležitý aspekt, aby se návštěvníci cítili vítáni a dali jim vědět, že jednají se skutečnými lidmi.
• miluji jednoduchý přehled na vysoké úrovni svých šesti nabídek produktů. Je to velmi jasný způsob komunikace, co společnost dělá a jak se lidé mohou dozvědět více.
• kopie je lehká a snadno čitelná. Mluví jazykem svých zákazníků.,

12) Boxbee

ZOBRAZIT CELOU STRÁNKU,

Proč je To Geniální

• titulek je výzva k akci řídil přímo pro jejich cílové publikum: podnikatelé v odvětví storage.
• má velmi čistý a jednoduchý design. Návrh zdůrazňuje Nadpis a pak okamžitě ukazuje primární výzvu k akci-nic jiného.
• že primární výzva k akci je ve vysoce kontrastní barvě, což ji vyniká.,

13) eWedding

Proč je To Geniální

• Pro ty, kteří milují ptáci plánování jejich velký den, eWedding je skvělá destinace pro budování vlastní svatební webové stránky. Domovská stránka není přeplněná a obsahuje pouze potřebné prvky, aby lidé začali budovat své webové stránky.
• dílčí Nadpis “ více než 750,000 svatební webové stránky postavené!“je to skvělý sociální důkaz.,
• zahrnovaly vynikající vizuální efekty produktu, skvělý titulek a výzvu k akci, která snižuje tření s kopií, “ spustit web.“

14) Basecamp

Proč je To Geniální

• Po dlouhou dobu, Basecamp má brilantní domovské stránky, a tady můžete vidět, proč. Často obsahují úžasné titulky a chytré karikatury.
• výzva k akci je tučná a nad záhybem.,
• V tomto příkladu, společnost vybral více blog-jako homepage (nebo jednu stránku webu přístup), který poskytuje mnohem více informací o produktu.

15) charita: voda

Proč je To Geniální

• Toto není typický non-ziskové webové stránky. Spousta vizuálů, kreativní kopie, a použití interaktivního webového designu, aby to vyniknout.
• animovaný titulek je skvělý způsob, jak zachytit více zpráv na jednom řádku.,
• velké využití videa a fotografie, zejména při zachycení emocí, které způsobují akci.

16) TechValidate

Proč je To Geniální

• Tato stránka je krásně navrženo. Obzvláště se mi líbí jejich použití bílého prostoru, kontrastních barev a designu zaměřeného na zákazníka.
• titulek je jasný a přesvědčivý, stejně jako výzvy k akci.,
• existuje také skvělá hierarchie informací, která usnadňuje skenování a rychlé pochopení stránky.