JDKRUEGER&COAcademyAnmelden
Modul 2 von 9 · Landingpage & Funnel Optimization

Die perfekte Landingpage

127 Min · Sie bewerten Hero, Benefits, Social Proof, CTAs und Formulare nach ihrer Conversion-Wirkung, übersetzen Features in konkrete Kundennutzen und erstellen eine priorisierte Optimierungs-Roadmap für Ihre wichtigste Landingpage.
← Landingpage & Funnel Optimization Die perfekte Landingpage 1 / 25
Start

Die perfekte Landingpage

Eine Landingpage ist kein Miniatur-Shop, sondern ein gezielter Abschlussraum. Jeder Abschnitt hat eine Aufgabe: vom ersten Blick bis zur Bestellung.

1 Aufmerksamkeit 2 Interesse 3 Verlangen 4 Handlung
Lernziel

Was lernen wir hier?

Der Hero-Bereich muss in drei Sekunden überzeugen.

Benefits verkaufen besser als Features.

Social Proof, klare CTAs und wenig Reibung führen zum Kauf.

1 Hero verstehen 2 Benefits formulieren 3 Vertrauen aufbauen 4 Conversion sichern
Selbstcheck

Vorwissen aktivieren

Welches Element auf Ihrer wichtigsten Landingpage fällt als Erstes ins Auge?

Würden ein fremder Besucher innerhalb von drei Sekunden verstehen, was er hier bekommt?

Was das für Sie bedeutet

Warum Aufbau wichtiger als Design ist

Eine schön gestaltete Seite ohne klare Struktur konvertiert schlechter als eine einfache Seite mit klarer Hierarchie.

Der Aufbau entscheidet, ob der Besucher bleibt, scrollt und handelt.

Jeder Abschnitt, der keine klare Aufgabe erfüllt, ist Ablenkung und kostet Conversion.

VORHER NACHHER +
Strukturierter Aufbau vs. dekoratives Design
Konzept

AIDA: vier Abschnitte, eine Aufgabe

Attention weckt Interesse, Interest stellt das Problem und die Lösung dar.

Desire macht das Angebot begehrenswert.

Action fordert den Besucher zum Kauf auf.

1 Attention 2 Interest 3 Desire 4 Action
Konzept

Der Hero-Bereich entscheidet alles

In drei Sekunden muss klar sein: Was ist das? Warum interessant? Was soll ich tun?

Headline, Subheadline und ein eindeutiger CTA bilden das Schaufenster.

Verwirrende Wortspiele kosten hier Conversion.

1 Was? 2 Warum? 3 Was tun?
Konzept

Value Proposition in einem Satz

Sagen Sie, warum Ihr Angebot das richtige für diesen Besucher ist.

Vergleichen Sie nicht mit sich selbst, sondern mit der nächsten Alternative.

Ein gutes Versprechen spart dem Kunden Denkarbeit.

VORHER NACHHER +
Unsere Marke vs. nächste Alternative
Beispiel

Beispiel: aus schwach wird stark

Schwach: Hochwertiges Shampoo für alle Haartypen.

Stark: Fettende Kopfhaut in vierzehn Tagen beruhigt, oder Geld zurück.

Konkrete Ergebnisse und Risikoübernahme überzeugen schneller.

VORHER NACHHER +
Schwache vs. starke Headline
Ihr Dozent

Warum ich immer beim Hero anfange

Wenn ich eine Landingpage optimiere, beginne ich nie mit dem Footer. Ich beginne mit den ersten drei Sekunden.

Der Hero-Bereich entscheidet, ob der Besucher bleibt oder springt. Alles andere ist zweitrangig, wenn der Einstieg nicht überzeugt.

Eine klare Headline mit konkretem Nutzenversprechen hat in meinen Projekten oft mehr Impact als ein komplettes Redesign.

VORHER NACHHER +
Wenn ich eine Landingpage optimiere, beginne ich nie mit dem Footer. Ich beginne mit den ersten drei Sekunden. — Der Hero-Bereich entscheidet, ob der Besucher bleibt oder springt. Alles andere ist zweitrangig, wenn der Einstieg nicht überzeugt.
Beispiel

Headline-Test mit dreihunderttausend Euro Impact

Ein B2B-Anbieter testete „Wir sind führend in Marketing-Automation" gegen „Sie sparen zehn Stunden Reporting pro Woche".

Die Conversion-Rate stieg um dreiunddreißig Prozent. Bei fünftausend Besuchern pro Monat und einem durchschnittlichen Vertragswert von zweitausend Euro entstand so ein zusätzliches Umsatzpotenzial von dreihunderttausend Euro pro Jahr.

Der Unterschied: Die zweite Headline nennt ein konkretes Ergebnis für den Kunden.

100 Conversion vorher 133 Conversion nachher
Dreiunddreißig Prozent mehr Leads durch kundenfokussierte Headline
Konzept

Verkaufen Sie Benefits, nicht Features

Features beschreiben das Produkt. Benefits beschreiben das bessere Leben danach.

Je konkreter der Benefit, desto höher die Conversion.

Ein Feature ist dreihundert Milliliter. Der Benefit ist: reicht für drei Monate.

VORHER NACHHER +
Feature vs. Benefit
Konzept

Social Proof: vier bewährte Typen

Bewertungen und Kundenlogos signalisieren Popularität.

Konkrete Zitate erzeugen Glaubwürdigkeit.

Vorher-Nachher-Bilder machen Ergebnisse sichtbar.

1 Bewertungen 2 Kundenlogos 3 Zitate 4 Vorher-Nachher
Konzept

Trust-Signale reduzieren Risiko

Sichere Zahlungsarten, SSL-Siegel und Geld-zurück-Garantien beruhigen.

Versandkosten und Rückgabebedingungen sollten vor dem CTA sichtbar sein.

Je teurer oder persönlicher das Produkt, desto mehr Vertrauen braucht der Besucher.

1 SSL 2 Zahlungsarten 3 Garantie 4 Rückgabe
Konzept

Der CTA muss mehrfach platziert werden

Ein Button oben reicht nicht.

Setzen Sie den CTA oben, in der Mitte und unten auf der Seite.

Jeder Abschnitt sollte eine klare nächste Handlung anbieten.

1 CTA oben 2 CTA in der Mitte 3 CTA unten
Konzept

CTA-Formulierung: aktiv und konkret

Verben wie Jetzt bestellen oder Sicher bestellen schlagen allgemeine Formulierungen.

Der Button sollte das Ergebnis benennen, nicht den Prozess.

Testen Sie Farbe, Größe und Text separat.

VORHER NACHHER +
Schwache vs. starke Button-Texte
Szenario

Szenario: Landingpage für ein Haushaltsprodukt

Ein Besucher kommt über eine Google-Anzeige auf die Seite.

Die Headline lautet: Hartnäckige Fettflecken in fünf Minuten entfernt.

Unter dem CTA folgen Kundenzitat, drei Benefits und ein FAQ.

Anzeige → Hero → Benefits → Social Proof → CTA
Konzept

Reibung reduzieren: jeder Klick kostet

Weniger Formularfelder führen zu mehr Abschlüssen.

Gast-Checkout und Adressvalidierung senken den Aufwand.

Jede zusätzliche Entscheidung erhöht die Wahrscheinlichkeit eines Abbruchs.

1 Felder reduzieren 2 Gast-Checkout 3 Adresse automatisch vervollständigen
Konzept

Formularlänge: kurz, aber nicht oberflächlich

Nur Pflichtfelder abfragen.

Jedes zusätzliche Feld senkt die Conversion um bis zu zehn Prozent.

Telefonnummer oder Geburtsdatum brauchen eine klare Begründung.

90 drei Felder 80 fünf Felder 70 sieben Felder
Conversion bei steigender Formularlänge
Häufiges Missverständnis

Häufige Irrtümer beim Landingpage-Aufbau

Fehlannahme eins: Mehr Informationen überzeugen besser. Faktisch: Mehr Text ohne klare Hierarchie verwirrt.

Fehlannahme zwei: Ein CTA reicht, wenn er auffällig ist. Faktisch: Wiederholung an strategischen Stellen holt Scroll-Käufer ab.

Fehlannahme drei: Mobile ist eine abgespeckte Desktop-Version. Faktisch: Mobile braucht eigene Hierarchie und Touch-Optimierung.

VORHER NACHHER +
Mehr Text, ein CTA, Desktop-Kopie — drei Irrtümer
Übung

Ihre Übung: eigene Landingpage bewerten

Öffnen Sie eine Landingpage in Ihrem Shop.

Bewerten Sie Hero, Benefits, Social Proof, CTA und Formular.

Notieren Sie drei Punkte, die Sie in den nächsten sieben Tagen anpassen.

1 Hero 2 Benefits 3 Social Proof 4 CTA 5 Formular
Konzept

Mobile Landingpage: kleiner Bildschirm, große Anforderung

Touch-Targets sollten mindestens vierundvierzig Pixel groß sein.

Ladezeiten über drei Sekunden treiben mobile Besucher weg.

Die wichtigsten Inhalte müssen ohne Zoomen lesbar sein.

VORHER NACHHER +
Desktop-Hero vs. mobile Hero-Priorisierung
Zusammenfassung

Zusammenfassung

AIDA gibt der Landingpage eine klare Struktur.

Hero, Benefits, Social Proof und wiederholte CTAs führen zum Kauf.

Weniger Reibung und mobile Optimierung sichern den Abschluss.

1 Attention 2 Interest 3 Desire 4 Action 5 Mobile & Vertrauen
Zwischenschritt

Nächster Schritt: Funnel-Optimierung

Wenn die Landingpage stimmt, lohnt sich der Blick auf den gesamten Funnel. Im nächsten Modul sehen Sie, wo Besucher auf dem Weg zum Kauf ausscheiden.

Von der Landingpage zum gesamten Funnel
Quiz

Quiz

Testen Sie Ihr Wissen.

Ein Besucher landet auf einer Landingpage. Welche drei Fragen muss der Hero-Bereich innerhalb von drei Sekunden beantworten?

Ein Software-Anbieter ändert die Headline von „Wir sind führend“ zu „Sie reduzieren Ihre Report-Zeit um siebzig Prozent“. Was macht die neue Headline stärker?

Welche Headline wandelt eine schwache Produkteigenschaft in einen überzeugenden Benefit um?

Eine Landingpage fragt nach sieben Formularfeldern statt nach drei. Welche Wirkung ist nach den Modulinhalten am wahrscheinlichsten?

Welcher Button-Text entspricht der Empfehlung für einen starken Call-to-Action?

Transkript dieser Folie

Übung

Wenden Sie das Gelernte direkt an.
1
Landingpage-AIDA-Check
worksheet
Öffnen Sie eine Ihrer aktiven Landingpages. Bewerten Sie für jeden AIDA-Abschnitt auf einer Skala von eins bis fünf: Attention — fällt der Hero sofort ins Auge und ist das Versprechen klar? Interest — werden Problem und Lösung verständlich? Desire — machen Benefits und Social Proof das Angebot begehrenswert? Action — ist der CTA klar, wiederholt und vertrauensvoll? Notieren Sie die zwei schwächsten Abschnitte und eine konkrete Verbesserung pro Abschnitt.
2
Feature-zu-Benefit-Übersetzung
worksheet
Listen Sie die fünf wichtigsten Features Ihres Hauptprodukts auf. Übersetzen Sie jedes Feature in einen konkreten Kundennutzen mit messbarem Ergebnis oder Risikoübernahme. Wählen Sie den stärksten Benefit und formulieren Sie daraus eine alternative Hero-Headline für Ihre wichtigste Landingpage.

Quellen & Weiterführendes

Materialien zum Vertiefen.

Zusammenfassung & Reflexion

Kurz zurückschauen, bevor Sie weiterlernen.

Feedback

War dieses Modul hilfreich für Ihren Shop?
Die perfekte Landingpage