Landingpage-Struktur, die konvertiert: Aufbau Block für Block
Die Landingpage-Struktur, die Besucher zu Anfragen macht: Hero, Social Proof, Vorteile, Ablauf, Preise, FAQ, Call to Action und Kontakt – Block für Block.
Eine Landingpage, die konvertiert, folgt einer einfachen Logik: sagen, was Sie anbieten, beweisen, dass es echt ist, erklären, warum es zählt, zeigen, wie es funktioniert, Zweifel ausräumen und um genau eine klare Handlung bitten. In der Praxis ergibt das acht Blöcke – Hero, Social Proof, Vorteile, Ablauf, Preise, FAQ, Call to Action und Kontakt. Die Reihenfolge ist wichtiger als das Design, und jeder Block sollte eine Frage beantworten, die sich der Besucher bereits im Kopf stellt.
Im Folgenden finden Sie die Landingpage-Struktur, mit der ich die meisten One-Page-Projekte beginne, was jeder Block leisten muss und welche Fehler die Conversion unbemerkt ruinieren. Am Ende sehen Sie, wie Sie dasselbe Grundgerüst in wenigen Minuten im Konfigurator zusammenstellen.
Warum Struktur wichtiger ist als „schönes Design“
Niemand liest eine Landingpage wie ein Buch. Man überfliegt, scrollt, bleibt bei dem hängen, was relevant wirkt – und ist weg, sobald man sich verloren fühlt. Eine gute Struktur ist im Grunde ein Gespräch in der richtigen Reihenfolge:
- Was ist das? → Hero
- Kann ich dem vertrauen? → Social Proof
- Was habe ich davon? → Vorteile
- Wie läuft das ab? → Schritte
- Was kostet das? → Preise
- Aber was, wenn …? → FAQ
- Okay, und jetzt? → Call to Action
- Wie erreiche ich einen Menschen? → Kontakt
Fehlt ein Schritt, muss der Besucher raten – und beim Raten sterben Conversions. (Wenn Ihre Seite bereits existiert und trotzdem nicht verkauft, ist die Diagnose ein eigenes Thema – siehe Warum Besucher nicht kaufen.)
Die Landingpage-Struktur, Block für Block
1. Hero – der erste Screen
Die wichtigsten 600 Pixel Ihrer Website. Innerhalb weniger Sekunden sollte der Besucher drei Dinge verstehen: was Sie anbieten, für wen es ist und was er als Nächstes tun soll.
- Überschrift: das Ergebnis, nicht Ihr Firmenname. „Frisches Brot bis 8 Uhr geliefert – in Chișinău“ schlägt „Willkommen bei BäckereiName“.
- Unterzeile: ein Satz mit dem entscheidenden Detail – Gebiet, Geschwindigkeit, Preisrahmen, Garantie.
- Ein primärer Button mit einem Verb: „Angebot anfordern“, „Termin buchen“, „Jetzt bestellen“. Ein zweiter, dezenterer Link ist in Ordnung; fünf Buttons sind es nicht.
- Visual: das Produkt, das Ergebnis oder ein echtes Foto. Austauschbare Stockfotos mit Händeschütteln helfen nicht.
Auf dem Smartphone müssen Überschrift und Button ohne Scrollen sichtbar sein. Prüfen Sie das auf einem echten Gerät, nicht nur in der Desktop-Vorschau – warum, erfahren Sie im Beitrag über Mobile-First-Design.
2. Social Proof – Logos, Bewertungen, Zahlen
Direkt nach dem Versprechen zeigen Sie, dass andere Ihnen bereits vertrauen. Die Optionen, von leicht bis stark:
- eine Leiste mit Kunden- oder Partnerlogos;
- einige kurze, konkrete Bewertungen mit Name und Foto;
- belegbare Fakten: Jahre am Markt, umgesetzte Projekte, bediente Städte.
Verwenden Sie nur echte Belege. Erfundene Testimonials sind leicht zu durchschauen und zerstören Vertrauen schneller, als gar keine zu haben. Wenn Sie gerade erst starten, ist ein kurzes „Warum wir“ mit konkreten Fakten besser als gefälschte Sterne.
3. Vorteile – was der Kunde bekommt
Features beschreiben das Produkt; Vorteile beschreiben das Leben des Kunden nach dem Kauf. Schreiben Sie Vorteile.
| Feature | Vorteil |
|---|---|
| „Online-Terminbuchung“ | „In 30 Sekunden gebucht, auch um Mitternacht“ |
| „Eigene Lieferflotte“ | „Ihre Bestellung kommt noch am selben Tag“ |
| „Zertifizierte Techniker“ | „Beim ersten Mal richtig repariert – mit Garantie“ |
Drei bis sechs Vorteilskarten genügen. Jede mit kurzem Titel, ein, zwei Zeilen Text und Icon oder Bild.
4. Ablauf – 3 bis 4 Schritte
Dieser Block nimmt die Angst vor dem Unbekannten. Zeigen Sie den Weg von „Ich bin interessiert“ bis „Erledigt“ in drei oder vier nummerierten Schritten: Anfrage senden → Wir rufen innerhalb einer Stunde zurück → Wir klären die Details → Sie erhalten das Ergebnis. Einfache Schritte lassen die Handlung klein wirken – und kleine Schritte geht man auch.
5. Preise – oder zumindest ein Preissignal
Besucher wollen wissen, ob Sie in ihrem Rahmen liegen, bevor sie Kontakt aufnehmen. Sie müssen keine exakte Preisliste veröffentlichen, aber geben Sie ein Signal: Pakete, „ab“-Preise oder wovon der Preis abhängt. Wer Preise komplett versteckt, verliert Besucher oft an einen Wettbewerber, der das nicht tut.
Zeigen Sie Pakete, dann beschränken Sie sich auf zwei oder drei, heben Sie das Paket hervor, das die meisten wählen sollten, und beschreiben Sie in einfachen Worten, was enthalten ist.
6. FAQ – die letzten Einwände ausräumen
Sammeln Sie die Fragen, die Ihnen am Telefon und in Messengern tatsächlich gestellt werden: Lieferung, Fristen, Garantie, Bezahlung, „Nehmen Sie auch kleine Aufträge an?“. Beantworten Sie sie kurz. Ein Akkordeon hält die Seite kompakt.
Bonus: Ein gutes FAQ hilft oft auch beim SEO, weil es genau die „Ähnliche Fragen“ beantwortet, die Nutzer bei Google eintippen.
7. Call to Action – der letzte Anstoß
Wiederholen Sie das Hauptangebot und denselben Button wie im Hero. An diesem Punkt hat der Besucher alle Informationen, also machen Sie den letzten Schritt offensichtlich: ein kontrastreiches Banner, ein Satz, ein Button. Gibt es einen echten Grund, jetzt zu handeln (begrenzte Kapazität, saisonales Angebot), nennen Sie ihn – aber erfinden Sie niemals künstliche Dringlichkeit.
8. Kontakt – mühelos erreichbar sein
Ein kurzes Formular (Name, Telefon oder E-Mail, ein optionales Nachrichtenfeld) plus die Kanäle, die Ihre Zielgruppe tatsächlich nutzt. In Moldau und Rumänien sind das neben der Telefonnummer oft Telegram, Viber oder WhatsApp. Haben Sie einen festen Standort, ergänzen Sie Adresse und Karte – auch das schafft Vertrauen.
Jedes zusätzliche Formularfeld kostet Sie Anfragen. Fragen Sie nur ab, was Sie für den ersten Kontakt brauchen.
Die Struktur im Konfigurator
Der Projekt-Konfigurator auf dieser Website enthält genau diese Blöcke – Sie können Ihre Landingpage also skizzieren, statt sie zu beschreiben:
| Block in diesem Leitfaden | Block im Konfigurator | Gute Startvariante |
|---|---|---|
| Hero | Hero | geteilt oder vollflächig |
| Social Proof | Logos, Bewertungen, Zahlen | Leiste / Karten |
| Vorteile | Features | Karten oder Bento |
| Ablauf | Features oder Leistungen | Liste / Reihen |
| Preise | Preise | Pakete |
| FAQ | FAQ | Akkordeon |
| Call to Action | Call to Action | Banner |
| Kontakt | Kontaktformular | Formular oder Formular + Karte |
Wählen Sie die Vorlage „Landing“ (sie beginnt mit Hero, Logos, Features, Über uns, Bewertungen, FAQ, Call to Action und Kontaktformular), fügen Sie dann Blöcke hinzu oder entfernen Sie welche, ändern Sie die Reihenfolge und wechseln Sie die Varianten. Sie erhalten sofort eine grobe Kostenschätzung und können das Grundgerüst als Briefing schicken – ohne Figma.
Kurze Checkliste vor dem Launch
- Die Überschrift nennt Ergebnis und Zielgruppe in einer Zeile
- Eine primäre Handlung, wiederholt im Hero und im finalen CTA
- Die Belege sind echt und konkret
- Vorteile, nicht nur Features
- Es gibt ein Preissignal
- Das FAQ beantwortet echte Kundenfragen
- Das Formular hat so wenige Felder wie möglich
- Die Seite lädt schnell auf dem Smartphone, nicht nur im Büro-WLAN
- Analytics erfasst Button-Klicks und Formularabsendungen
FAQ
Wie viele Blöcke sollte eine Landingpage haben?
Meist zwischen sechs und zehn. Weniger, und wichtige Fragen bleiben offen; deutlich mehr, und die Seite wird schwerfällig. Entscheidend ist, dass jeder Block eine Aufgabe hat.
Braucht eine Landingpage ein Menü?
Für Werbekampagnen funktioniert ein minimaler Header oder gar keine Navigation meist besser, weil die Aufmerksamkeit auf einer Handlung bleibt. Für eine allgemeine Unternehmens-Landingpage ist ein kurzes Ankermenü zu den Abschnitten in Ordnung.
Reicht eine Landingpage für mein Unternehmen?
Für ein Produkt, eine Leistung oder eine Kampagne – oft ja. Haben Sie viele Leistungen, einen Blog oder mehrere Zielgruppen, ist eine mehrseitige Unternehmenswebsite die bessere Wahl.
Lange oder kurze Landingpage?
Das hängt von Preis und Komplexität des Angebots ab. Ein einfaches, günstiges Produkt kann mit einer kurzen Seite konvertieren; eine teure oder erklärungsbedürftige Leistung braucht mehr Erklärung und mehr Belege. Im Zweifel decken Sie alle acht Blöcke kurz ab.
Landingpage erstellen
Eine Landingpage, die konvertiert, ist keine Magie – sondern die richtigen Blöcke in der richtigen Reihenfolge, geschrieben in der Sprache Ihrer Kunden. Möchten Sie sehen, wie Ihre Seite Gestalt annimmt? Öffnen Sie den Konfigurator, stellen Sie die Blöcke aus diesem Leitfaden zusammen und schicken Sie mir das Ergebnis. Ich melde mich mit einer ehrlichen Einschätzung und Ideen, was sich verbessern lässt. Und falls die Details noch nicht feststehen: So schreiben Sie ein Website-Briefing.