Eine konvertierende Landing Page ist kein magischer Text mit magischer Grafik. Sie ist eine choreografierte Sequenz von Elementen, die die gleichen Fragen beantworten, die ein Interessent beim Scrollen hat. Hier ist die Anatomie, Schritt für Schritt — und warum die Reihenfolge wichtiger ist als die Worte.

Warum die Reihenfolge entscheidend ist

Landing-Page-Besucher scannen in einer bestimmten Logik. Sie fragen sich erst „Bin ich hier richtig?", dann „Versteht ihr mein Problem?", dann „Könnt ihr das wirklich?", dann „Was kostet das?", dann „Gibt es Haken?". Wenn du die Antworten in falscher Reihenfolge lieferst, springen sie an der falschen Stelle ab.

Das heißt nicht, dass du alle Fragen beantworten musst bevor der Besucher scrollt. Die Hero-Sektion beantwortet nur die erste. Jede weitere Sektion beantwortet die nächste in der Scroll-Sequenz. Die psychologische Struktur folgt dem natürlichen Entscheidungsprozess — nicht der klassischen Werbe-Logik.

Sektion 1 — Hero: Die ersten 5 Sekunden

Die Hero-Sektion ist das, was oberhalb der Scroll-Kante sichtbar ist, wenn die Seite lädt. Drei Fragen müssen hier in unter fünf Sekunden beantwortet sein:

  • Was wird angeboten? Produkt oder Service in einem Satz.
  • Für wen? Zielgruppe, am besten direkt ansprechen.
  • Welcher nächste Schritt? CTA, deutlich sichtbar, eine Aktion.

Elemente in der Hero-Sektion:

  • Headline: Nutzenversprechen, kein Firmenname, kein „Willkommen bei X".
  • Subline: Konkreter Zusatz zum Nutzenversprechen. Maximal zwei Sätze.
  • Primärer CTA: Button oder Link zur Haupt-Aktion.
  • Vertrauens-Mikro-Element: „200+ Kunden", „Seit 2019", „Keine Kreditkarte nötig".
  • Visuelles Element: Produkt-Screenshot, Hero-Bild, Mockup. Kein generisches Stock-Foto.

Sektion 2 — Problem: Zeig dass du verstehst

Bevor du verkaufst, validiere das Problem. Wenn der Besucher liest „Du verlierst Leads, weil dein Formular zu lang ist", und das stimmt, hast du gewonnen. Der Rest der Seite wird ab diesem Moment ernst genommen.

Häufige Fehler in dieser Sektion:

  • Zu allgemeine Probleme („Marketing ist schwierig") — der Besucher erkennt sich nicht.
  • Problem-Dramatisierung ohne Substanz („Ohne uns verlierst du Millionen") — unglaubwürdig.
  • Problem ohne psychologische Färbung (nur Fakten) — kein emotionales Andocken.

Das PAS-Schema (Problem, Agitation, Solution) eignet sich hier — in Kurzform: Problem benennen, Schmerz des Problems benennen, zur Lösung überleiten.

Sektion 3 — Lösung: So macht ihr es anders

Jetzt kommt dein Angebot ins Bild. Nicht als Feature-Liste, sondern als Problem-Lösung-Paarung: „Das Problem war X. Wir lösen es so: Y."

Erfolgsentscheidend: Nutzen statt Features.

  • Feature: „Unsere Plattform nutzt Next.js 15."
  • Nutzen: „Deine Seite lädt in unter einer Sekunde — Besucher springen nicht ab."

Drei bis vier Kern-Nutzen reichen. Mehr wirkt wie Marketing-Müll, weniger wirkt dünn.

Sektion 4 — Social Proof: Andere waren erfolgreich

Menschen trauen Menschen mehr als Marken. Social Proof ist die Brücke zwischen „Das klingt gut" und „Das trau ich mich".

Die Hierarchie der Glaubwürdigkeit:

  1. Testimonials mit Video — höchste Glaubwürdigkeit, aufwendig zu produzieren
  2. Testimonials mit echtem Foto + Namen + Firma — sehr glaubwürdig
  3. Testimonials nur Text — glaubwürdig, wenn Namen + Firma genannt
  4. Kundenlogos — glaubwürdig, bekannt Marken helfen
  5. Fallzahlen — „200+ Kunden" — nur wenn die Zahl relevant ist
  6. Presse-Erwähnungen — glaubwürdig bei echten Medien

Fake-Testimonials erkennt jeder — auch der Nicht-Marketing-Profi. Google-Bildersuche mit dem Foto und die Spur führt zu Shutterstock. Echte, wenige Testimonials sind besser als viele erfundene.

Sektion 5 — Ablauf / Features: So läuft es konkret

Wenn dein Angebot komplex ist (Service, Dienstleistung, längerer Prozess), brauchst du eine Erklärung wie der Ablauf konkret ist. Drei Schritte sind ideal, vier noch ok, fünf anstrengend.

Beispiel für einen Service:

  1. Erstgespräch, 30 Minuten
  2. Individuelles Angebot innerhalb 72 Stunden
  3. Umsetzung, Go-Live in 2–4 Wochen

Für Produkte ersetzt du Ablauf durch Features — aber bleibe bei drei bis sechs Kernfunktionen, nicht zwanzig. Bei langen Landing Pages für komplexe Produkte: verlinke auf eine eigene Features-Seite, statt alles auf die Landing Page zu packen.

Sektion 6 — Einwände & FAQ: Was hält ab

Der Besucher hat an diesem Punkt Nutzen verstanden, Social Proof gesehen, Ablauf nachvollzogen — aber Einwände haben sich aufgebaut:

  • Ist das sicher?
  • Was wenn es nicht funktioniert?
  • Wie lange bin ich gebunden?
  • Kann ich abbrechen?
  • Ist das nicht zu teuer?

Ein FAQ-Block mit 4–8 Fragen räumt diese Einwände direkt ab. Jede beantwortete Frage ist ein beseitigter Abbruchgrund. Mehr zur FAQ-Strategie im Artikel Landing Page erstellen lassen.

Sektion 7 — Final-CTA: Letzter klarer Handlungsaufruf

Am Ende wiederhole den primären CTA noch einmal groß und deutlich. Der Besucher hat sich durch die Seite gearbeitet, seine Einwände wurden adressiert — jetzt soll der nächste Schritt so reibungslos wie möglich sein.

Final-CTA-Best-Practices:

  • Großer, farblich kontrastreicher Button
  • Aktivverb im Button: „Projekt starten" statt „Kontakt"
  • Direkt neben dem Button: kurzer Trust-Satz („Kein Verkaufsdruck. Antwort in 24h.")
  • Keine neuen Ablenkungen — keine zusätzliche Navigation unter dem Final-CTA

Optionale Sektionen für komplexere Fälle

Je nach Angebot können zwischen den Hauptsektionen weitere Blöcke sinnvoll sein:

  • Preis-Block: Wenn du feste Preise hast, sie transparent zeigen — entfernt Einwand 1.
  • Garantie / Risikoumkehr: „30 Tage zurück" — entfernt Einwand 2.
  • Demo-Video (≤ 90 Sekunden): Komplexe Produkte sehen besser, als sie sich beschreiben lassen.
  • Vergleichs-Tabelle: Wenn du klar besser als eine Alternative bist, zeige das strukturiert.

Mobile vs. Desktop Anatomie

Die Sektionen bleiben dieselben — aber die Visualisierung muss neu durchdacht werden. Auf Mobile:

  • Hero-Sektion muss in einen einzigen Scroll-Viewport passen — ca. 600 px Höhe
  • Vertrauens-Mikro-Elemente rutschen unter den CTA, nicht daneben
  • Social Proof: ein Testimonial pro Scroll, nicht drei nebeneinander
  • FAQ wird zu Accordion — alle Antworten auf einmal wäre eine Textwand
  • Final-CTA als Sticky-Bar am unteren Viewport — Daumenerreichbar

Die häufigsten Fehler in der Praxis

  • CTA in anderen Farben je Sektion: Besucher verliert Orientierung, welcher der „richtige" Button ist.
  • Zu viele konkurrierende Ziele: „Kontakt aufnehmen" und „Newsletter abonnieren" und „Demo anfragen" — Entscheidung lähmt.
  • Hero ohne klares Nutzenversprechen: „Willkommen" ist kein Versprechen. „Wir sind die führenden..." auch nicht.
  • Testimonials am Ende statt mittendrin: Social Proof muss kommen, bevor Einwände entstehen, nicht danach.
  • Fehlender Final-CTA: Besucher scrollt bis zum Footer und weiß nicht wohin.

Wie goldlab Landing Pages aufbaut

Wir beginnen jede Landing-Page-Entwicklung mit einem strukturierten Angebots-Audit: Was wird verkauft, für wen, was ist der eine primäre CTA. Daraus entsteht die Struktur — erst dann schreiben wir Texte, erst dann bauen wir Design.

Typisches Ergebnis: eine Landing Page mit den oben beschriebenen 7 Sektionen, individuell gebaut, in 5–10 Werktagen live. Details zu Kosten und Prozess: Landing Page erstellen lassen und Landing Page vs. Website.

Konkretes Projekt im Kopf? Schick uns eine Kurzbeschreibung — wir melden uns innerhalb von 24 Stunden mit einer ehrlichen Einschätzung.

Häufige Fragen

Wie lang sollte eine Landing Page sein?

So lang wie nötig, so kurz wie möglich. Einfache Angebote (Newsletter-Anmeldung, Freebie-Download) können auf 400 Wörter kommen. Komplexe B2B-Angebote oder teure Produkte brauchen 1.500–3.000 Wörter — weil mehr Einwände adressiert werden müssen.

Wie viele CTAs soll ich setzen?

Genau einen primären — aber den wiederholt, 3–5 Mal über die Seite verteilt (Hero, nach Lösung, nach Social Proof, nach FAQ, final). Verschiedene sekundäre CTAs lenken nur ab.

Sind lange Landing Pages noch zeitgemäß?

Ja, für hochpreisige oder erklärungsbedürftige Produkte. „Kurz ist modern" ist ein Mythos — Länge wird nicht gelesen, aber Scroll-Tiefe korreliert mit Kaufintention. Kurze LPs für billige Produkte, lange LPs für teure.

Brauche ich ein Video in der Hero-Sektion?

Nicht automatisch. Ein Video in der Hero kann Conversion steigern — wenn es unter 60 Sekunden ist, das Problem-Lösung-Schema in Bewegung zeigt und mit Untertiteln autoplay-fähig ist. Ansonsten: weglassen.

Wie wichtig ist Design versus Copy?

Copy wichtiger als Design. Ein perfektes Design mit schwacher Copy verkauft nicht, eine starke Copy in solidem Design verkauft. Das heißt nicht, dass Design egal ist — aber die Priorisierung ist klar.