Ratgeber

Der Hero Shot: das erste große Bild, das wirklich für dich arbeitet

Der Hero Shot ist das erste große Bild above the fold, oben auf deiner Seite, noch vor dem Scrollen. Sein Job: in einer Sekunde zeigen, was der Besucher bei dir bekommt. Ein gutes Hero-Bild zeigt das Ergebnis, echte Menschen oder deine Leistung im echten Einsatz, nicht ein austauschbares Stockfoto. Zusammen mit einem klaren Nutzenversprechen daneben entscheidet es, ob jemand bleibt.

Von Sebastian Klenk · Zuletzt aktualisiert: 18. Juni 2026

Jemand sucht einen Maler für seine Altbauwohnung und landet auf deiner Seite. Oben: ein Stockfoto, lächelnder Mann im makellos weißen Overall, Pinsel in der Hand, perfekt weiße Wand. Das Bild hat sie schon auf zehn anderen Seiten gesehen. Es sagt ihr nichts. Der Gegenentwurf: ein echtes Foto von dir und deinem Gesellen auf dem Gerüst, die Stuckdecke halb fertig, Tageslicht durchs Fenster, daneben „Wir streichen deine Altbauwohnung in 3 Tagen, staubarm, zum Festpreis." Das eine ist Platzfüller. Das andere bist du.

Was ein guter Hero Shot zeigt

Ein guter Hero Shot beantwortet in einer Sekunde die Frage „Bin ich hier richtig?". Dafür braucht er keinen Effekt, sondern Inhalt. Drei Motive funktionieren erfahrungsgemäß besser als ein austauschbares Symbolbild:

Das Ergebnis. Nicht die Tätigkeit, sondern was der Kunde am Ende bekommt: die fertig sanierte Küche, der volle Terminkalender, der gedeckte Tisch im vollen Gastraum. Menschen kaufen das Ergebnis, nicht den Pinselstrich.
Echte Menschen, dein Team. Ein Foto von dir und deinen Leuten schafft Vertrauen, das kein Modell-Gesicht erzeugt. Es signalisiert: hier steht jemand mit Namen gerade.
Die Leistung im echten Einsatz. Der Friseur am echten Kunden, der Steuerberater im echten Gespräch, die Tischlerin an der echten Werkbank. Echtheit ist sichtbar, und Besucher merken den Unterschied.

Die Grenze, an der austauschbare Bilder scheitern: Sie sind verwechselbar. Wenn dein Hero-Bild ohne Logo genauso bei deinem direkten Wettbewerber stehen könnte, leistet es nichts. Ein gutes Hero-Bild könnte nur auf deiner Seite stehen.

Bild und Nutzenversprechen gehören zusammen

Das Bild zieht den Blick, der Text daneben liefert die Worte. Beide müssen dasselbe sagen. Ein starkes Foto neben einer leeren Floskel wie „Ihr Partner für Qualität und Service" verschenkt die halbe Wirkung. Setz neben das Bild ein klares Nutzenversprechen, das in einem Satz sagt, was du für wen tust und warum es besser ist. Bild und Satz zusammen sind der Hero-Bereich, nicht das Bild allein.

Dahinter steckt ein einfacher Mechanismus: Menschen entscheiden in den ersten Sekunden über Vertrauen und Relevanz, nicht über Argumente. Warum echte Bilder und konkrete Versprechen stärker wirken als Hochglanz-Optik, steht im Ratgeber zur Conversion-Psychologie. Echtheit schlägt Inszenierung, weil sie glaubwürdig ist, nicht weil sie hübscher ist.

Konkret für Handwerk, Coach und Gastro

Handwerk. Vorher: Stockfoto „Hand mit Bohrmaschine". Nachher: dein fertig verlegter Parkettboden im Wohnzimmer eines echten Kunden, daneben „Parkett vom Meisterbetrieb, in einer Woche verlegt, 5 Jahre Garantie".
Coach. Vorher: gestelltes Gruppenfoto am Whiteboard, das niemand kennt. Nachher: du in deiner echten Beratungssituation oder ein ruhiges Porträt, daneben „Ich helfe Selbstständigen, in 3 Monaten planbar Kunden zu gewinnen, ohne Kaltakquise".
Gastro. Vorher: generisches Teller-Foto aus der Bilddatenbank. Nachher: dein Signature-Gericht auf deinem Tisch, im Hintergrund unscharf dein Gastraum, daneben „Saisonale Küche aus der Region, abends ab 18 Uhr, Reservierung empfohlen".

Du brauchst dafür kein teures Shooting. Ein gutes Smartphone bei Tageslicht und ein echter Moment aus deinem Alltag schlagen ein professionelles, aber austauschbares Stockfoto fast immer. Es zählt nicht die technische Perfektion, sondern dass man sieht: das ist echt, das ist hier, das ist diese Person.

Welches Hero-Bild wirkt besser? Das kannst du testen

Ob das Ergebnis-Foto oder das Team-Foto bei deinen Besuchern besser ankommt, lässt sich nicht aus dem Lehrbuch beantworten. Es hängt von deiner Zielgruppe ab. Deshalb ist ein anderes Hero-Bild einer der klassischsten A/B-Tests überhaupt: Version A zeigt das Ergebnis, Version B das Team, und du misst, bei welcher mehr Besucher anfragen oder buchen. Das braucht aber genug Traffic, sonst ist das Ergebnis Zufall statt Erkenntnis. Bei wenig Besuchern hilft der Vergleich mit guten Beispielen mehr als ein Test.

Mit Figgle Moments kann dein Hero-Bereich je Kontext variieren, ohne Tracking und ohne Profiling: mittags das Lunch-Foto, abends das Dinner-Foto, bei Regen ein anderer Aufmacher als bei Sonne. Kein Trick, sondern Relevanz, die ab dem ersten Besucher wirkt.

Inszenieren ja, fälschen nein

Ein Hero Shot darf dein Bestes zeigen: aufgeräumt, gut ausgeleuchtet, der schönste Winkel. Das ist legitimes Handwerk, kein Betrug. Was nicht geht: ein Ergebnis zeigen, das du so nie lieferst, gekaufte Model-Gesichter als „dein Team" ausgeben oder fremde Projekte als eigene. Das fliegt spätestens beim ersten Kundentermin auf und zerstört genau das Vertrauen, das der Hero-Bereich aufbauen soll. Die Regel ist einfach: zeig dein Bestes, aber zeig deins.

Häufige Fragen

Was ist ein Hero Shot auf einer Website?

Der Hero Shot ist das erste große Bild oben auf einer Seite, im sichtbaren Bereich ohne Scrollen (above the fold). Zusammen mit der Hauptüberschrift daneben entscheidet er in den ersten Sekunden, ob ein Besucher bleibt oder weiterklickt. Er soll zeigen, was der Besucher bei dir bekommt.

Sind Stockfotos für den Hero-Bereich schlecht?

Nicht grundsätzlich, aber meist ja. Austauschbare Symbolbilder, die genauso auf hundert anderen Seiten stehen könnten, schaffen weder Vertrauen noch Relevanz. Ein echtes Foto von dir, deinem Team oder deinem konkreten Ergebnis wirkt fast immer glaubwürdiger als ein perfektes, aber anonymes Stockfoto.

Was soll ein gutes Hero-Bild zeigen?

Am besten eines von drei Dingen: das Ergebnis, das der Kunde am Ende bekommt, echte Menschen beziehungsweise dein Team, oder deine Leistung im echten Einsatz. Faustregel: Wenn das Bild ohne Logo auch beim Wettbewerber stehen könnte, ist es zu beliebig.

Lohnt es sich, das Hero-Bild per A/B-Test zu prüfen?

Ja, wenn du genug Besucher hast. Ein anderes Hero-Bild ist ein klassischer A/B-Test: Du zeigst zwei Versionen und misst, welche mehr Anfragen bringt. Bei wenig Traffic ist das Ergebnis aber schnell Zufall, dann hilft eher der Vergleich mit guten Beispielen als ein Test.

Weiterlesen

Lass deinen Hero-Bereich kostenlos scannen und sieh in einer Minute, ob dein erstes Bild für dich arbeitet oder nur Platz füllt.

Website kostenlos scannen