Hero section
Hero sekce dominuje prvnímu dojmu webu. Přitahuje pozornost vizuálem, nadpisem a výzvou k akci. Posiluje branding a konverze, ale může zpomalit načítání a snížit engagement pod foldem.
Hero sekce (hero section) je výrazná oblast v horní části webové stránky nad foldem. Jejím cílem je upoutat pozornost uživatele, předat klíčové informace a vyvolat akci. Typicky obsahuje výrazný nadpis, jednořádkový nebo dvouřádkový text, výzvu k akci a obří vizuální prvky jako obrázek, video nebo ilustraci. Hero section vychází z tištěných médií, kde velké obrázky dominovaly reklamám a obálkám časopisů.
Správně navržená hero sekce zlepšuje zapamatovatelnost značky a zvyšuje konverzi. Na druhou stranu část uživatelů hero sekce instinktivně přeskočí kvůli bannerové slepotě. Studie ukazují, že uživatelé vnímají spíše vizuální prvky než text. Text je ovšem důležitý pro SEO. Další nevýhodou velkých obrázků na první obrazovce je zpomalení načítání. Hero sekce může zvýšit i bounce rate u uživatelů, kteří si nevšimnou, že stránka pod foldem pokračuje. V neposlední řadě komplikuje responzivní design.
Název údajně poprvé použil Marcel Moerkens v roce 2013 při vývoji šablony Brooklyn pro WordPress. Termín podle něj vznikl jako variace na jumbotron z Bootstrapu. Google Trends ale zaznamenaly hledání fráze hero section už pět let před tím.
