Homepage Design Tipps

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

Pro mnohé je domovská stránka nebo domovská stránka svatyní webových stránek. Je určen k plnění mnoha účelů a slouží různým cílovým skupinám. A nejlepší ze všech zároveň. Jak vypadá dobrý přístup a cílený design domovské stránky? Zde jsou nejdůležitější tipy v přehledu.

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.

"*" povinný údaj

Rád bych se přihlásil k odběru newsletteru, abych byl informován o nových článcích na blogu, e-knihách, funkcích a novinkách ve WordPressu. Svůj souhlas mohu kdykoli odvolat. Více informací v našich Zásadách ochrany osobních údajů.
Toto pole slouží k ověření a nemělo by se měnit.

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ů uživatelé přicházejí prostřednictvím Googlu, prostřednictvím vašich marketingových aktivit (může to být například také vizitka) nebo profilů sociálních médií na vaší domovské stránce. Tito návštěvníci možná ani nevědí, co vaše firma dělá. Ale samozřejmě hledají společnost, která by nabídla vaše služby nebo informace. Jinak by se neobtěžovali jít na vaši domovskou stránku.

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ě společnost dělá?

Na to se bohužel často zapomíná. První věc, kterou musí domovská stránka odpovědět návštěvníkům, je: "Jsem vůbec tady?". Protože pocházejí odněkud, skončí na vašem webu WordPress - a ještě nic nevíte. Potřebují potvrzení hned na začátku, že přistáli na správné stránce. Je to jako malý bonbón, který spustí vaše uživatelské prostředí (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

To je místo, kde často dostávám nejčastější protivítr: Nejprve musíte lidi emocionálně zvednout, aby zůstali. Podle "Přinášíme obrovský obrázek na domovskou stránku, pak necháme zprávy běžet přes posuvník. Aby viděli, jak skvělá globální společnost jsme."

K velkým posuvníkům: Nefungují. Mnozí o tom již psali. WebOvá stránka Měl bych použít rotující formát? je dobrým místem, kde začít. Bohužel prohlášení "to je důležité, dáme to do postranního panelu!" již není možné, protože postranní panel již není aktuální - a není kompatibilní s responzivním webovým designem .

Emocionální apel

Je zde ode mě velmi jasné "ano" emocionální adrese cílové skupiny. To nejen váže vaše zákazníky na faktické úrovni, ale také řeší mozek zcela jiným způsobem. Podle mého názoru by však první zpráva měla zůstat ještě "Co to děláš?". Jak lze také představit ú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 na vašem webu něco najdou. Například nejprve použijí nabídku, vyhledávání a poté naskenují nadpisy nebo odkazy na vašem webu WordPress. Nejběžnějším prvním kotevním bodem, který opravují, je však první text na webu, který vám poskytne informace. To je výsledek mnoha studií. Tento text můžete "navrhnout" velmi odlišně pomocí řeči a tonality.

"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 sdělit v milisekundách jedním nebo více krásnými obrázky. K tomu však musí být fotografie autentické. Protože to, co ukazujete o sobě a svém týmu, musí být v těchto dnech skutečné. Jinak se lidé necítí brát vážně. Nikdo už nechce vidět fotku s podivnou blonďatou telefonní operátorkou. Stejně málo jako podivná 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ď?

Takže teď máme pozornost návštěvníků. Nyní vědí: "Jsem tady, cítím se pohodlně." To, co následuje, je strategické rozhodnutí: Nyní můžete prohloubit informace, které jste, jen se zde krátce dotkli. Nyní můžete – kromě prvního dojmu – sledovat svůj druhý cíl.

V tomto okamžiku má smysl přemýšlet o tom, co tento cíl vlastně je. Podívejte se také na související obsahovou strategii. Protože pokud návštěvníci nejsou fixováni na vaše menu nebo hledání informací, začnou se posouvat. 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, nyní existují stovky způsobů, jak lze domovskou stránku dále navrhnout. A rozhodně to není standardní recept, jak dovést své zákazníky k požadovanému závěru. Musíte to zkusit. Mějte však na paměti, že vaše domovská stránka nebo vstupní stránka nezíská nekonečnou pozornost. Málokdo se posune o 27 metrů – a stále zaznamenává všechny informace.

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

Pro tuto koncepci rád používám tzv. drátěné modely nebo makety. To znamená, že obsah úvodní stránky seřadíte do jednoduchých obdélníků s šedými rámečky. Bez skutečného obsahu, bez designu. To lze provést na kusu papíru nebo pomocí programů, jako jsou Adobe XD, Sketch, Photoshop, InDesign nebo dokonce v aplikaci Powerpoint. Jak jsem řekl, prozatím vynechejte design z obrazu. V tomto okamžiku například chcete vědět:

  • Co nesmí chybět na domovské stránce?
  • 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!

Vzhledem k tomu, že jste nyní nastavili svůj druhý cíl a poskytli uživatelům všechny informace, které byste mohli ubytovat v omezeném prostoru, měli byste svůj cíl objasnit. Nejlépe v dolní části stránky. Jak jsem řekl: Zde můžete zvýraznit nejdůležitější informace, vyhovět výzvě k akci nebo požádat o kontakt s vaší fotografií - vedle vašich kontaktních údajů. Ať už je váš druhý cíl stránky jakýkoli, nyní jej můžete umístit dříve, než přijde vaše zápatí. Vaše domovská stránka je – jak již bylo zmíněno – vstupní stránka.

Zápatí může znovu fungovat jako druhá navigace, například pokud tam chcete nabídnout více informací. Mnozí se také rádi dívají do vašeho Impressumzda jste renomovaným poskytovatelem. Ale pozor! Příliš mnoho prvků v zápatí může odvádět pozornost od vašeho skutečného cíle. Pokud například existuje registrace k odběru zpravodaje, ale píšete zpravodaj pouze jednou ročně, může to být méně výhodné.

"*" povinný údaj

Rád bych se přihlásil k odběru newsletteru, abych byl informován o nových článcích na blogu, e-knihách, funkcích a novinkách ve WordPressu. Svůj souhlas mohu kdykoli odvolat. Více informací v našich Zásadách ochrany osobních údajů.
Toto pole slouží k ověření a nemělo by se měnit.

Závěr o designu domovské stránky

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.

Přesně definujte svůj druhý cíl. Veďte tam návštěvníky. Pokud je to možné, zkontrolujte, zda to funguje s analýzami a testováním A / B. A co by mohlo fungovat ještě lépe. Podle mého názoru nemůžete udělat domovskou stránku mnohem dokonalejší.

Jak můžete vidět ze stránek, které jsem vytvořil (viz screenshoty) v tomto příspěvku, moje konzultace ne vždy vedla k výsledku, který chci. Proto se těším na nové postřehy od vás, v komentářích! Možná jste našli perfektní vzorec pro vaši domovskou stránku?

Vaše dotazy k příspěvku

Máte otázky pro Phillipa? Nebo tip na návrh úvodní stránky? Těšíme se na váš komentář. Chcete být informováni o nových příspěvcích o WordPress a webovém designu? Pak sledujte Raidboxes na Twitteru, Facebooku, LinkedIn nebo prostřednictvím našeho newsletteru.

Líbil se vám tento článek?

Svou recenzí nám pomůžete zlepšit náš obsah.

Napsat komentář

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