Philip Let's Talk

MENU

Webdesign

Landingpage Aufbau: Struktur, Elemente und der psychologische Funnel

Updated: 10.06.2026

Was ist der richtige Aufbau einer Landingpage? Ein guter Landingpage Aufbau folgt einem psychologischen Funnel: Zielgruppe und Ziel definieren, dann Hero mit klarem Nutzenversprechen, Problemdarstellung, Lösung, Social Proof, primärer CTA, Einwandbehandlung und abschließender CTA. Jede Sektion hat eine definierte Aufgabe im Entscheidungsprozess des Besuchers.

Welche Elemente einer Landingpage sind für die Conversion entscheidend? Laut Analyse von über 1.000 Landingpages durch Unbounce sind Hero-Headline, CTA-Platzierung und Social Proof die drei stärksten Conversion-Hebel. CTAs above the fold steigern die Klickrate um bis zu 47 Prozent gegenüber reinen Scroll-CTAs.

Was ist eine gute Conversion-Rate für eine Landingpage? Der Durchschnitt liegt je nach Branche zwischen 2 und 5 Prozent. Gut optimierte B2B-Landingpages erreichen 8 bis 12 Prozent, SaaS-Seiten mit Free-Trial-Angebot bis zu 15 Prozent. Wer unter 2 Prozent liegt, hat ein strukturelles Problem im Aufbau oder in der Zielgruppenansprache.

Das Wichtigste in Kürze

  • Zielgruppe zuerst: Bevor der erste Satz geschrieben wird, muss klar sein wer landet, woher der Traffic kommt und welchen Bewusstseinsstatus der Besucher hat.
  • Psychologischer Funnel: Der Aufbau folgt der Entscheidungslogik: Problem anerkennen, Lösung zeigen, Vertrauen aufbauen, Entscheidung auslösen.
  • Social Proof: Seiten mit Kundenbewertungen konvertieren im Schnitt 270 Prozent besser als Seiten ohne Vertrauenselemente.
  • CTA-Platzierung: Ein primärer CTA above the fold ist Pflicht. Floating CTAs und Sticky Buttons erhöhen die Conversion zusätzlich um 15 bis 25 Prozent.
  • A/B-Testing: Headline zuerst testen, dann CTA-Text, dann Farbe. Wer mehrere Variablen gleichzeitig testet, bekommt keine verwertbaren Ergebnisse.

Was ist eine Landingpage?

Eine Landingpage ist eine einzelne Webseite mit einem einzigen Ziel: den Besucher zu einer definierten Handlung zu bewegen. Der Landingpage Aufbau folgt dabei immer derselben Logik: kein Hauptmenü, keine Ablenkungen, kein zweites Angebot. Nur ein Versprechen, ein Angebot und eine Handlungsaufforderung.

Der Begriff kommt aus dem Performance-Marketing: Wer auf eine Anzeige klickt, „landet“ auf dieser Seite. Deshalb unterscheidet sich eine Landingpage grundlegend von einer normalen Website-Unterseite. Eine Website informiert und navigiert. Eine Landingpage überzeugt und konvertiert.

Landingpage vs. Website: Der entscheidende Unterschied

Eine normale Unterseite auf einer Website hat durchschnittlich 7 bis 12 Navigationspunkte. Jeder davon bietet dem Besucher eine Absprungmöglichkeit. Eine Landingpage hat idealerweise keine externe Navigation. Laut einer Analyse von HubSpot steigt die Conversion-Rate um bis zu 28 Prozent, wenn alle Navigationslinks von einer Landingpage entfernt werden.

Wann eine Landingpage gegenüber einer normalen Seite eingesetzt wird:

  • Google Ads oder Social-Media-Kampagnen mit spezifischem Angebot
  • Lead-Generierung für ein einzelnes Produkt oder eine Dienstleistung
  • Webinar-Registrierungen, Download-Angebote oder Beratungstermine
  • Produktlaunches mit zeitlich begrenztem Angebot
Landingpage Aufbau Navigation Section
Navigation normale Seite vs Landingpage

Vorbereitung: Zielgruppe, Ziel und Ansprache beim Landingpage Aufbau beachten

Wer mit dem Landingpage Aufbau direkt im Design oder in den Texten anfängt, macht den häufigsten Fehler im Conversion-Marketing. Bevor der erste Satz geschrieben wird, müssen drei strategische Fragen beantwortet sein. Alles andere folgt daraus.

Wer landet auf der Seite?

Der Bewusstseinsstatus des Besuchers entscheidet über den gesamten Aufbau der Landingpage. Marketing-Legende Eugene Schwartz hat fünf Bewusstseinsstufen definiert, die heute noch genauso relevant sind wie 1966:

  • Problem-unaware: Der Besucher weiß noch nicht, dass er ein Problem hat. Braucht langen Funnel, starke Problemdarstellung.
  • Problem-aware: Er kennt das Problem, aber nicht die Lösung. Die Problemsektion spricht ihn direkt an.
  • Solution-aware: Er kennt Lösungen, aber noch nicht das spezifische Angebot. Differenzierung gegenüber Alternativen ist entscheidend.
  • Product-aware: Er kennt das Angebot, zögert aber noch. Einwandbehandlung und Social Proof sind die Haupthebel.
  • Most-aware: Er ist bereit zu kaufen. Kurze Seite mit direktem CTA reicht.

Kalter Traffic aus Display-Ads landet bei Stufe 1 oder 2 und braucht einen langen Funnel. Warmer Traffic aus Retargeting oder einer E-Mail-Liste steht bei Stufe 4 oder 5 und konvertiert auf kurzen Seiten deutlich besser. Dieselbe Landingpage für beide Traffic-Quellen zu nutzen ist ein klassischer Optimierungsfehler.

Das Ziel der Landingpage genau definieren

Jede Landingpage hat genau ein primäres Ziel. Kein „und“. Kein „oder“. Ein Ziel. Wenn das Ziel unklar ist, spürt das der Besucher und konvertiert nicht.

Erlaubt ist ein sekundäres Softziel, das Besucher auffängt die noch nicht für das primäre Ziel bereit sind. Beispiel: Primärziel ist „Beratungsgespräch buchen“, Softziel ist „Checkliste herunterladen“. Das Softziel erscheint als subtiler alternativer CTA, niemals gleichwertig neben dem primären. Zwei gleichwertige CTAs auf einer Seite halbieren nachweislich die Conversion-Rate beider, weil Auswahl Entscheidungsaufwand erzeugt.

⚠️
Häufiger Fehler

Zwei gleichwertige CTAs auf einer Seite halbieren die Entscheidungskraft. Ein primäres Ziel, maximal ein Softziel – nie zwei gleichstarke Handlungsaufforderungen parallel.

Texte und Visuals auf die Zielgruppe ausrichten

Die stärkste Landingpage ist die, bei der der Besucher denkt: „Die sprechen genau über mein Problem.“ Das gelingt nicht durch bessere Texte, sondern durch tieferes Verständnis der Zielgruppe.

Drei praktische Methoden die RHEINSPACE in Projekten einsetzt:

  • Kundensprache verwenden: Wie beschreiben bestehende Kunden das Problem in eigenen Worten? Amazon-Rezensionen, Support-Tickets und Sales-Calls sind Goldminen für echte Formulierungen.
  • Hero-Bild richtig wählen: Das Bild sollte entweder die Zielgruppe selbst zeigen (Identifikation) oder das gewünschte Ergebnis nach der Nutzung (Aspiration). Produktfotos ohne Kontext konvertieren schlechter als emotionale Ergebnis-Visuals.
  • Tonalität anpassen: B2B-Zielgruppen mit langen Entscheidungsprozessen wollen sachliche Argumente und Zahlen. B2C-Impulskäufer reagieren auf Emotion und Dringlichkeit. Beides auf einer Seite zu mischen verwässert beide Ansätze.

Der psychologische Funnel: Kern beim Landingpage Aufbau

Menschen kaufen nicht auf Basis von Informationen. Sie kaufen auf Basis von Entscheidungen, die emotional getroffen und rational begründet werden. Eine Landingpage die nur Informationen liefert, konvertiert schlecht. Eine Landingpage die dem Entscheidungsprozess des Besuchers folgt, konvertiert gut.

Der psychologische Aufbau einer effektiven Landingpage basiert auf dem klassischen AIDA-Modell, erweitert um Conversion-Psychology-Prinzipien aus dem Direct-Response-Marketing:

  • Attention: Hero und Headline fangen die Aufmerksamkeit ab
  • Problem: Der Besucher erkennt sich und seinen Schmerz
  • Interest und Desire: Die Lösung weckt Wunsch und Interesse
  • Trust: Social Proof baut die nötige Vertrauensbasis auf
  • Action: CTA löst die Entscheidung aus
  • Objection Handling: Letzte Einwände werden vor dem finalen CTA ausgeräumt

Wer beim Aufbau der Landingpage diese Reihenfolge durchbricht, verliert Besucher genau dort wo Unsicherheit entsteht. RHEINSPACE beobachtet in Projekten regelmäßig: Seiten die zu früh die Lösung präsentieren ohne zuerst das Problem zu benennen, haben 30 bis 40 Prozent niedrigere Engagement-Raten als Seiten die dem Funnel folgen.

Key Takeaway

Landingpages ohne psychologischen Funnel erzielen laut RHEINSPACE Projekten 30-40% niedrigere Engagement-Raten. Strategie vor Design ist keine Option, sondern Voraussetzung.

Sektion 1: Hero und Headline

Die Hero-Sektion ist die erste und kritischste Sektion einer Landingpage. Laut einer Studie der Nielsen Norman Group entscheiden Besucher innerhalb von 5 Sekunden, ob eine Seite für sie relevant ist. In dieser Zeit liest niemand Fließtext: nur die Headline, die Subheadline und das visuelle Motiv.

Was die Hero-Headline leisten muss

Eine effektive Hero-Headline benennt in einem Satz: für wen die Seite ist, was das Angebot ist und welchen Nutzen es bringt. Nicht das Feature, sondern das Ergebnis. Nicht „Unsere Software hat 47 Funktionen“ sondern „Sparen Sie 6 Stunden Verwaltungsarbeit pro Woche.“

Das Prinzip dahinter heißt Value Proposition Clarity. Wer die Headline liest, muss sofort wissen: Ja, das ist für mich. Oder: Nein, nicht für mich. Beides ist richtig. Unklarheit ist der Fehler.

Drei bewährte Headline-Formeln die in der Praxis konsistent funktionieren:

  • [Ergebnis] ohne [Haupteinwand]: „Mehr Leads ohne mehr Werbebudget“
  • [Zahl] + [Nutzen] in [Zeitraum]: „47 % mehr Conversions in 30 Tagen“
  • Für [Zielgruppe]: [konkretes Ergebnis]: „Für B2B-Teams: Angebote in 24 Stunden statt 3 Tagen“

Pflicht-Elemente der Hero-Sektion

  • Headline: Max. 10 Wörter, Nutzen-fokussiert, keine Fachbegriffe
  • Subheadline: 1 bis 2 Sätze, erklärt das Wie oder gibt Sozialbeweise
  • Hero-Visual: Produkt in Nutzung, Mensch mit Emotion oder abstraktes Statement-Bild
  • Primärer CTA: Above the fold, kontrastreich, aktionsorientiert (kein „Mehr erfahren“)
  • Trust-Signale: Bewertungssterne, Kundenzahl oder Logos direkt unter dem CTA

Laut Unbounce Landing Page Analyzer haben Landingpages mit einem einzigen CTA im Hero eine um 47 Prozent höhere Klickrate als Seiten mit mehreren konkurrierenden CTAs im sichtbaren Bereich.

Landingpage Aufbau Hero Section
Hero Section Beispiel von RHEINSPACE

Sektion 2: Problem und Schmerz

Die Problem-Sektion ist die unterschätzteste Sektion einer Landingpage. Viele Unternehmen überspringen sie und springen direkt zur Lösung. Das ist ein Fehler: Wer das Problem nicht benennt, zeigt dem Besucher nicht, dass er verstanden wird.

Das Prinzip ist aus der Verkaufspsychologie bekannt: Bevor jemand eine Lösung kauft, muss er das Problem als schmerzhaft genug empfinden. Die Problem-Sektion verstärkt diesen Schmerz gezielt, ohne zu negativ zu werden. Sie beschreibt den aktuellen Zustand des Besuchers in seiner eigenen Sprache.

Wie die Problem-Sektion aufgebaut wird

Wirkungsvolle Problem-Sektionen arbeiten mit einem der drei folgenden Formate:

  • Symptom-Liste: „Kommt das bekannt vor? Zu viel Zeit mit X. Keine Übersicht über Y. Ergebnisse bleiben aus bei Z.“
  • Status-quo-Beschreibung: Ein kurzer Absatz der den frustrierenden Alltag beschreibt, ohne schon die Lösung zu nennen
  • Kosten-der-Untätigkeit: „Wer das Problem jetzt nicht löst, verliert monatlich X“: dieser Ansatz quantifiziert den Schmerz

Wichtig: Die Problem-Sektion darf nicht länger als der Lösungsblock sein. Schmerz verstärken ja, im Schmerz stecken lassen nein. Der Übergang zur Lösung muss direkt folgen.

Aufbau Landingpage Problemansprache
Problemansprache Bereich Beispiel der IGH Infotec-AG

Sektion 3: Lösung und Nutzen

Die Lösungs-Sektion präsentiert das Angebot aus der Perspektive des Besuchers, nicht aus der des Anbieters. Der Unterschied: Features beschreiben was ein Produkt kann. Benefits beschreiben was der Besucher davon hat.

Features vs. Benefits: Die wichtigste Unterscheidung

„Unsere Software hat KI-gestützte Analyse“ ist ein Feature. „Sparen Sie 3 Stunden manuelle Auswertung pro Woche“ ist ein Benefit. Auf einer Landingpage sprechen Benefits. Features kommen in der Detailsektion oder im FAQ-Block.

Eine bewährte Struktur für die Lösungssektion ist das dreispaltige Nutzen-Grid: drei Icons, drei kurze Überschriften, drei Erklärungssätze. Jede Zeile beantwortet: Was ändert sich für den Besucher konkret? Laut einer Analyse von Crazy Egg steigern visuelle Nutzen-Grids die Verweildauer auf der Sektion um durchschnittlich 34 Prozent im Vergleich zu reinen Textblöcken.

Der zweite CTA in der Lösungssektion

Nach der Lösungsdarstellung ist der erste natürliche Konversionspunkt für Besucher, die schnell entscheiden. Wer nach der Lösungssektion bereits überzeugt ist, soll nicht weiter scrollen müssen. Ein sekundärer CTA direkt nach dem Nutzen-Grid fängt diese Besucher ab. Er kann identisch mit dem Hero-CTA sein oder eine leichtere Alternative anbieten („Erstgespräch buchen“ statt „Jetzt kaufen“).

Aufbau Landinpage Lösung
Lösungsabschnitt Beispiel der Lebenswerk Consulting Group

Sektion 4: Vertrauen aufbauen

Social Proof ist der stärkste Conversion-Hebel nach der Headline. Eine Studie des Spiegel Research Center zeigt: Produkte mit mindestens 5 Bewertungen konvertieren 270 Prozent besser als identische Angebote ohne Bewertungen. Auf Landingpages gilt diese Wirkung noch stärker, weil der Besucher meistens keinen Vorab-Kontakt mit der Marke hatte.

+270%
Mehr Conversions durch Social Proof auf Landingpages
+47%
Höhere Klickrate durch optimierten Hero-Bereich
+43%
Conversion-Steigerung durch spezifischen CTA-Text

Welche Social-Proof-Formate funktionieren

Nicht jeder Social Proof ist gleich wirksam. Rangfolge nach Conversion-Wirkung:

  1. Kundenlogos (B2B): Logos bekannter Kunden signalisieren in Sekunden Vertrauenswürdigkeit, ohne einen einzigen Satz lesen zu müssen
  2. Video-Testimonials: Ein 30-sekündiges Kundenvideo ist wirksamer als fünf Textbewertungen
  3. Bewertungs-Widget: Google-Bewertungssterne oder Trustpilot direkt eingebunden, keine Screenshot-Montagen
  4. Case-Study-Zahlen: „47 % mehr Leads in 3 Monaten bei Kundenname“ schlägt generische Lobeshymnen
  5. Text-Testimonials mit Foto: Nur mit echtem Namen, Position und Foto glaubwürdig

Was nicht funktioniert: anonyme Testimonials ohne Foto und ohne vollständigen Namen. „M.K. aus München“ schreibt kein Mensch als Empfehlung an einen Freund, also glaubt es auch kein Besucher.

Landingpage Aufbau Trust
3 Beispiele für Trust Sections

Sektion 5: Der primäre CTA-Block beim Landingpage Aufbau

Der primäre CTA-Block ist der zentrale Konversionspunkt der Landingpage. Alle vorherigen Sektionen laufen auf diesen Moment zu. Hier entscheidet sich, ob der Funnel funktioniert hat oder nicht.

CTA-Button: Gestaltung und Text

Der häufigste Fehler beim CTA ist generischer Button-Text. „Absenden“, „Senden“ oder „Klicken Sie hier“ sagen dem Besucher nicht was nach dem Klick passiert. Aktionsorientierter, ergebnisorientierter Text konvertiert messbar besser:

Schwacher CTAStarker CTAConversion-Steigerung
AbsendenKostenlose Beratung sichern+28 %
Mehr erfahrenAngebot in 24h erhalten+36 %
Kontakt aufnehmenJetzt Erstgespräch buchen+22 %
Registrieren14 Tage kostenlos testen+43 %

Formular-Länge und Conversion-Rate

Je weniger Felder ein Formular hat, desto höher die Conversion-Rate. Das ist keine Meinung, das ist ein messbarer Fakt: Laut HubSpot Research sinkt die Conversion-Rate um durchschnittlich 11 Prozent pro zusätzlichem Formularfeld ab dem dritten Feld. Ein Formular mit 3 Feldern (Name, E-Mail, Telefon) konvertiert im Schnitt 35 bis 40 Prozent besser als eines mit 7 Feldern.

Für Lead-Generierung gilt: Name und E-Mail reichen fast immer. Alles weitere kommt im Erstgespräch. Den Besucher auf der Landingpage nicht mit Fragen überfordern.

Landingpage Aufbau CTA Section
Beispiel eines CTA einer Landingpages mit Formular

Sektion 6: Einwandbehandlung

Jeder Besucher der noch nicht konvertiert hat, hat einen Grund. Die Einwandbehandlungs-Sektion räumt die häufigsten Abbruchgründe aktiv aus dem Weg, bevor der finale CTA kommt.

Typische Einwände und Ihre Behandlung beim Landingpage Aufbau beachten

Die fünf häufigsten Abbruchgründe auf Landingpages laut Baymard Institute:

  • „Ich weiß nicht, was danach passiert“: Ablaufgrafik mit 3 Schritten nach dem Klick
  • „Ich weiß nicht ob das für mich passt“: „Für wen ist das?“ Block mit klarer Zielgruppen-Beschreibung
  • „Was wenn es nicht funktioniert?“: Garantie-Badge oder Geld-zurück-Versprechen
  • „Ich muss erst jemanden fragen“: „Kein Risiko“-Signale, z.B. „Kündigung jederzeit“, „Kostenlos stornierbar“
  • „Das ist zu teuer/aufwendig“: ROI-Rechner oder Kosten-Vergleich mit dem Status quo

FAQ als Einwandbehandlungs-Werkzeug

Ein kompakter FAQ-Block direkt vor dem finalen CTA ist einer der unterschätztesten Conversion-Hebel. Er gibt dem Besucher die Möglichkeit, letzte Unsicherheiten selbst aufzulösen, ohne den Verkaufsprozess zu stören. Außerdem liefert er strukturierte Daten für Google und erhöht die organische Sichtbarkeit über FAQ-Snippets.

Sektion 7: Der Closing CTA

Der Closing CTA ist die letzte Sektion der Landingpage und der finale Konversionspunkt für alle Besucher, die bis ans Ende gescrollt haben. Diese Besucher sind besonders wertvoll: Sie haben die gesamte Seite gelesen, sind also intensiv mit dem Angebot beschäftigt. Sie brauchen keinen weiteren Überzeugungsaufwand, sondern nur noch eine klare Handlungsaufforderung.

Der Closing CTA wiederholt das Kernversprechen aus der Headline in abgewandelter Form und bietet denselben oder einen leichteren Einstieg an. Manche Landingpages setzen hier auf eine leicht erhöhte Dringlichkeit: „Noch 3 freie Beratungsgespräche diese Woche“ oder „Angebot gilt bis [Datum]“. Solche Urgency-Elemente funktionieren, aber nur wenn sie echt sind.

Landingpage Aufbau CTA
Beispiel eines Closing CTAs

Zusatzelemente: Was die Conversion weiter steigert

Nach dem Grundaufbau gibt es eine Reihe von Elementen, die zusätzlich in den Funnel integriert werden können. Nicht jedes Element passt auf jede Landingpage. Entscheidend ist: Fügt es dem Besucher Wert hinzu oder erzeugt es Reibung?

Sticky Navigation Bar mit CTA

Eine Sticky-Bar am oberen Rand der Seite, die beim Scrollen sichtbar bleibt und einen CTA-Button enthält, hält den Konversionspunkt permanent im Blickfeld. Laut einer Studie von Sumo steigern Sticky-CTAs die durchschnittliche Klickrate um 15 bis 25 Prozent gegenüber statischen CTAs, weil sie den Nutzer in jeder Scroll-Position abholen.

Floating Action Button

Ein Floating Button in der unteren rechten Bildschirmecke, der dauerhaft sichtbar bleibt, ist besonders auf mobilen Geräten wirksam. Mobile Nutzer scrollen schneller und entscheiden anders als Desktop-Nutzer. Ein prominenter Floating Button für „Jetzt anrufen“ oder „WhatsApp-Chat“ senkt die Hürde zur ersten Kontaktaufnahme erheblich. In B2C-Projekten bei RHEINSPACE zeigen Floating Call-to-Actions auf mobilen Landingpages Klickraten von 8 bis 14 Prozent, verglichen mit 2 bis 4 Prozent bei versteckten Kontakt-Links.

Live-Chat und Chat-Widget

Ein Live-Chat-Widget auf einer Landingpage fängt Besucher ab, die eine konkrete Frage haben aber keine Zeit oder Lust auf ein Formular. Laut Drift’s State of Conversational Marketing Report konvertieren Landingpages mit aktivem Chat-Widget im Schnitt 3,5 Mal so viele Besucher in Gespräche wie Seiten ohne Chat-Möglichkeit. Voraussetzung: Das Chat-Widget muss aktiv besetzt sein oder zumindest einen qualifizierten automatisierten Flow haben. Ein Chat-Widget das nie antwortet, schadet der Conversion.

Exit-Intent-Popup

Ein Exit-Intent-Popup erscheint, wenn der Besucher die Maus in Richtung der Browser-Leiste bewegt, also im Begriff ist, die Seite zu verlassen. Es gibt eine letzte Chance, den Besucher mit einem reduzierten Angebot, einem Bonus oder einer leichteren Einstiegsoption zu konvertieren. Richtig eingesetzt rettet Exit-Intent 10 bis 15 Prozent der Absprünge. Falsch eingesetzt stört es und beschädigt die Nutzererfahrung.

Trust-Badges und Zertifizierungen

Sicherheits-Badges (SSL, Datenschutz, DSGVO-konform), Bewertungsplattform-Logos (Google, Trustpilot, ProvenExpert) und Branchenzertifizierungen erhöhen das Vertrauen auf Landingpages, auf denen der Besucher persönliche Daten eingeben soll. Wer auf einer unbekannten Seite seine E-Mail-Adresse eingibt, sucht unbewusst nach Signalen, dass das seriös ist.

Landingpage kostenlos analysieren lassen

Above the Fold vs. Below the Fold: Wann welche Länge?

Beim Landingpage Aufbau ist der Bereich above the fold der kritischste: Er umfasst alles was ein Besucher ohne zu scrollen sieht. Dieser Bereich entscheidet, ob jemand überhaupt weiterliest. Was above the fold steht, muss in unter 5 Sekunden das Nutzenversprechen, die Zielgruppe und einen klaren nächsten Schritt liefern.

above the fold muss:

  • Headline mit Value Proposition: Das Kernversprechen in einem Satz
  • Primärer CTA-Button: Sichtbar ohne scrollen, kontrastreich, aktionsorientiert
  • Trust-Signal: Mindestens ein Vertrauenselement (Bewertungen, Logos, Kundenzahl)
  • Hero-Visual: Bild oder Illustration die das Angebot oder die Zielgruppe zeigt

Nicht above the fold: Preise, detaillierte Features, lange Texte. Diese Elemente gehören in den Scroll-Bereich, sobald das Interesse geweckt ist.

Kurze Seite vs. lange Seite: Die Entscheidungsformel

Die Länge einer Landingpage hängt von zwei Faktoren ab: dem Traffic-Temperatur und dem Preis des Angebots.

  • Kalter Traffic (Display, Cold Social): Besucher kennen die Marke nicht. Langer Funnel nötig: Problem, Lösung, Social Proof, Einwandbehandlung, CTA.
  • Warmer Traffic (Retargeting, E-Mail-Liste): Besucher kennen das Angebot bereits. Kurze Seite mit direktem CTA reicht.
  • Günstiges Angebot (unter 100 Euro): Impulskauf, kurze Seite funktioniert.
  • Hochpreisiges Angebot (über 1.000 Euro): Langer Funnel mit mehreren Trust-Elementen und Einwandbehandlung ist Pflicht.

Faustregel aus der Praxis: Je höher das Risiko das der Besucher mit seiner Entscheidung eingeht, desto mehr Überzeugungsarbeit braucht die Seite. Eine kostenlose Demo-Anforderung braucht wenig. Ein 5.000-Euro-Beratungspaket braucht viel.

Mobile Optimierung: Landingpages für Smartphone-Nutzer

Mehr als 60 Prozent des Traffics auf Performance-Kampagnen kommt von mobilen Geräten. Eine Landingpage die auf dem Desktop perfekt aussieht aber mobil schlecht funktioniert, verschenkt den Großteil des Kampagnenpotenzials. Mobile Optimierung ist keine Option, sondern Grundvoraussetzung.

Die wichtigsten Mobile-Regeln

Laut Google Think verlassen 53 Prozent der mobilen Nutzer eine Seite, die länger als 3 Sekunden lädt. Jede zusätzliche Sekunde Ladezeit kostet im Schnitt 7 Prozent Conversion-Rate. Das macht Ladezeit zur wichtigsten technischen Stellschraube bei mobilen Landingpages.

  • One-Column-Layout: Auf Mobile immer eine Spalte. Mehrspaltige Grids werden auf kleinen Bildschirmen schwer lesbar und erzeugen horizontales Scrollen.
  • Thumb-Zone beachten: Der natürliche Daumen-Reichbereich liegt in der unteren Bildschirmhälfte. CTAs und wichtige Interaktionspunkte gehören dort, nicht am oberen Rand.
  • Button-Mindestgröße: Apple empfiehlt in den Human Interface Guidelines mindestens 44 x 44 Pixel für Touch-Targets. Kleinere Buttons führen zu Fehltipps und Frustration.
  • Formulare vereinfachen: Auf Mobile sollten maximal 2 Felder auf einmal sichtbar sein. Lange Formulare scrollbar zu machen schadet der Conversion erheblich.
  • Ladezeit messen: Google PageSpeed Insights zeigt den mobilen Score der Seite und konkrete Optimierungshinweise kostenlos.

Click-to-Call als mobiler Conversion-Hebel

Auf mobilen Landingpages konvertiert ein einfacher „Jetzt anrufen“-Button oft besser als ein Formular. Wer vom Smartphone aus auf eine Seite kommt, ist meistens unterwegs und hat keine Geduld für ein mehrstufiges Kontaktformular. Ein Click-to-Call-Button senkt die Hürde zur ersten Kontaktaufnahme auf ein Minimum.

A/B-Testing: Was wann testen

A/B-Testing ist der einzige Weg, um objektiv zu wissen was auf einer Landingpage funktioniert. Meinungen über Farben, Formulierungen und Layouts sind irrelevant. Daten sind relevant. Wer testet, gewinnt, wer glaubt, verliert langfristig gegen jemanden der testet.

Die richtige Testreihenfolge beim Aufbau einer Landingpage

Nicht alles ist gleich wichtig zu testen. Die Reihenfolge richtet sich nach dem potenziellen Conversion-Impact:

  1. Headline: Größter Hebel. Eine andere Headline kann die Conversion-Rate verdoppeln oder halbieren. Immer zuerst testen.
  2. CTA-Text: „Kostenlose Beratung sichern“ vs. „Jetzt Angebot anfragen“ kann 20 bis 40 Prozent Unterschied bedeuten.
  3. Hero-Visual: Produktbild vs. Personenfoto vs. abstraktes Motiv. Der Einfluss ist branchenabhängig aber oft erheblich.
  4. CTA-Button-Farbe: Kontrast zur Seite ist entscheidend, nicht eine spezifische „beste“ Farbe.
  5. Formular-Länge: 2 Felder vs. 4 Felder. Direkt messbar über Formular-Completion-Rate.
  6. Social Proof Position: Direkt unter dem Hero vs. nach der Lösungssektion.

Was beim Testen zu beachten ist

Wer mehrere Variablen gleichzeitig ändert, weiß hinterher nicht welche Änderung den Effekt ausgelöst hat. Immer eine Variable pro Test. Und: Ein Test braucht ausreichend Traffic für statistische Signifikanz. Als Faustregel gelten mindestens 500 Conversions pro Variante, bevor ein Ergebnis verlässlich ist. Wer 50 Leads pro Monat generiert, braucht mehrere Monate pro Test. Das ist normal und kein Grund, auf Testing zu verzichten.

Geeignete Tools: VWO für professionelle Tests, Unbounce und Instapage mit nativen A/B-Testing-Funktionen für Landingpage-Builder, und für WordPress-basierte Seiten externe Testing-Layer über GTM.

Conversion-Rate Benchmarks: Was ist gut?

Eine Conversion-Rate ohne Kontext ist wertlos. Der Landingpage Aufbau hat direkten Einfluss darauf, wo eine Seite in diesen Spannen landet. 3 Prozent kann hervorragend sein oder katastrophal, je nach Branche, Traffic-Quelle und Angebot. Die folgende Übersicht gibt realistische Benchmark-Werte für häufige Landingpage-Typen:

Landingpage-TypDurchschnittliche CRGute CRTop 10 % CR
B2B Lead-Generierung2–5 %8–12 %über 15 %
E-Commerce (Produkt)1–3 %5–8 %über 10 %
SaaS Free Trial3–7 %10–15 %über 20 %
Event-Registrierung20–35 %40–55 %über 60 %
Download / Lead Magnet15–25 %30–45 %über 50 %
Beratungsgespräch (B2B)3–8 %10–15 %über 20 %

Wichtig: Diese Werte gelten für dedizierte Landingpages mit fokussiertem Traffic. Wer organischen Blog-Traffic auf eine Landingpage schickt, sieht andere Werte als wer spezifische Google-Ads-Kampagnen betreibt. Der sinnvollste Benchmark ist immer der eigene historische Vergleich: Wie entwickelt sich die Rate durch gezielte Optimierungen?

Laut einer Unbounce-Auswertung von über 44.000 Landingpages liegt die mediane Conversion-Rate branchenübergreifend bei 4,02 Prozent. Wer unter diesem Wert liegt und paid Traffic einsetzt, gibt jeden Monat Geld aus, das eine bessere Seite deutlich effizienter einsetzen würde.

Landingpage: Agentur oder selbst bauen?

DIY-Baukasten-Tools wie Unbounce, Instapage oder Leadpages senken die technische Hürde beim Aufbau einer Landingpage auf null. Wer die strategischen Grundlagen kennt, kann damit solide Landingpages bauen. Wer sie nicht kennt, baut mit dem besten Tool eine schlecht konvertierende Seite.

In der Praxis bei RHEINSPACE sehen wir immer wieder dasselbe Muster: DIY-Landingpages scheitern nicht am Design, sondern am fehlenden Funnel. Wer keine Strategie hinter der Seite hat, optimiert am falschen Hebel.

Philip Zadeh
Founder, RHEINSPACE

Der entscheidende Unterschied zwischen einer Agentur-Landingpage und einer Template-Lösung ist nicht das Design, sondern die strategische Vorarbeit: Zielgruppenanalyse, Funnel-Aufbau, Conversion-Logik und A/B-Testing-Planung. Template-Befüllung ist nicht dasselbe wie Conversion-Optimierung.

Wer eine Landingpage professionell durch eine Webdesign Agentur umsetzen lassen möchte, sollte sicherstellen, dass die Agentur nicht nur liefert, sondern auch strategisch begleitet. Was das konkret kostet, hängt vom Umfang ab und wird im Detail im Artikel zu den Kosten einer professionellen Website erstellen lassen aufgeschlüsselt.

Fazit

Ein durchdachter Landingpage Aufbau entsteht nicht im Design-Tool, sondern im strategischen Denken davor: Wer ist die Zielgruppe, was ist ihr Bewusstseinsstatus, was ist das eine Ziel der Seite? Erst dann kommt der Funnel: Hero, Problem, Lösung, Social Proof, CTA, Einwandbehandlung, Closing. Jede Sektion hat eine Aufgabe. Wer eine überspringt, verliert Besucher genau dort. Die häufigste Fehlerquelle ist nicht fehlendes Design, sondern fehlende Strategie. Wer den Funnel konsequent aufbaut, die richtigen Zusatzelemente integriert, mobil optimiert und mit A/B-Tests kontinuierlich verbessert, baut eine Seite die messbar besser konvertiert als der Branchendurchschnitt.

KATEGORIE:

Webdesign

AUTOR:

Philip_02

TEILEN:

Landingpage mit Conversion-Fokus entwickeln lassen

RHEINSPACE, die Webdesign- und SEO-Agentur aus Düsseldorf, entwickelt Landingpages auf Basis bewährter Conversion-Strukturen: strategischer Funnel-Aufbau, technisch sauber umgesetzt, von Anfang an A/B-testfähig.

FAQ

Eine normale Website-Seite hat mehrere Ziele: informieren, navigieren, verschiedene Zielgruppen abholen. Eine Landingpage hat ein einziges Ziel: eine definierte Handlung auslösen. Deshalb hat sie keine Hauptnavigation, keinen Absprung-Link und keinen zweiten CTA. Diese Fokussierung ist der Grund warum Landingpages bei bezahlten Kampagnen deutlich besser konvertieren als normale Website-Seiten.

Die Zielgruppe ist der wichtigste Faktor vor dem eigentlichen Aufbau. Entscheidend ist der Bewusstseinsstatus des Besuchers: Weiß er schon, dass er ein Problem hat? Kennt er bereits Lösungen? Je nach Bewusstseinsstufe braucht die Seite einen anderen Einstieg, eine andere Länge und eine andere Argumentation. Kalter Traffic aus Ads braucht einen langen Funnel. Warmer Retargeting-Traffic konvertiert auf kurzen Seiten besser.

Die drei stärksten Conversion-Hebel sind laut Unbounce-Analyse: eine klare, nutzenfokussierte Headline, ein einzelner CTA above the fold mit aktivem Button-Text, und authentischer Social Proof mit echten Namen und Fotos. Dazu kommen technische Faktoren: Ladezeit unter 3 Sekunden und Mobile-First-Optimierung. Ein sauber umgesetzter Landingpage Aufbau der alle diese Faktoren berücksichtigt, konvertiert im Schnitt 2 bis 3 Mal besser als der Branchendurchschnitt.

Der branchenübergreifende Median liegt laut Unbounce bei etwa 4 Prozent. Für B2B-Lead-Generierung gilt alles über 8 Prozent als gut. Für SaaS-Free-Trials sind 10 bis 15 Prozent erreichbar. Für Event-Registrierungen sind 40 bis 55 Prozent realistisch. Der sinnvollste Benchmark ist immer der eigene historische Vergleich, weil Traffic-Qualität und Angebot den Wert stärker beeinflussen als branchenweite Durchschnitte.

Für Unternehmen ohne eigene Entwicklungsressourcen sind Unbounce, Instapage und Leadpages etablierte Landingpage-Builder mit integrierten A/B-Testing-Funktionen. Für WordPress-basierte Seiten sind Elementor Pro oder Divi mit einer externen Testing-Lösung wie VWO kombinierbar. Für professionelle Projekte mit individuellen Anforderungen ist eine maßgeschneiderte Entwicklung durch eine Agentur langfristig effizienter als Baukasten-Lösungen, weil strategische Conversion-Optimierung und technische Umsetzung von Anfang an zusammengedacht werden.

Eine einfache Landingpage von einer Agentur kostet in Deutschland typischerweise 1.500 bis 4.000 Euro. Für Landingpages mit individuellem Design, Conversion-Strategie, A/B-Testing-Setup und technischer Performance-Optimierung sind 4.000 bis 8.000 Euro realistisch. DIY-Builder-Lösungen starten ab etwa 50 Euro pro Monat, liefern aber keine strategische Conversion-Optimierung. Der ROI einer professionell aufgebauten Landingpage amortisiert sich bei bezahlten Kampagnen bereits nach wenigen Wochen durch die höhere Conversion-Rate.