Homepage design: Jak zajistit, aby byla domovská stránka úspěšná

8 min.
Homepage Design Tipps

Domovská stránka, neboli homepage, je pro mnohé svatyní webových stránek. Má sloužit mnoha účelům a různým cílovým skupinám. A to nejlépe najednou. Jak vypadá dobrý apel a cíleně orientovaný design domovské stránky? Zde je přehled nejdůležitějších tipů.

Níže mluvím o firmách, ale tyto zásady se vztahují i na jednoduchý blog, zájmovou stránku nebo stránku kapely. Domovská stránka by měla:

  • reprezentovat firmu, agenturu nebo službu z té nejlepší stránky
  • současně ukázat všechny oblasti obchodní činnosti
  • předvést, že je společnost up to date, a to prostřednictvím novinek a propojením s Facebookem, Instagramem atd.
  • Ale i storytelling by se měl hodit k příběhu zakladatelů nebo zakladatelek.
  • Přihlášení k odběru newsletteru musí být vždy viditelné.

Stejně tak chcete zviditelnit nové pracovní nabídky, cestu k vám, adresu, všechna telefonní čísla s kontaktními osobami, a tak dále.

optimize images homepage
Domovská stránka podle hesla: Obrázek řekne víc než tisíc slov

Je vám asi jasné, kam to vede: Domovská stránka nemůže zvládnout to všechno. Musíte k tomu přistupovat koncepčně a strategicky a promyslet si, co by tam mělo být zobrazeno a proč. Můj přístup rozhodně není jediný a možná ani není ten nejlepší pro vaše podnikání. Ale pokusím se odůvodnit všechny body. V komentářích však uvítám další názory a návrhy.

Domovská stránka je vstupní stránka

Stejně jako všechny stránky webu je domovská stránka vstupní stránkou. Podívejte se na náš příspěvek k optimálnímu designu vstupních stránek. Jakmile si to uvědomíte, je to již velký úspěch. Protože pak to přehodnotíte.

V ideálním případě jste již dokonce shromáždili údaje o své domovské stránce. Odkud pocházejí lidé, kteří se na vaší domovskou stránku dostanou? Čeho chtějí dosáhnout? Jak jim v tom můžete pomoci? Jaký cíl pro vás vstupní stránka vůbec má? Jaké informace chcete sdělit?

Analýza vašich webových stránek

Shromažďování čísel o domovské stránce a dalších podstránkách je nesmírně důležité. Je to ostatně jediný způsob, jak zjistit, zda váš obsah a design vedou k cíli. Přečtěte si naše návody ke Content KPIs, k tématu Content Hub, ale také k testování obsahu.

Odkud přicházejí vaši návštěvníci a návštěvnice?

Ve většině případů přicházejí uživatelé na domovskou stránku přes Google, prostřednictvím marketingových aktivit (může to být například také vizitka) nebo díky profilům na sociálních sítích. Tito návštěvníci možná ještě ani pořádně neví, čím se vaše společnost vůbec zabývá. Očividně však hledají firmu, která nabízí vaše služby nebo informace. Jinak by se neobtěžovali navštěvou vaší domovské stránky.

V mnoha případech si možná nejdřív přečtou článek na vašem webu, který jste například sdíleli na Instagramu, a až pak přejdou na domovskou stránku. Aby zjistili, co vlastně děláte. Nyní musíte uživatelům a uživatelkám něco nabídnout! A to je jako první zodpovězení otázky:

Co vlastně webová stránka nebo společnost dělá?

Na to se bohužel často zapomíná. První věc, na kterou musí domovská stránka návštěvníkovi odpovědět, je: "Jsem tady vůbec správně?". Protože odněkud přicházejí, dostanou se na vaší stránku – a ještě nic nevědí. Hned na začátku potřebují potvrzení, že se ocitli na správné stránce. Je to jako malý bonbónek na začátek jejich uživatelské zkušenosti (UX):

Jsi tady správně. Můžeš si oddechnout, uvolnit se a získat informace!

Můj návrh zní: Tři až čtyři věty, které stručně, ale výstižně vysvětlí, co nabízíte. S odkazem pod textem, pokud se návštěvníci chtějí dozvědět více. Od toho tu internet je, abyste na jedno kliknutí získali více informací.

Homepage Basic Text
Domovská stránka ordinace se střízlivým úvodním textem

Právě tady se často setkávám s největším nesouhlasem: Nejprve musíte návštěvníky a návštěvnice emocionálně vyzvednout, aby u vás zůstali. Podle mota "Na domovskou stránku umístíme obrovský obrázek, pak necháme vjet zprávy přes posuvník. Aby viděli, jak skvělou globální společností jsme."

K velkým posuvníkům: Nefungují. O tom už mnozí psali. Stránka Should I use a carousel? je dobrým začátkem. Také prohlášení "to je důležité, dáme to do postranního panelu!" už bohužel není možné, protože postranní panel už prostě není aktuální – a nehodí se k responzivnímu webovému designu.

Emocionální apel

Rozhodně souhlasím s oslovením cílové skupiny na emocionální úrovni. Nejenže to vaše zákazníky a zákaznice spojí na věcné úrovni, ale také to působí na mysl zcela jiným způsobem. Podle mého názoru by však první sdělění mělo stále znít: "Co vlastně děláte?" Jak lze do hry vnést také úroveň emocí?

Jedná se o strategické rozhodnutí, které by mělo být založeno na Corporate Identity (CI) vaší společnosti. Vaše CI zahrnuje způsob, jak oslovíte cílovou skupinu. V zásadě existují tři možnosti:

  • přes text
  • přes design
  • přes obrázky nebo videa

Oslovení přes text

Lidé používají webové stránky velmi odlišně. To znamená, že nevíte, jak něco na vašem webu najdou. Jako první například použijí menu, vyhledání a potom prohledají nadpisy nebo odkazy na stránce. Nejběžnějším prvním bodem, na který se zaměřují, je však první text na stránce, který poskytuje informace. To je výsledkem četných studií. Pomocí oslovení a tonality můžete tento text "tvarovat" zcela odlišně.

"Jmenuji se Phillip Roth, udělám webové stránky pro vaši firmu" zní jinak než "Ahoj, jsem influencer v oblasti webdesignu, který optimalizuje vaše šílené UX pro nejvíce rostoucí KPI!" Dobře si prohlédněte cílovou skupinu a podle toho upravte tón. Je stejně důležitou součástí vaší firemní identity jako váš design.

Oslovení přes design

Přitažlivý design nejenže vyjadřuje profesionalitu, ale působí také emocionálně. Podívejte se na náš příspěvek Zásady harmonického webového designu. Barvy, výběr písma, designové prvky – to vše může návštěvníkům a návštěvnicím zprostředkovat důvěru, radost, pohodu, bláznivost a mnoho dalších emocí. Firemní design je součástí celkového sdělení, které chce vaše společnost předat. Další bonusové body mohou přinést prvky budování důvěry, jako jsou certifikáty.

Homepage Images Emotions
Úvodní stránka s emocionálním apelem a úvodním textem

Obrázky nebo videa

Image vaší společnosti utváří také vizuální jazyk. Jste globální společnost s 600 zaměstnanci a parádními mrakodrapy v Šanghaji nebo malá manufaktura s pěknou dílnou? Jste trenér a máte pěkné workshop místnosti nebo lékař s elegantní ordinací? To je to, co vaši návštěvníci a návštěvnice chtějí vědět a vidět. Chtějí zjistit: "Budu se tam cítit dobře?", "Oslovuje mě produkt?", "Je to firma, do které bych se mohl přihlásit?", "Pracují tam normální lidé?" "Jsou sympatičtí?".

To vše lze v milisekundách zprostředkovat jedním nebo několika krásnými obrázky. K tomu však musí být snímky autentické. Protože to, co ukazujete o sobě a svém týmu, musí být v dnešní době skutečné. Jinak si lidé myslí, že je neberete vážně. Nikdo už nechce vidět fotku s cizí blonďatou telefonistkou. Stejně jako cizí zasedací místnost plná usměvavých, ale "falešných" lidí.

Možná máte dokonce i dobré video, které shrnuje vaše služby do 30 vteřin. Nebo běží v pozadí video, který ukazuje váš luxusní hotel a krásnou okolní krajinu. Cokoli, co podporuje vaši corporate identity a související sdělení, je dobré!

Homepage Color Concept
Homepage s atraktivními fotkami a jednotným barevným konceptem

Co teď?

Teď máme pozornost návštěvníků a návštěvnicí. Teď už vědí: "Jsem tady správně, cítím se dobře." Následuje strategické rozhodnutí: Nyní můžete prohloubit informace, kterých jste se zde jen zběžně dotkli. Nyní můžete kromě prvního dojmu sledovat i druhý cíl.

V tuto chvíli má smysl se zamyslet nad tím, co je vlastně cílem. Viz také související Content Strategie. Protože pokud návštěvníci a návštěvnice nejsou fixováni na vaše menu nebo vyhledávání informací, začnou scrollovat. Co jim tedy nabídnete dál?

Možnosti jsou různé:

  • Vyprávěj příběh
  • Prohlubte informace o nabídce služeb
  • Ukažte skvělé události, angažmá nebo novinky
  • Nabídněte nástroj pro rezervaci schůzek, pak vám nemusí vždy volat
  • Osobně prodávám nejvíce prostřednictvím svého newsletteru, který nabízím na mnoha místech mého webu
  • Odkažte na stránku s nabídkou práce, pokud hledáte nové zaměstnance
  • Zobrazte skvělé recenze
  • ...

Jak vidíte, existují stovky způsobů, jak dále navrhnout domovskou stránku. A rozhodně žádný standardní recept, jak dovés zákazníky k požadovanému závěru. Musíte to vyzkoušet. Mějte však na paměti, že vaše domovská stránka nebo vstupní stránka nezíská nekonečnou pozornost. Málokdy se stane, že by někdo scrolloval 27 metrů – a přitom vstřebal všechny informace.

Homepage Testimonials
Domovská stránka s citátem a nabízenými službami

Pro tento koncept rád používám tzv. wireframy nebo mockupy. To znamená, že obsah domovské stránky seřadíte do jednoduchých obdélníků s šedými rámečky. Bez skutečného obsahu, bez designu. Můžete to udělat na listu papíru nebo v programech jako Adobe XD, Sketch, Photoshop, InDesign nebo dokonce v PowerPointu. Jak jsem řekl, design zatím vynechejte. V tuto chvíli chcete například vědět:

  • Co na domovskou stránku rozhodně musí?
  • Co tam být nemusí?
  • Je toho už příliš?
  • Lze s dostupným prostorem dosáhnout cíle?
  • Vidí návštěvníci a návštevnice Call to Action dostatečně brzy?
Mockup Wireframes Adobe XD
Wireframes v Adobe XD

Přejděte k věci!

Nyní, kyž jste stanovili svůj sekundární cíl a dali uživatelům a uživatelkám všechny informace, které se vám do omezeného prostoru vejdou, měli byste svůj cíl upřesnit. Nejvhodnější místo je na konci stránky. Jak jsem již řekl: Zde můžete zvýraznit nejdůležitější informace, umístit call to action, svojí fotku nebo – kromě vašich kontaktních údajů - vyzvat návštěvníky, aby vás kontaktovali. Ať už je váš sekundární cíl stránky jakýkoli, nyní jej můžete umístit, než přijde zápatí. Jak jsem řekl na začátku, vaše domovská stránka je vstupní stránkou.

Zápatí může opět sloužit jako sekundární navigace, například pokud v něm chcete nabídnout více informací. Mnozí se také rádi podívají do vašeho impressa, zda jste seriózní poskytovatel. Ale pozor! Příliš mnoho prvků v zápatí může odvádět pozornost od vašeho skutečného cíle. Pokud je tam například registrace k odběru newsletteru, ale ten píšete pouze jednou ročně, pak je to možná méně účelné.

Závěr

Představte si svou domovskou stránku jako vstupní stránku. Dejte návštěvníkům a návštěvnicím pocit, že se ocitli na správné stránce. Posilte tento pocit oslovením zaměřeným na cílovou skupinu, elegantním designem a podpůrnými autentickými obrázky.

Definujte přesně svůj sekundární cíl. Veďtě návštěvníky a návštěvnice přesně tam. Pokud je to možné, zkontrolujte pomocí Analytics a A/B testů, zda to funguje. A co by mohlo fungovat ještě lépe. Podle mého názoru nelze udělat domovskou stránku ještě dokonalejší.

Jak vidíte na stránkách, které jsem vytvořil (viz screenshoty) v tomto příspěvku, ani moje rady nevedly vždy k požadovanému výsledku :-; Proto si od vás rád vyslechnu nové poznatky v komentářích! Možná jste našli perfektní vzorec pro vlastní domovskou stránku?

Vaše dotazy k příspěvku

Máte otázky na Phillipa? Nebo tip na design domovské stránky? Těšíme se na váš komentář. Chcete být informováni o nových příspěvcích o WordPressu a webdesignu? Pak sledujte RAIDBOXES na Twitteru, Facebooku, LinkedIn nebo prostřednictvím našeho newsletteru.

Phillip je nezávislý designér a koncipuje, navrhuje, vytváří a pečuje od roku 2011 o bezbariérové WordPress stránky pro své zákazníky v Kolíně nad Rýnem. Po mnoho let spoluorganizoval WordCamp Europe, stejně jako další místní WordCampy. Jako komunikační designér Phillip také navrhuje designy loga, obchodního vybavení a reklamních materiálů až do veletrhu stánků.

Komentáře k tomuto článku

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinná pole jsou označena *.