HubSpot Agentur aus NRW – Tipps und Tricks rund um HubSpot im Pinetco Blog

In 8 Schritten zur perfekten Landingpage - dank dieser Checkliste klappt’s

Geschrieben von Naventhan Jeyam | Aug 23, 2024 1:00:00 PM

Voraussetzungen

Vor jeder erfolgreich gemeisterten Aufgabe steht eine gute Vorbereitung. So auch bei der Erstellung der perfekten Landingpage. Im Wesentlichen sollte man sich über 3 Punkte im Klaren sein, bevor die Landingpage gebaut wird: Buyer Persona, Conversion-Ziel und Unique Value Proposition. 

 

Wer ist meine Zielgruppe und was sind ihre Bedürfnisse?

Diese Frage hängt eng mit der  Buyer Persona zusammen. Im besten Fall ist diese Frage leicht zu beantworten, da sie sehr grundlegend ist und so früh wie möglich in der Produkt- bzw. Geschäftsentwicklung geklärt werden sollte. Falls jedoch mehrere Kampagnen geplant sind, in denen unterschiedliche Zielgruppen angesprochen werden sollen, macht es Sinn für jede davon eigene Landingpages zu bauen, die spezifisch auf die jeweilige Zielgruppe mit ihren prioritären Bedürfnissen eingeht.

 

Welches spezifische Ziel verfolge ich mit der Landingpage?

Eine Landingpage hat gegenüber einer Website den Vorteil, dass Besucher sich gezielt auf ein Thema konzentrieren können, ohne dabei von anderen Inhalten abgelenkt zu werden. Dieses Thema sollte die beworbene Leistung in Form eines Produkts oder Services sein.

Eine Landingpage kann dann am effektivsten Ergebnisse erzielen, wenn ihr nur ein Zielzugrunde liegt - die Besucher also nur ein Conversion-Ziel wahrnehmen können. Das bringt die Frage mit sich: Welches Ziel soll die Landingpage erreichen? Sollen Besucher ein eBook herunterladen oder doch lieber Kontakt aufnehmen, ein Produkt kaufen oder einen Signup-Prozess starten?

 

Auf welche Unique Value Proposition zielt die Landingpage ab?

Nachdem du nun weißt, wen du ansprechen willst und wohin das führen soll, solltest du noch einmal den Blick auf dich selbst werfen. Denn um andere von dir zu überzeugen, musst du selbst ganz genau wissen, welche Probleme du wie lösen kannst und inwiefern sich diese Lösung von denen der Konkurrenz abhebt. Anders formuliert: Was ist deine Unique Value Proposition? Welchen Nutzen haben deine Kunden, wenn sie deine Leistung in Anspruch nehmen und wie zeigt er sich? Welche Bedürfnisse des Marktes werden durch diese Leistung wie erfüllt? Was macht dein Angebot in welchen Aspekten anders (und im besten Fall auch besser) als das eurer Konkurrenten? 

 

Aufbau einer Landingpage

Logo

  • Das Logo repräsentiert dein Unternehmen und zeigt den Kunden, mit wem sie es zu tun haben
  • Checkliste:
    • Nimmt das Logo seine Position oben links in der Landingpage ein, erinnern sich Besucher zu 89% häufiger daran, verglichen damit, wenn es mittig oder rechts platziert würde

 

 

Headline & Subline

  • Die Headline und Subline dienen dazu, die angebotene Leistung kurz anzuteasern und deren Vorteile hervorzuheben. Sie beantwortet Besuchern die folgende Frage: „Finde ich hier was ich suche und bist du der richtige Anbieter für mich?“
  • Für die Beantwortung dieser Frage nehmen sich Besucher durchschnittlich 8 Sekunden Zeit
  • Checkliste: 
    • Ist die Headline kurz und präzise, sodass dein Angebot und sein Nutzen sofort klar werden?
    • Beschreibt die Subheadline in 1-2 Sätzen das Leistungsversprechen und seine Benefits näher?
    • Sind Headline & Subheadline zentriert im obersten Teil der Landingpage?
    • Sind Schriftgröße und Schriftart groß genug und auf allen Endgeräten gut lesbar?

 

 

“Hero Shot” 

  • Der sog. „Hero Shot“, also das Hintergrundbild der Headline und Subline, dient dazu, Assoziationen für die Zielgruppe, ihr Problem oder die angebotene Leistung zu wecken.
  • Wichtig: Zu viel Bildsprache kann sehr schnell ablenken. Videos oder Bild-Karussells, die automatisch abgespielt werden, sind in diesem Fall nicht unbedingt empfehlenswert. Landingpage-Aufrufe über mobile Endgeräte können mit dieser Art von Medien längere Ladezeiten und damit höhere Absprungraten mit sich bringen.
  • Checkliste:
    • Setzt der „Hero Shot“ deine Leistung gut in Szene?
    • Besteht ein ausreichend hoher Kontrast zwischen Bild und der Headline & Subline?
    • Sind alle ablenkenden Elemente aus dem Bild entfernt?
    • Ist der „Hero Shot“ für Mobilgeräte optimiert?
    • Lenkt der „Hero Shot“ nicht vom CTA ab?
    • Ist die Bilddatei so klein wie möglich, aber so groß wie nötig, um schnelle Ladezeiten bei guter Bildqualität zu gewährleisten?
    • Sind Schriftfarbe und Schriftgröße auf allen Endgeräten gut lesbar und in Harmonie mit dem „Hero Shot“?
    • Best Case: Weckt der „Hero Shot“ Emotionen bei der Zielgruppe und bekräftigt das Bedürfnis nach der angebotenen Leistung?

 

 

Einleitung

  • Unterhalb des “Hero Shots” sollte in einer kurzen Einleitung dargelegt werden, warum die beworbene Leistung das zugehörige Problem am besten löst und damit ein wichtiges Bedürfnis stillt (“Reason Why”)
  • Eine weitere Headline ist  sinnvoll, nachfolgend Stichpunktartig die Benefits aufführen
  • Es bietet sich an, die Benefits mit Icons oder Bildern zu hinterlegen (wir erinnern uns an die geringe Aufmerksamkeitsspanne von Besuchern)
  • Checkliste: 
    • Werden die Benefits prägnant aber überzeugend dargestellt?
    • Ist Bildliche Darstellung möglich & sinnvoll?

 

Call to Action

  • Hier kommt das in der Vorbereitung definierte Conversion-Ziel der Landingpage zum Tragen. Soll ein Formular zur Kontaktaufnahme ausgefüllt, ein Kauf getätigt oder ein eBook heruntergeladen werden?
  • Der Call-to-Action (CTA) ist die Handlungsaufforderung an den Nutzer in Form eines Buttons, der auf das Conversion-Ziel der Landingpage verweist.
  • Er sollte auffällig sein und sich farblich von der Hauptfarbe der Landingpage bzw. des “Hero Shots” abheben
  • Der CTA sollte durch seine Beschriftung unmissverständlich vermitteln, was zu tun ist und was nach dem Klick passiert.
  • Checkliste
    • Ist der CTA auch als Button erkennbar?
    • Gibt der CTA Feedback beim Hovern und Klicken (z.B. durch Farbänderung, Bewegung)?
    • Hebt sich der CTA farblich von der Landingpage ab? 
    • Besteht um den CTA herum genügend Freiraum, um den Kontrast noch deutlicher zu machen?
    • Ist der CTA deutlich und “sprechend” beschriftet?
    • Deutet der CTA auf nur eine einzige Conversion-Aktion hin?
    • Vermittelt der CTA den Besuchern von selbst, was durch einen Klick ausgelöst wird?
    • Gibt es nur eine einzige Art von CTA auf der gesamten Landingpage?

 

Features Leistungen

  • Hier wird es etwas konkreter indem du zeigst, mit welchen Features und Leistungen dein Angebot überzeugt, womit die folgende Kundenfrage beantwortet wird: „Warum sollte ich bei dir und nicht woanders kaufen?“
  • Vorteile & Alleinstellungsmerkmale herausstellen. Wenn möglich, solltest du für jedes Argument ein zugehöriges Problem bzw. Bedürfnis aufzeigen, welches durch dein Angebot gelöst bzw. befriedigt wird. 
  • Besonders gut umgesetzt wird dieser Part, wenn auch hier nur das Nötigste aufgegriffen wird und der Text mit Bildern oder Icons strukturiert wird
  • Checkliste
    • Haben alle Features & Leistungen ein jeweilig aufgeführtes  Problem, das sie lösen?
    • Untermalt die Argumentation dein Nutzungsversprechen? 
    • Sprichst du mit deinen Kunden und nicht über/ gegen sie?
    • Passt dein Schreibstil und deine Sprache zu deiner Zielgruppe?
    • Ist dein Text persönlich, freundlich und hilfsbereit  geschrieben?
    • Ist dein Text gut leserlich und wird nicht von anderen Elementen überschattet?

 

 

Testimonials & Social Proof

  • Damit sind Meinungen echter Kunden (sog. „Testimonials“) gemeint, um Vertrauen zu schaffen (sog. „Social Proof“)
  • Checkliste: 
    • Sind die Testimonials glaubwürdig und spezifisch?
    • Werden sie bildlich angemessen dargestellt?
    • Sind sie relevant oder bekannt?
    • Greifen sie grundlegende Bedürfnisse oder Probleme der Zielgruppe auf und zeigen, wie dein Leistungsversprechen Abhilfe geschaffen hat?

 

Auszeichnungen, Siegel Zertifikate


  • Am Fuße der Landingpage bietet sich ein Modul an, in dem Auszeichnungen, Siegel und Zertifikate ausgestellt werden, die dein Produkt, Service oder Unternehmen erhalten hat. 
  • Sie suggerieren Sicherheit und erwecken Vertrauen. 
  • Wichtig: Sie unterstützen die Darstellung der Leistung, sind jedoch i.d.R. nicht das Hauptargument. Daher macht es Sinn, diesen Teil der Botschaft eher im unteren Teil der Landingpage zu verorten, denn nicht alle Besucher scrollen bis zum Fuße einer Landingpage. Wenn sie so interessiert sind, dass sie es doch tun, wird dieses Element einen wichtigen Faktor dabei spielen, den Funken - bzw. die Conversion - überspringen zu lassen. 
  • Checkliste: 
    • Sind sie relevant und vertrauensvoll?
    • Sind sie bekannt genug, um Aussagekraft zu haben?

 

3 Tipps zur Gestaltung: 

Zeigen, was verkauft wird


Ein beworbenes Produkt abzubilden ist nicht nur naheliegend, sondern auch mit den richtigen Fotografie- und Design-Künsten sehr gut machbar. Eine Service-Leistung darzustellen, ist vergleichsweise oftmals eine etwas größere Herausforderung. Hier hilft es, Assoziationen zu wecken, also in welcher Form der Service erbracht wird, von wem oder was oder wie die Service-Situation aussehen könnte. 

 

Online Marketing & Landingpages verbinden

Die Anzeigen einer Online Marketing Kampagne, welche auf die erstellte Landingpage verweisen, sollten möglichst viel mit ihr zu tun haben. Das heißt konkret, dass verwendete Keywords einer Google Ads Kampagne bestenfalls auch auf der Landingpage vorkommen sollten und sich auch die Wort- und Bildwahl von Social Media Kampagnen (Facebook, Linkedin etc.) auf die Landingpage anpassen sollten und umgekehrt. 

 

Versprechen halten

Versprechen, die auf einer Landingpage gemacht werden, sollten (möglichst schnell oder dauerhaft) gehalten werden, um Interessenten nicht zu “verbrennen”, d.h. ihr Vertrauen zu verlieren. So beinhalten z.B.  Kontaktformulare oft abschließende Versprechen wie “Wir setzen uns zeitnah mit Ihnen in Verbindung”. Dieses Versprechen sollte noch in derselben Woche, besser noch am selben Tag eingehalten werden.

 

Landingpage-Checkliste

Logo

  • Ist das Unternehmenslogo oben links in der Landingpage?

 

Headline & Subheadline

  • Ist die Headline kurz und präzise, sodass dein Angebot und sein Nutzen sofort klar werden?
  • Beschreibt die Subheadline in 1-2 Sätzen das Leistungsversprechen und seine Benefits näher?
  • Sind Headline & Subheadline zentriert im obersten Teil der Landingpage?
  • Sind Schriftgröße und Schriftart groß genug und auf allen Endgeräten gut lesbar?

 

“Hero Shot”

  • Setzt der “Hero Shot” deine Leistung gut in Szene?
  • Besteht ein ausreichend hoher Kontrast zwischen Bild und der Headline & Subline?
  • Sind alle ablenkenden Elemente aus dem Bild entfernt?
  • Ist der “Hero Shot” für Mobilgeräte optimiert?
  • Lenkt der “Hero Shot” nicht vom CTA ab?
  • Ist die Bilddatei so klein wie möglich, aber so groß wie nötig, um schnelle Ladezeiten bei guter Bildqualität zu gewährleisten?
  • Sind Schriftfarbe und Schriftgröße sind auf allen Endgeräten gut lesbar und in Harmonie mit dem “Hero Shot”?
  • Best Case: Weckt der “Hero Shot” Emotionen bei der Zielgruppe und bekräftigt das Bedürfnis nach der angebotenen Leistung?

 

Einleitung

  • Werden die Benefits prägnant aber überzeugend dargestellt?
  • Ist Bildliche Darstellung möglich & sinnvoll?

 

Call-to-Action

  • Ist der CTA auch als Button erkennbar?
  • Gibt der CTA Feedback beim Hovern und Klicken (z.B. durch Farbänderung, Bewegung)?
  • Hebt sich der CTA farblich von der Landingpage ab? 
  • Besteht um den CTA herum genügend Freiraum, um den Kontrast noch deutlicher zu machen?
  • Ist der CTA deutlich und “sprechend” beschriftet?
  • Deutet der CTA auf nur eine einzige Conversion-Aktion hin?
  • Vermittelt der CTA den Besuchern von selbst, was durch einen Klick ausgelöst wird?
  • Gibt es nur eine einzige Art von CTA auf der gesamten Landingpage?

 

Features & Leistungen

  • Haben alle Features & Leistungen ein jeweilig aufgeführtes  Problem, das sie lösen?
  • Untermalt die Argumentation dein Nutzungsversprechen? 
  • Sprichst du mit deinen Kunden und nicht über/ gegen sie?
  • Passt dein Schreibstil und deine Sprache zu deiner Zielgruppe?
  • Ist dein Text persönlich, freundlich und hilfsbereit  geschrieben?
  • Ist dein Text gut leserlich und wird nicht von anderen Elementen überschattet?
  • Sind die Testimonials glaubwürdig und spezifisch?
  • Werden sie bildlich angemessen dargestellt?
  • Sind sie relevant oder bekannt?
  • Greifen sie grundlegende Bedürfnisse oder Probleme der Zielgruppe auf und zeigen, wie dein Leistungsversprechen Abhilfe geschaffen hat?

 

Auszeichnungen, Siegel & Zertifikate

  • Sind sie relevant und vertrauensvoll?
  • Sind sie bekannt genug, um Aussagekraft zu haben?

Wenn du noch weitere Fragen hast, vereinbare dir gerne einen kostenlosen Beratungstermin mit einem unserer Experten.