Der Stimmungsvolle Einstieg in eine Seite.

Hero

Ein Hero ist meist ein Bild mit einem kurzen Text, welches die volle Browser-Grösse einnimmt. Er ist ein emotionaler Einstieg in die Welt der Webseite.

Hero Teaser

Ganzseitiges Bild mit Typografie und «Call to Action Button» als Seiteneinstieg. Der Button weist direkt auf eine relevante Detail-Page der Webseite.

Hero Slider Gallery (Hero Carrousel)

Ganzseitige Bildergalerie um mehrere Inhalte einer Webseite «attraktiv» ins Zentrum zu stellen. Oftmals mit automatischem Bildwechsel. Aber ob statisch oder automatisch. Es ist aus UX-Sicht  nicht sinnvoll. Entweder kommt ein User nicht mit lesen nach oder er sieht die noch versteckten Inhalte nicht, obwohl sie Zentral wären.

Wireframe eines Browser mit einer Hero-Komponente. Darin sind angedeutet ein Hintergrundbild, Hero-Title, Hero-Description und Call to Action Button.
© Webdesign Essentials
Vertiefe dich ins ganze Kapitel

Anatomie einer Webseite