HeRO Varianten
Der Hero ist der wichtigste Bereich einer Website. Hier präsentieren wir die Kernbotschaft, wecken Interesse und führen Nutzer direkt zur gewünschten Aktion.
Hier sind ein Paar Beispiele:
Hero 1
klassische Anordnung Text + Bild
- Bild (rechts)
- Text (links)
- Button möglich
Hauptüberschrift
Untertitel
Beschreibungstext (Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.)
Hero 2
Text auf Bild
- Hintergrundbild
- Farbüberlagerung frei wählbar hier: 45% schwarz
- Text (links)
- Button möglich
Hauptüberschrift
Beschreibungstext (Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.)
Hero 3
Text mit Hintergrund auf Bild
- Hintergrundbild
- Text mit farblich hervorgehobenem Hintergrund
- Zwei Buttons für unterschiedliche Aktionen
Hauptüberschrift
Beschreibungstext (Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.)
Hero 4
Bild ohne Überschrift, Text oder Button
- Bild steht im Mittelpunkt
- Inhalt beginnt unterhalb des Bildbereichs
Hero 5
Video Hintergrund
- Video wird in Endlosschleife wiedergegeben
- Mit oder ohne Text
- Farbüberlagerung frei wählbar hier: 15% schwarz-blau
- farblich hervorgehobenem Hintergrund möglich
- Button möglich
Hauptüberschrift
Untertitel