Landing-Pages erstellen – Tipps für mehr Conversions

Die Landing-Page ist ein Kernelement des Online-Marketings. Sie sorgt im Idealfall dafür, dass im Inbound-Marketing aus Leads zahlende Kund:innen werden. Je höher dabei die Conversion Rate, desto besser – der Median liegt quer über alle Branchen bei 6,6 Prozent. Mit klaren Texten, Calls-to-Action und einer sinnvollen Struktur erhöhen Sie die Chancen, dass Ihre Seite konvertiert.

In diesem Artikel zeige ich Ihnen, was eine gute Landing-Page ausmacht, wie Sie Erfolge messen und stelle Ihnen anhand von 13 Landing-Page-Beispielen vor, wie Sie von anderen lernen können.

Was ist eine Landing-Page?

Eine Landing-Page ist eine eigenständige Website, die als Ziel hat, Menschen zu erreichen, indem dort beispielsweise ein Produkt beworben, ein Newsletter abonniert oder ein Beratungstermin gebucht werden kann. Meist gelangen Besucher:innen über eine Werbeanzeige oder andere Marketingmaßnahme auf diese Seite.

Was ist der Unterschied zwischen Homepage und Landing-Page?

Wenn von einer Homepage die Rede ist, geht es meist um die Startseite einer klassischen Website. Hier erwartet die User:innen viele Informationen, Funktionen und Unterseiten. Landing-Pages hingegen sind für ein einzelnes Ziel optimiert. Sie sollen Besucher:innen dazu bringen, das zu tun, was Sie sich als Ersteller:in wünschen.

Was gehört auf eine Landing-Page?

Auf einer Landing-Page fangen Sie die Aufmerksamkeit der Leser:innen mit einer griffigen Headline und einem Call-to-Action-Button (CTA), der zu einer gezielten Aktion aufruft. Weitere wichtige Elemente sind Nutzenversprechen, Social Proof über Testimonials und Bewertungen sowie visuelle Elemente.

Was macht eine gute Landing-Page aus?

Landing-Pages haben genau eine Aufgabe: Besucher:innen zu einer bestimmten Aktion zu führen und eine Conversion zu erreichen. Deshalb beschränkt sich der Aufbau einer guten Landing-Page auf wenige Punkte:

• es handelt sich meist um einen Onepager
• ein oder mehrere klare Calls-to-Action
• ein Anmeldeformular oder ein weiterführender Button dazu
• interaktive Elemente und „Störer“, die vor allem die Aufmerksamkeit der Besucher:innen lenken und fokussieren

Landing-Pages haben traditionell kein Menü und sind normalerweise auch nicht über das Menü oder über Links der Website erreichbar, an die sie angebunden sind. Sie werden nur über die dazugehörigen Ads erreicht und führen ausschließlich zu der Funktion, für die sie konvertieren sollen.

Der letzte wichtige Aspekt ist die Verschränkung von Ad und Landing-Page, sowohl optisch als auch informativ. Dafür ist es ratsam, Farben, Layout, Logos und Bilder zu übernehmen. Darüber hinaus muss sie exakt bei der Frage, dem Wunsch und dem Nutzenversprechen anknüpfen, mit dem die Ad User:innen anwirbt.

Landing-Pages kostenlos erstellen

Erstellen und testen Sie ansprechende Landingpages, die Leads generieren und auf jedem Gerät gut aussehen – auch ohne Unterstützung durch Design- oder IT-Teams.

• Personalisierte Landing-Pages
• Website-Besuchende ganz einfach zu Leads konvertieren
• Conversion-Analytics
• SEO-Vorschläge

Kostenlose Landing-Page erstellen

13 Beispiele für erfolgreiche und inspirierende Landing-Pages

Um unsere Landing-Pages bei HubSpot laufend zu optimieren, hole ich mir immer wieder Inspiration. Ich zeige Ihnen 13 Beispiele, die mir besonders gut gefallen haben.

1. Basecamp

Basecamp hat eine umfangreiche Landing-Page mit vielen Informationen in und unter dem direkt sichtbaren Bereich. Dabei sind die Informationen jedoch größtenteils in Textform gehalten. Das hat den Effekt, dass das einzige visuelle Element der Seite, das Formular, umso mehr hervorsticht. Auch hier ist der Registrierungsvorgang mit nur der Angabe der E-Mail-Adresse oder einem Login per Google-Account denkbar einfach gehalten.

Mit der Überschrift und den Kund:innenempfehlungen setzt Basecamp voll auf Social Proof (soziale Bewährtheit), um die gewünschten Konversionen zu erzielen.

Quelle: Screenshots Basecamp

Learnings

Auf der Basecamp-Landingpage wird das Thema Farbe konsistent ausgeführt. Die gelben Umrandungen und Highlights sind auf der gesamenten Seite wiederzuerkennen und lassen mich den Inhalt schnell einsehen.

2. Fisher Investments

Mir gefällt dieses Beispiel einer Kombination aus Ad auf Social Media und Landing-Page gut. Diese Anzeige habe ich auf LinkedIn gesehen, hier werden finanzielle Tipps für den Ruhestand versprochen:

Quelle: LinkedIn

Das Look-and-Feel der Anzeige wird auf der Landing-Page fortgeführt. Die ist zudem klar, strukturiert, hat kein Menü – genauso, wie ich es weiter oben beschrieben habe:

Quelle: Screenshot Fisher Investments

Learnings

Fisher Investments sorgt dafür, dass ich durch die Kürze der Texte und allgemein der Seite nicht abgelenkt werde. Ich sehe direkt, welchen Zweck die Landing-Page hat: den Leitfaden anzufordern.

3. monday.com

Das Projektmanagement-Tool monday.com macht etwas, das besonders ins Auge sticht: Es personalisiert Google-Anzeigen und die passenden Landing-Pages basierend auf dem Suchbegriff, den Sie eingeben.

Quelle: Screenshot monday.com

Auf der Seite selbst wird der Suchbegriff aufgegriffen, das ist auffällig und sorgt direkt für Aufmerksamkeit.

Learnings

Die Landing-Page an sich ist sehr einfach und strukturiert aufgebaut.

Mir gefällt zudem, dass User:innen wählen können, welche Teile des Tools sie „Ausprobieren“ (der CTA zur Handlungsaufforderung ist ebenfalls kurz und knackig) möchten. Das vermittelt ein Gefühl der Individualisierung, die bei Landing-Pages (wie auch überall sonst im Marketing) gut ankommt.

4. Zendesk

Die Landing-Page für die kostenlose Testversion von Zendesk wirkt dadurch attraktiv, indem sie sowohl vom Text- als auch vom Designaspekt her extrem schlicht ist. Das Einzige, was sich wirklich abhebt, ist der CTA-Button.

Quelle: Screenshot Zendesk

Learnings

Das Formular selbst ist simpel und fragt lediglich nach der E-Mail-Adresse. Hier gilt: Je weniger Formularfelder, desto besser – das sieht etwa auch Oli Gardner von Unbounce so und empfiehlt, die Anzahl zu reduzieren, um die Conversion Rate zu erhöhen: „Müssen Sie heutzutage wirklich die Faxnummer eine:r Besucher:in wissen? Wahrscheinlich nicht – entfernen Sie das Feld also und schauen Sie, ob das Ihre Konversionsraten verbessert.“

Oder in meinen eigenen Worten als Tipp für Sie: Einfachheit ist für Ihre Landing-Pages oft der beste Weg. Probieren Sie also ruhig auch KI-basierte Landing-Page-Generatoren aus. Sie versorgen Sie auf einen Schlag mit einem Layout und auch Textvorschlägen für Headlines, CTAs und Nutzenversprechen.

5. H.BLOOM

Diese Landing-Page habe ich einfach auf mich wirken lassen, weil sie so hübsch ist. H.BLOOM hat das mit hochauflösenden Fotografien und viel Freiraum geschafft. Gleichzeitig ist das bestellbare Angebot mit allen Informationen übersichtlich dargestellt. Ein schönes Beispiel für eine Landing-Page, die direkt Verkäufe erzeugt.

Quelle: Screenshot H.BLOOM

Learnings

Nicht jede Landing-Page ist perfekt, auch diese nicht. Scrollen Sie weiter nach unten, sehen Sie ein Formular, das Oli Gardner so gar nicht gefallen dürfte. Hier gibt es etwa das verpflichtende Feld „Additional Comments“, dessen Mehrwert begrenzt ist, da sich ein:e Mitarbeiter:in von H.BLOOM sowieso bei der Person melden wird, die das Formular ausgefüllt hat. Hier lautet die Devise also: Weniger ist mehr!

Quelle: Screenshot H.BLOOM

6. Industrial Strength Marketing

Diese Landing-Page von Industrial Strength Marketing weckt mit ihrer aktivierenden Überschrift sofort das Interesse von Besucher:innen. Hier wird ein häufiges Problem thematisiert, das mir nach wie noch oft begegnet – und die Aussage ist dabei bewusst in einem leicht provokanten Ton gehalten.

Aber das ist nicht das einzige interessante Element dieser Landing-Page. Ist Ihnen aufgefallen, wie die Farbe Rot strategisch platziert wurde? Sie findet sich zum Beispiel über und unter dem Formular, wodurch Sie näher in Richtung Konversion geführt werden.

Quelle: Screenshot Industrial Strength Marketing

Außerdem hat dieses Design einen entscheidenden Vorteil: Es sieht auch auf mobilen Geräten super aus. Denn Sie sollten immer im Hinterkopf behalten, dass laut Unbounce knapp 83 Prozent der User:innen Ihre Landing-Pages mit ihren Smartphones oder Tablets aufrufen. Wenn das Design dann nicht stimmt, verlassen sie Ihre Seite womöglich schnell wieder.

Learnings

Machen Sie es also wie Industrial Strength Marketing und legen Sie einen Fokus darauf, dass Ihre Landing-Page auch mobil funktioniert: Die wichtigsten Inhalte sollten auf gängigen Displaygrößen direkt lesbar sein, Schriftarten unterstützt werden und das Formularfeld groß genug gestaltet sein, damit Ihre Leser:innen nicht zu viel zoomen oder scrollen müssen.

Quelle: Screenshot Industrial Strength Marketing

7. Shopify

Wie viele andere Beispiele in diesem Beitrag setzt Shopify bei seiner Landing-Page für den Testlauf auf Einfachheit ohne viel Schnickschnack. Die Überschrift spricht mich direkt an und besteht nur aus ein paar Wörten. Der Preis wird klar kommuniziert und einen wichtigen Social Proof gibt es über die Logos bekannter Marken direkt unterhalb.

Quelle: Screenshot Shopify

Learnings

Auch die Einfachheit fällt ins Auge. Sie müssen lediglich Ihre E-Mail-Adresse angeben, um loszulegen. Der CTA – laut Databox-Umfrage noch vor dem Text der wichtigste Faktor für hohe Conversions – führt Sie so schnell zum eigentlichen Punkt: Online Produkte verkaufen – und zwar mit dem Werkzeug von Shopify.

Die Landing-Page ist natürlich für jedes Gerät optimiert, sowohl was das Design betrifft als auch die Funktionalität.

8. 20 Jahre „Stimmt“

Diese Seite, die das zwanzigjährige Jubiläum der schweizerischen Managementberatung Stimmt feiert, zeigt, wie schrittweises Storytelling Besucher:innen binden kann. Das Ziel dieser Landing-Page ist die Interaktion mit der Marke auf Social Media, denn die Seite wird mit der Bitte abgeschlossen, dem Unternehmen in den sozialen Netzwerken zu folgen.

Quelle: Screenshot Stimmt

Sie bei einer solchen experimentellen Landing-Page – das gilt aber auch für alle anderen – regelmäßig die Performance der Seite. Dafür eignet sich A/B-Testing, für unsere Landing-Pages mache ich das immer wieder:

Spielen Sie verschiedene Szenarien durch, etwa:

• Wie verändert sich die Conversion Rate bei einer kürzeren oder längeren Seite?
• Wie wirken sich ändern am primären CTA aus – etwa generisch (Jetzt buchen) vs. speziell (Marketing Hub buchen)?
• Was passiert, wenn Formulare weniger oder mehr Felder haben?

So kommen Sie der perfekten Landing-Page Schritt für Schritt näher.

Learnings

Diese Landingpage zeigt deutlich, dass das sogenannte „Scrollytelling“ gut funktionieren kann. Dabei geht es darum, mit interaktiven Elementen durch die Seite geführt zu werden. Während ich mich durch die Seite bewege, baut sie sich nach und nach auf, während sich die stilisierten Personen bewegen und sich die Hintergrundfarbe der Seite ändert.

9. Lusha

Die Kontaktdatenbank Lusha rühmt sich damit, die genauesten Kontaktdaten für E-Mail-Adressen und Telefonnummern zu bieten. Die Landing-Page der Datenbank trumpft mit klaren Farben und einem eingänglichen GIF auf, das die Funktionalität des Dienstleisters direkt zeigt.

Die Leiste, in der User:innen ihre E-Mail-Adresse eingeben sollen, um kostenfrei mit Lusha zu starten, ist prominent platziert und hebt sich mit einem gelben Button vom Rest der kornblumenblauen Seite ab. Weiter unten warten Produktversprechen und Testimonials.

Quelle: Screenshots Lusha

Learnings

Machen Sie es wie Lusha und spielen Sie mit den Farben Ihres Corporate Designs. Kontraste schaffen Aufmerksamkeit, wie hier der gelbe Button auf blauem Hintergrund.

10. Upwork

Die Jobvermittlungsplattform Upwork setzt bei ihrer Landing-Page auf den Faktor Mensch – statt das Gefühl zu vermitteln, dass anonyme Freelancer:innen die ausgeschriebenen Aufgaben erledigen, zeigt Upwork direkt Profile von angemeldeten User:innen und gibt ihnen so ein Gesicht.

Quelle: Screenshot Upwork

Learnings

Denken Sie darüber nach, welche Elemente auf Ihrer Landing-Page Sinn ergeben. Upwork garniert seine Seite mit den Logos anderer bekannter Unternehmen, wie Microsoft und Airbnb. Auf diese Weise gewinnt die Landing-Page an Vertrauen. Die Farbwahl wirkt frisch, der Seitenaufbau ist klar und die CTAs sind deutlich – get started!

11. Airbnb

Die Unterkunftsvermittlung Airbnb rückt bei dieser Landing-Page zur Abwechslung die Gastgeber:innen ins Rampenlicht und nicht die Reisenden. Sie wird für diejenigen verwendet, die selbst auf der Plattform inserieren möchten.

Quelle: Screenshot Airbnb

Was ich hier besonders spannend finde: Airbnb nutzt den Standort der Suchenden und transportiert in der Headline direkt den größtmöglichen Nutzen des Produkts: die potenziellen Mieteinnahmen.

Learnings

Der CTA rechts oben ist ebenfalls toll formuliert. Er ist ein gutes Beispiel dafür, dass ein Call-to-Action nicht immer nur „Jetzt kontaktieren“ lauten muss, sondern kreativ sein kann. Hier ist es ein „Airbnb-Starthilfe“-Button, der zum Formular verlinkt. Warum ich das gelungen finde? Weil die meisten Menschen erstmalig auf Airbnb oder einer ähnlichen Plattform inserieren – und zum Start höchstwahrscheinlich Hilfe benötigen.

12. Nauto

Nauto ist eine KI-gestützte Plattform, die in Echtzeit Daten über Flotten und Fahrer:innen sammelt, um abgelenktes Fahren vorherzusagen und bestenfalls zu verhindern. Die Firma bietet ein kostenfreies e-Book an, das vier Wege für sicheres Fahren umreißt. Die Landing-Page für das e-Book gibt direkt einen kurzen Überblick über die Inhalte, die die User:innen nach dem Download erwarten – klar, minimalistisch und sachlich.

Quelle: Screenshot Nauto

Learnings

Das Beispiel zeigt gut, was auf einer Landing-Page wichtig ist: Sagen (oder zeigen) Sie Ihren Besucher:innen, was Sie erwartet. Für mich zeigt sich hier auch gut, dass es auf die Zielgruppe ankommt. Sicherheit im Straßenverkehr ist ein sensibles Thema – Nauto traut seinen potenziellen Kund:innen also auch zu, etwas mehr Text zu lesen und verzichtet auf viele Störer und Ablenkungen.

13. ZEIT

Der renommierte ZEIT-Verlag umfasst mehrere beliebte Publikationen. Wer ein neues Abonnement abschließen will, erreicht diese Landing-Page. Sie zeichnet sich durch die eindeutige Hervorhebung von Optionen für die Leserschaft aus – ob in Papierform oder digital, für sich selbst oder als Geschenk, für die ZEIT selbst mit all ihren dazugehörigen Sonderheften oder eins der diversen ZEIT-Magazine – die Auswahl ist groß.

Quelle: Screenshot ZEIT

Learnings

Auf dieser Seite werden die Vorteile klar formuliert. Das hat einen einfachen Grund: Transparenz. Denn wo immer es um kostenpflichtige Angebote im Allgemeinen und Abonnements im Speziellen geht, sind Vertrauenswürdigkeit und Seriosität gefragt.

Erfolgsmessung einer Landing-Page über die Conversion Rate

Wie gut eine Landing-Page funktioniert, lässt sich an einer klaren Kennzahl ablesen: der Conversion Rate. Viele Landing-Page-Builder wie der von HubSpot haben Conversion-Analytics integriert. So sehen Sie auf einen Blick, wie viele Ihrer Besucher:innen tatsächlich die gewünschte Aktion durchführen – etwa Download, Abo Kauf.

Quelle: HubSpot Knowledge Base

Da Sie Landing-Pages auf genau eine Conversion hin optimiert sind, ist diese Kennzahl besonders aussagekräftig.

Aber was ist ein guter Wert? Der Median liegt, wie eingangs erwähnt, laut Unbounce bei etwa 6,6 Prozent. Mein Tipp: Hängen Sie sich nicht zu sehr an dieser Zahl auf und prüfen Sie stattdessen, was der Benchmark für Ihre Branche (und Zielgruppe) ist.

Auch hier nennt die Studie Richtwerte für die Konvertierung, die global gelten:

<als Grafik erstellbar>

Quelle: Unbounce Conversion Benchmark Report

Ein weiterer Tipp zur Analyse der Performance Ihrer Landing-Pages: Werten Sie die Conversion Rate nie isoliert aus. Schauen Sie sich auch an, wie sich Änderungen auf der Seite auswirken – zum Beispiel durch A/B-Testing oder Heatmaps. Oft sind kleine Nuancen ausschlaggebend.

Fazit: So klappt die Optimierung und Erstellung von Landing-Page

Wenn ich eine Landing-Page für unsere Inbound-Marketing-Strategie optimiere, achte ich vor allem auf drei Punkte: Klarheit in den Content-Elementen, Zielgruppenbezug und ein stimmiges Zusammenspiel mit der zugehörigen Kampagne (etwa Newsletter, Ad oder Podcast).

Ich gebe Ihnen daher abschließend die aus meiner Sicht fünf wichtigsten Tipps an die Hand, wie auch Ihre Landing-Pages möglichst hohe Conversion Rates erzielen:

1. Nutzen Sie Videos oder bewegte Inhalte. Laut unseren eigenen Erhebungen bei HubSpot liegen Videos mit knapp 39 Prozent bei Marketer:innen auf dem ersten Platz der einflussreichsten visuellen Assets für Landing-Pages. Auf den weiteren Plätzen folgen mit knapp 36 und 31 Prozent Bilder oder Grafiken und Social-Media-Icons.
2. Passen Sie Ihre Landing-Page auf Ihre Zielgruppe an. Haben Sie eine hohe Aufmerksamkeit und sind vorsichtig? Platzieren Sie viel Social Proof und ein klares Nutzenversprechen sowie Alleinstellungsmerkmale. Möchte Ihr Zielpublikum lieber schnell zum Ziel? Bringen Sie eine starke Headline und einen kurzen CTA direkt above the fold unter.
3. Verwenden Sie nicht nur generische CTAs wie „Jetzt buchen“. Seien Sie kreativer und kreieren Sie einen Produkt- oder Nutzenbezug – bei einem Staubsauger könnte das „Saubere Böden sichern“ oder bei einem Zeiterfassungs-Tool „Jetzt Zeit sparen“ sein.
4. Optimieren Sie Ihre Landing-Pages für Smartphones. Die meisten Nutzer:innen rufen sie mobil auf. Dabei wichtig: Lesbarkeit, schnelle Ladezeiten und wenig scrollen.
5. Probieren Sie mit A/B-Tests aus, welche abgewandelten Formen Ihrer Landing-Pages funktionieren.

Wichtig ist auch, dass Sie die Seiten harmonisch in die Marketingkampagne einbetten. Lebendige Interaktion, emotionales Storytelling und responsives Design sind Zutaten, die nicht fehlen sollten. Dann können Sie eine Landing-Page erstellen, ob mit Landing-Page-Builder oder ohne, die Ihre Conversions steigert.