Landing Page Beispiele: als Struktur gelesen, nicht als Screenshot

Eine Landing Page ist eine einzelne Seite für genau eine Handlung, mit entfernter Navigation, damit der Besucher ein Ziel hat und keinen Ausweg. Das ist die vollständige Definition, und sie erklärt, warum Sammlungen hübscher Screenshots so wenig lehren. Das Visuelle ist die letzte Entscheidung, nicht die erste.

Was folgt, sind Landing-Page-Beispiele so gelesen, wie wir sie vor einem Angebot lesen: Was verlangt die Seite, an welcher Stelle, wie viel auf einmal, und was tut sie, während der Besucher zögert. Die Screenshots wechseln alle achtzehn Monate. Die fünf Probleme darunter haben sich seit einem Jahrzehnt nicht verändert.

Laut den Conversion-Benchmark-Daten von Unbounce aus 41.000 Landing Pages und 57 Millionen Conversions konvertiert die mittlere Seite bei 6,6 %. Die Spanne zwischen Branchen ist deutlich größer als die zwischen Gestaltungsstilen, und das sagt Ihnen, wo die Arbeit liegt.

Ein Beispiel zeigt Ihnen eine gelöste Aufgabe, ohne die Aufgabe zu zeigen. Sie sehen den fertigen Hero-Bereich, aber nicht die Traffic-Quelle, für die er geschrieben wurde, nicht das Angebot, das er trug, und nicht die vier Varianten, die verloren haben. Eine Seite mit 12 % für einen Eventveranstalter und eine mit 3,8 % für ein SaaS-Produkt können fast gleich aussehen, weil der Abstand aus der Frage kommt, nicht aus der Optik.

Lesen Sie deshalb jedes Beispiel zuerst auf drei Fakten. Woher kam der Besucher, welche einzelne Handlung wird verlangt, und was muss der Besucher dafür hergeben. Sobald diese drei auf dem Tisch liegen, ist das Layout keine Geschmacksfrage mehr, sondern eine Folge.

Die Benchmark-Spanne belegt das. Unbounce sieht Events und Entertainment bei 12,3 %, SaaS bei 3,8 % und E-Commerce bei 4,2 %. Gleiches Gestaltungsvokabular, sehr unterschiedliche Forderung.

Jede Seite aus dieser Auswahl bringt vier Dinge in den ersten Bildschirm und sonst nichts: eine Überschrift, die das bereits angeklickte Versprechen wiederholt, einen Satz dazu, für wen das gilt, eine einzige sichtbare Handlung und einen Beleg, dass andere sie ausgeführt haben. Alles Übrige wartet. Seiten, die scheitern, scheitern meist an einem fünften Element, üblicherweise einer Navigationsleiste, die wieder hinausführt.

Die Wiederholung wiegt schwerer als die Formulierung. Wenn die Anzeige "Termin in derselben Woche" sagt und die Überschrift "Lösungen für die gebaute Umwelt von morgen", dann stockt der Besucher, und in diesem Stocken versickert der Traffic. Den Klick aufzugreifen ist unspektakulär und bewegt die Zahl stärker als Typografie.

Neun Seiten, fünf wiederkehrende Probleme. Statt Marken zu beschreiben, deren Design neu gezeichnet wird, bevor Sie zu Ende gelesen haben, steht hier das Strukturmuster jedes Typs und die Bedingung, unter der es trägt. Ordnen Sie Ihre Lage einer Zeile zu, suchen Sie dann aktuelle Beispiele genau dieser Zeile und studieren Sie die.

Das Muster ist stabil, sein visueller Ausdruck nicht. Eine Demo-Anfrageseite von 2019 und eine von 2026 unterscheiden sich in der Typografie und kaum sonst.

Die fünf Probleme jeder Zeile sind immer dieselben: vier Sekunden Aufmerksamkeit halten, sagen für wen das ist, die Handlung offensichtlich machen, den Grund zum Zögern entfernen und die kleinstmögliche Verpflichtung verlangen. Wenn eine Seite falsch wirkt und Sie nicht sagen können warum, fehlt eines dieser fünf. Meistens das zweite, weil aufzuschreiben, für wen die Seite nicht ist, der unangenehmste Teil der Arbeit ist. Beachten Sie dabei: keine dieser Zeilen rankt von selbst. Eine Seite, die zusätzlich in der Suche gefunden werden soll, braucht ein sechstes Element, behandelt in unserem Leitfaden zu SEO-Landingpages.

Das Formular ist der einzige Teil einer Landing Page, der den Besucher etwas hergeben lässt, und damit der einzige Teil, an dem er aufhören kann. Alles darüber kostet ihn nichts. Deshalb bewegt die Formularlänge die Conversion zuverlässiger als jede andere Einzelmaßnahme, und deshalb fragen die stärksten Beispiele nach zwei Feldern, wo Wettbewerber sieben verlangen.

HubSpots Auswertung zur Formularlänge fand Formulare mit drei Feldern bei rund 25 % gegenüber etwa 20 % bei mehr als fünf Feldern. Die absoluten Zahlen gehören zu deren Datensatz, die Richtung hat sich in jedem unserer eigenen Tests bestätigt.

Die praktische Regel lautet: fragen Sie nur nach dem, was der nächste menschliche Schritt braucht. Ein Verkaufsgespräch braucht einen Namen und einen Weg, die Person zu erreichen. Es braucht nicht Firmengröße, Branche, Budgetrahmen und die Frage, woher der Besucher von Ihnen weiß. Diese Felder existieren, damit ein Report leichter zu bauen ist, und sie werden mit verlorenen Leads bezahlt.

Eine Landing Page ist normalerweise die schnellste Seite eines Auftritts, oder sie sollte es sein, denn sie hat keine Navigation, keinen Blog-Feed und keine Fremdwidgets aus dem Haupttemplate. Wenn eine Landing Page langsam ist, liegt es fast immer an Tracking-Skripten und einem überdimensionierten Hero-Bild, nicht am Design.

Die gemeinsame Studie von Google und Deloitte, Milliseconds Make Millions, maß 8,4 % mehr mobile Conversions im Handel bei 0,1 Sekunden kürzerer Ladezeit. Zehntelsekunden sind im bezahlten Traffic kein Rundungsfehler.

In der Praxis heißt das: ein Hero-Bild in einem modernen Format, Schriften lokal geladen und eine harte Obergrenze für Tags. Die meisten Seiten, die wir prüfen, tragen vier bis sechs Analyse- und Marketingskripte, von denen zwei tatsächlich jemand auswertet. Der schnellste Weg zu einer schnellen Landing Page führt deshalb selten über neue Technik, sondern über das Streichen dessen, was ohne Prüfung mitgekommen ist.

Belege wirken, wenn sie konkret, zuordenbar und neben der Forderung platziert sind. Eine benannte Person aus einem erkennbaren Unternehmen, die sagt, was sich verändert hat, direkt neben dem Button, wirkt. Eine Reihe grauer Logos im Fußbereich wirkt nicht, denn dort ist die Entscheidung längst gefallen, und niemand weiß, ob das Kunden, Partner oder Stockmaterial sind.

Die stärksten Beispiele setzen einen Beleg above the fold und einen direkt neben das Formular. Nicht acht Referenzen in einem Karussell, das über die erste Folie hinaus niemand weiterklickt.

Zahlen schlagen Adjektive, hier wie überall. "Angebotsdurchlauf von neun Tagen auf zwei verkürzt" schafft mehr Vertrauen als "hervorragender Service, sehr zu empfehlen", und es übersteht die Übersetzung in andere Sprachen, ohne bedeutungslos zu werden.

Es gibt eine Rangfolge, die man kennen sollte. Ein genannter Kunde mit Zahl schlägt einen genannten Kunden ohne Zahl, dieser schlägt ein anonymes Zitat, das anonyme Zitat schlägt eine Logowand, und die Logowand schlägt nichts, aber nur knapp. Wenn Sie eine echte Fallstudie haben, stellen Sie sie neben das Formular und löschen Sie das Karussell. Unsere Conversion-Optimierung für Landingpages beschreibt, wie sich testen lässt, welcher Beleg die Seite trägt.

Der Preis einer Landing Page richtet sich danach, wie viel Denkarbeit enthalten ist, nicht danach, wie viele Pixel geschoben werden. Ein ausgefülltes Template ist eine Sache. Eine Seite, gebaut aus Ihrem Angebot, Ihrer Traffic-Quelle und einem Testplan, ist eine andere, und in diesem Abstand steckt der größte Teil des Conversion-Unterschieds.

Die Bänder unten sind das, was wir anbieten und was am europäischen Markt aufgerufen wird. Sie setzen voraus, dass Texte entweder geliefert oder mitbeauftragt werden, und das ist die größte Einzelvariable. Unsere Landingpage-Leistung veröffentlicht ihre Bänder aus demselben Grund, aus dem wir sie hier nennen: ein Preis, der erst nach dem Erstgespräch fällt, ist ein Preis zum Verankern.

Eine Zahl noch, bevor Sie ein Band wählen. Bezahlter Traffic kostet dasselbe, gleich ob er auf einer guten oder einer schwachen Seite landet. Das Seitenbudget gehört also gegen das monatliche Werbebudget gerechnet, nicht gegen den Preis einer Website. Bei 3.000 € Werbebudget im Monat zahlt eine Seite, die von 4 % auf 6 % hebt, einen Aufbau für 5.000 € binnen eines Quartals zurück.

Kopieren geht auf eine bestimmte, vorhersehbare Weise schief: das Layout kommt an, ohne das Angebot, das es begründet hat. Eine lange Scrollseite mit sechs Belegabschnitten ergibt Sinn bei einem Jahresvertrag über 15.000 € und wirkt verzweifelt bei einem Download für 19 €. Die Seite erbt eine Form, die den Einwand eines anderen aufgelöst hat.

Der zweite Fehler ist, eine Seite zu kopieren, die selbst nie getestet wurde. Das meiste, was in Inspirationsgalerien kursiert, wurde von Gestaltern ausgewählt, weil es im Raster gut aussieht, und nicht von jemandem, der die Auswertung gesehen hat. Award-Jurys und Käufer bewerten nicht dasselbe.

Der dritte ist, über Märkte hinweg zu kopieren, ohne die Forderung neu zu prüfen. Vertrauenssignale sind lokal. Eine deutsche Seite trägt Impressum und Telefonnummer selbstverständlich, eine niederländische darf weniger verlangen, weil iDEAL das Zahlungsvertrauen schon hergestellt hat, und eine französische muss den Preis in der Regel früher nennen als ihre englische Entsprechung.