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 nevýrazné?, 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 a kreativitu.
ale než se ponoříme do příkladů, pojďme rozebrat některé z nejlepších postupů designu domovské stránky.
co dělá dobrý web?
dobrý web jasně odpovídá „kdo jsem“, „co dělám“ a/nebo “ co můžete (návštěvník) udělat zde.,“To také rezonuje s publikem, má hodnotu propozice, vyzývá návštěvníky k akci, je optimalizováno pro více zařízení, a je neustále mění, aby se přizpůsobily nové trendy v designu.
všechny zde zobrazené návrhy domovské stránky používají kombinaci následujících prvků.
ne každá stránka je perfektní, ale nejlepší návrhy domovské stránky mají mnoho z nich pravdu.,
77 Brilantní Příklady z Domovské stránky, Blogy & Vstupní Stránky
Řekni nám něco o sobě níže získat přístup dnes:
návrh 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., Coca-Cola), můžete být schopni se dostat pryč s ne, že popsat, kdo jste a co děláte, ale realita je taková, že většina podniků je třeba ještě odpovědět na tyto otázky tak, aby každý návštěvník ví, že jsou na „správném místě.“
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.
design 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ýří.
design komunikuje přesvědčivý hodnotový návrh.
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.
návrh 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é.
návrh 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.“
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 promění vaši domovskou stránku v prodejní nebo olověný motor, a ne jen brožuru-opotřebení.
design se neustále mění.
nejlepší domovské stránky nejsou vždy statické. Některé z nich se neustále mění tak, aby odrážely potřeby, problémy a otázky jejich návštěvníků., Některé domovské stránky se také mění z testování A / B nebo dynamického obsahu.
konstrukce je účinná.
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 připravte na další informace o vynikajícím designu domovské stránky prostřednictvím následujících 23 příkladů v reálném životě.,
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 „Začínáme zdarma“ je velmi přesvědčivá.
- FreshBooks používá posudky zákazníků na domovské stránce, aby vyprávěl příběhy v reálném světě o tom, proč produkt používat.,
- podtitul je také skvělý: „Připojte se k více než 10 milionům majitelů malých podniků pomocí Freshbooků.“FreshBooks odborně zaměstnává sociální důkaz — 10 milionu je velké číslo … donutit své cílové publikum připojit se svými vrstevníky a zkusit nástroj.
Airbnb
Zobrazit celou stránku,
Proč je To Geniální
- zahrnuje určení a datum vyhledávání, že většina návštěvníků sem hledal, hned, vede návštěvníky k dalším logickým krokem.,
- 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.
- nabízí návrhy na výlety a pobyty Airbnb uživatelé mohou rezervovat na stejném místě jako jejich ubytování, jak dostat návštěvníky více vzrušený o rezervaci své cesty na webu. Ukazuje také, která z těchto nabídek je nejoblíbenější mezi ostatními uživateli.,
Pixelgrade
proč je to brilantní
- – hned víte, o čem jsou: témata WordPress. Velký titul, následovaný popisným podtitulem, umožňuje návštěvníkům vědět, co očekávat.
- design je jednoduchý a barevná kombinace dělá skvělou práci, aby vynikla výzva k akci.
- pravá strana pomáhá nahlédnout do toho, jak vypadají jejich témata WordPress, aniž byste museli posouvat nebo kopat hlouběji.,
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ů.,
Dropbox (Business)
Zobrazit celou stránku,
Proč je To Geniální
- Dropbox nese přes jeho jednoduchý design a značky. Obsahuje pouze to, co je důležité: velký, relevantní obrázek s podpůrnou kopií a tlačítko“ Vyzkoušet zdarma po dobu 30 dnů “ výzva k akci
- domovská stránka a webová stránka Dropboxu je dokonalým příkladem jednoduchosti. Omezuje používání kopií a vizuálů a zahrnuje mezery.,
- jeho dílčí Nadpis je jednoduchý, ale výkonný: „bezpečné řešení pro sdílení a ukládání souborů, kterému zaměstnanci a IT administrátoři důvěřují.“Není třeba dekódovat žargon, abyste zjistili, co Dropbox opravdu dělá.
4 Rivers udírna
proč je to brilantní
- 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 služeb, menu a lidí, kteří se skvěle baví-skvělé využití tohoto populárního trendu designu.
- jediný negativní? Nežiju dost blízko tohohle místa. BOA.
Cobb Pediatrické terapeutické Služby
Zobrazit celou stránku,
Proč je To Geniální
- titulek a sub-nadpis apelovat na návštěvníky emocionální: „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á.
- z výše uvedeného snímku je těžké to říct, ale titulek je na rotujícím kolotoči, který obstarává konkrétní osoby, od uchazečů o zaměstnání až po lidi hledající terapeuta pro své školy.
- existuje několik cest, které mohou návštěvníci vzít, když dorazí na stránku, ale výzvy k akci jsou umístěny dobře, formulovány jednoduše a kontrastují se zbytkem stránky.,
Melyssa Griffin
Zobrazit celou stránku,
Proč je To Geniální
- Melyssa okamžitě ukazuje sociální důkaz „Připojte se k více než 200.000 ostatní…“
- kvalifikuje důvod návštěvníka pro návštěvu svých webových stránek rychlým průzkumem a každá možnost odkazuje na jinou nabídku obsahu.
- přidává tvář své značce. Není to jen náhodná webová stránka; dává jasně najevo, že je to člověk, se kterým se lidé mohou připojit.,
- stránka používá jasné barvy, aniž by byla ohromující, a usnadňuje pochopení toho, co Melyssa je centrální obchodní nabídky jsou.
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í).
- také poskytuje 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.
- pop-up předplatné CTA používá sociální důkaz, který vás přiměje připojit se k jejím tisícům dalších fanoušků.
- obsahuje loga a posudky jako sociální důkaz.
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 domovská stránka používá kombinaci bohatých, tlumených barev ve videu a jeho podpis jasně zelené a bílé zvýraznění, aby se cesty konverze vyniknout.
- po jednoduchém nadpisu („zapamatovat si všechno“) vás cesta očí vede k jeho výzvě k akci, „Zaregistrujte se zdarma.“
- Evernote také nabízí proces registrace jedním kliknutím prostřednictvím Google, který návštěvníkům pomůže ušetřit ještě více času.,
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ů, její odvážné barvy, zábavné návrhy a videografie vydávají atmosféru podobnou 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 o svých šesti nabídkách 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ů.
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.
- sub-titulek “ více než 800.000 svatební webové stránky postavené!,“je to skvělý sociální důkaz.
- obsahuje vynikající vizuální efekty produktu, skvělý titulek a výzvu k akci, která snižuje tření s kopií, „Start website.“
Basecamp
Proč je To Geniální
- Po dlouhou dobu, Basecamp má brilantní domovské stránky, a tady můžete vidět, proč. Často obsahuje úžasné titulky a chytré karikatury.
- výzva k akci je tučná a nad záhybem.,
- v tomto příkladu si společnost vybrala blogovější domovskou stránku (nebo přístup na jednu stránku), která poskytuje mnohem více informací o produktu.
- citát zákazníka je odvážný a důrazný posudek, který hovoří o výhodách a výsledcích používání produktu.
charity: 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ý obrázek záhlaví je skvělý způsob, jak upoutat pozornost.,
- využívá skvělé využití videa a fotografie, zejména při zachycení emocí, které způsobují akci.
TechValidate
Proč je To Geniální
- Tato stránka je krásně navrženo. Obzvláště se mi líbí použití mezery, 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í, což usnadňuje skenování a rychlé pochopení stránky.,
Chipotle
Zobrazit celou stránku,
Proč je To Geniální
- homepage je skvělým příkladem toho, obratnost a neustálé změny. Chipotle aktuální domovské stránky je vše o nadcházející dovolenou, která se používá jako jedinečnou hodnotu nabídka, aby vám začít kliknutím prostřednictvím webu. Když si myslím, že Chipotle, nemyslím nutně přemýšlet o stravování, ale místo je skvělá připomínka, aby zvážila různá použití pro burritos už víte a lásku.,
- fotografie jídla je podrobná a krásná a ve skutečnosti mě hladoví při pohledu na to. Nyní je to efektivní využití vizuálů.
Střední
Zobrazit celou stránku,
Proč je To Geniální
- To je možná jeden z nejlepších použití mezer, které jsem viděl. To umožňuje Střední app slogan a fotografie, aby se do centra pozornosti, zatímco stále kreslení oko na tmavší části titulů na webu.
- Medium usnadňuje registraci – na webu nebo pomocí jednoduché textové zprávy do mobilního telefonu., Jsem mnohem citlivější na text než e-mail, takže je to skvělá strategie, jak udržet lidi zapojené do procesu registrace.
- úvodní stránka používá sociální důkaz, aby si návštěvníci začít kliknutím kolem: „Populární na Střední“ a „Staff Picks“ sekcí, dejte mi vědět, kde najít kvalitní obsah.,
Digiday
Zobrazit celou stránku,
Proč je To Geniální
- na Rozdíl od jiných on-line zpravodajství publikací, které zaplaví domovské stránky s co nejvíce titulky a obrázky, jak je to možné, Digiday je první část vitríny jen jeden článek. Jeho uváděný obraz (v tomto případě děsivý) je poutavý a titulek jen žádá, aby byl kliknut, když má návštěvník představu o tom, co bude číst.,
- V horní části homepage, kde webové stránky obvykle představí tunu různých sekcí a možností proklikat, má jen jednu ikonu klepněte na tlačítko -, který vás vede k stránku přihlášení.
Občerstvení
Zobrazit celou stránku,
Proč je To Geniální
- odvážné barvy vyrábět kontrast, takže slova a obrazy vyniknout na stránce.
- CTA – „druh obchodu“ – je chytrý. Naléhavě vyzývá návštěvníka ke kliknutí, aby se dozvědět více a přitom hrát na slovo „něco“ — což znamená, že je to dobrá volba, tam nakupovat.,
- slogan laskavého občerstvení je přímo brilantní – když jsem si ho přečetl, zpráva okamžitě rezonovala a přiměla mě, abych si přečetl štítek snack baru.
Ahrefs
Zobrazit celou stránku,
Proč je To Geniální
- barevný kontrast mezi modrou, bílou a oranžové barvy je oko-lov a dělá titulek a CTA pop.
- podtitul a CTA jsou přesvědčivý pár: být schopen začít sledovat a překonávat konkurenty zdarma je skvělá nabídka.,
- domovská stránka představuje pro návštěvníka mnoho možností, ale není přeplněná díky pevnému pozadí a jednoduché typografii.
A24 Films
Zobrazit celou stránku,
Proč je To Geniální
- film, internetové stránky společnosti je tvořen pouze přívěsy pro své nové filmy. Víme, že video obsah je formát publikum chtějí vidět více, a to je skvělá strategie předvést A24 práce ve velmi poutavým způsobem.,
- V horní části domovské stránky, A24 ihned nabízí nesčetné množství způsobů, jak se dostat do kontaktu prostřednictvím sociálních médií a e-mailu něco, co oceňuji jako návštěvník, když tak mnoho dalších míst pohřbít kontaktní informace v dolní části stránky.
Ellevest
Zobrazit celou stránku,
Proč je To Geniální
- „Investovat Jako Žena: Protože peníze jsou moc.“Tyto titulky jsou silné a nutí mě se dozvědět více o produktu-jak jako žena, tak jako někdo, kdo má zájem o inteligentní finanční rozhodnutí.,
- obrázky ukazují spíše než říci jeden z hodnotových návrhů společnosti: desktopový web a mobilní aplikace, které se pohybují s vámi.
- „Začínáme“ je skvělá CTA – ve skutečnosti ji používáme sami zde v Hubspotu. Po kliknutí, to trvá návštěvníkům prostřednictvím několika jednoduchých kroků nastavit profil a začít investovat.,
HubSpot
Zobrazit celou stránku,
Proč je To skvělé (Pokud to Tak Říct Sami)
- LEGO znaky chytit vaši pozornost (protože jsou roztomilé), pak se chytře ilustraci a posílení zpráv ve titulek a sub-nadpis.
- nese další poutavé“ Začínáme “ CTA-s bonusovou mikrokopií podrobně popisující naše bezplatné verze se uživatelé mohou v budoucnu rozhodnout Upgradovat.,
- Po úvodní stránka, naše světlé modré a oranžové barevné motivy vracet, aby kreslit oko, odkazy a Cta.
hledáte další inspiraci? Podívejte se na tyto neuvěřitelné stránky O nás.
