Bevor du auch nur einen Button gestaltest, solltest du wissen, welche Bausteine eine Landingpage tragen und in welcher Reihenfolge sie den Besucher führen. Genau dort setzt dieses Tutorial an. Du planst die Struktur zuerst mit einem KI-Chat und übernimmst sie erst danach in ein Design-Tool. So vermeidest du, dass du ein hübsches Layout baust, dem am Ende der Verkaufsimpuls fehlt.
Das Video wird erst beim Abspielen von YouTube geladen – dabei werden Daten (u. a. deine IP-Adresse) an YouTube bzw. Google übertragen. Mehr dazu in der Datenschutzerklärung
Als Beispiel dient der fiktive Online-Shop PowerPlay, der Premium-Hundespielzeug verkauft. Anhand dieses Shops zeige ich dir, wie du einen Prompt aufbaust, der dir eine vollständige Seitenstruktur mit Zielen und Texten liefert.
Wichtigste Erkenntnisse
Eine Landingpage folgt einer logischen Abfolge: Zuerst weckst du Aufmerksamkeit, dann benennst du das Problem, zeigst den Nutzen, schaffst Vertrauen und forderst zum Handeln auf.
Jede Sektion braucht einen klaren Zweck, eine starke Headline, passende Inhalte und ein Conversion-Ziel.
Die Zielgruppe und das Geschäftsziel bestimmen den Prompt. Je präziser du beides beschreibst, desto brauchbarer ist die Struktur.
Versprich nur, was du belegen kannst. Testimonials, Zahlen und Gütesiegel müssen der Realität entsprechen.
Schritt-für-Schritt-Anleitung
Schritt 1: Die KI in die richtige Rolle versetzen
Der erste Schritt betrifft den Einstieg in den Prompt. Du gibst der KI eine klare Rolle, zum Beispiel die eines Conversion-Experten, Copywriters und UX-Designers für deinen Shop. Dadurch antwortet das Modell nicht als allgemeiner Assistent, sondern denkt aus der Perspektive, die für Verkaufsseiten wichtig ist. Nenne außerdem Name und Art deines Shops, damit die Antworten konkret werden.
Schritt 2: Zielgruppe und Geschäftsziel beschreiben
Beschreibe danach, wen du erreichen willst. Im Beispiel sind es Hundebesitzer zwischen 25 und 45 Jahren, die ihren Hund als Familienmitglied betrachten und dafür bereitwillig mehr Geld ausgeben. Ergänze, dass sie zwar auf Preis-Leistung achten, aber vor allem hochwertige Qualität suchen. Das eigentliche Ziel ist der Verkauf. Je genauer die Zielgruppe beschrieben ist, desto gezielter formuliert die KI später Headlines und Argumente.
Schritt 3: Die gewünschten Sektionen festlegen
Jetzt legst du fest, welche Abschnitte die Seite enthalten soll. Für PowerPlay sind das die Hero-Sektion als oberster Bereich, anschließend die Problemsektion, die Produktvorteile, eine Bestseller-Sektion, Testimonials, eine FAQ-Sektion und zum Schluss ein Call-to-Action. Diese Reihenfolge ist kein Zufall. Sie spiegelt den Weg eines Kaufinteressenten wider: Erst Interesse, dann Bedarf, dann Vertrauen, dann Entscheidung.
Schritt 4: Zweck, Headline, Inhalte und Ziel je Sektion abfragen
Bitte die KI außerdem, für jede Sektion vier Dinge zu erklären. Erstens den Zweck, also den Grund, warum dieser Abschnitt existiert. Zweitens eine überzeugende Headline. Drittens die passenden Inhaltselemente wie Fließtext, Buttons, Bilder oder Icons. Viertens das Conversion-Ziel, das heißt, was der Besucher nach dem Lesen tun soll. Wenn du diese Angaben einforderst, erhältst du keine bloße Liste von Überschriften, sondern einen Bauplan, mit dem du weiterarbeiten kannst.
Schritt 5: Das passende Modell auswählen
Vor dem Absenden wählst du das Modell. Ein kleineres Modell wie Haiku 4.5 spart Tokens und erlaubt dir mehr Anfragen am Tag. Für eine Landingpage, deren Texte wirklich überzeugen sollen, lohnt sich jedoch ein leistungsstärkeres Modell wie Sonnet 4.6. Im Tutorial wird genau dieses Modell verwendet. Rechne damit, dass die Antwort etwas länger dauert und mehr Tokens verbraucht, weil das Modell die Struktur ausführlicher durchdenkt.
Schritt 6: Ein Vorbild analysieren
Bevor du die KI-Antwort bewertest, lohnt sich ein Blick auf bestehende Seiten. Im Tutorial dient die Landingpage des Tools Notion als Beispiel. Achte auf die Bausteine: eine große Überschrift, zwei Call-to-Actions, kurze Texte und dezente Animationen. Du musst solche Seiten nicht kopieren, aber du lernst daran, wie erfolgreiche Seiten Informationen dosieren und die Aufmerksamkeit lenken.
Schritt 7: Die Hero-Sektion als Beispiel durchdenken
Die Hero-Sektion ist der erste Eindruck und entscheidet oft in wenigen Sekunden, ob ein Besucher bleibt. Ihr Ziel ist es, sofortige Relevanz zu signalisieren und einen emotionalen Nerv zu treffen. Ein möglicher Text für PowerPlay lautet: Spielzeug, das deinen Hund wirklich fordert und wirklich hält. Entwickelt mit Tierexperten, getestet von über 10.000 Hunden. Solche Aussagen sind allerdings nur dann sinnvoll, wenn sie stimmen. Frage dich deshalb bei jeder Zahl, ob du sie belegen kannst.
Schritt 8: Die übrigen Sektionen prüfen
Nun gehst du die weiteren Bereiche durch. Die Problemsektion soll Schmerz aktivieren, etwa die Sorge, dass billiges Spielzeug nach wenigen Minuten zerfetzt wird. Die Produktvorteile kommunizieren den Wert. Die Bestseller-Sektion liefert Kaufimpulse, die Testimonials schaffen Vertrauen, und die FAQ nimmt letzte Einwände auf. Am Ende steht der Call-to-Action. Ein Beispiel dafür wäre: Dein Hund hat es verdient, du auch. Gratis Versand ab 36 Euro und 30 Tage Geld-zurück-Garantie.
Schritt 9: Den Inhalt auf Plausibilität prüfen
Gerade bei Testimonials und Kennzahlen verführt die KI manchmal zu Übertreibungen. Wenn dein Shop noch keine Kunden hat, solltest du keine Sätze wie „von 10.000 Hunden getestet“ übernehmen. Gehe deshalb jede Aussage durch und frage dich, ob du sie belegen kannst. Falls dir eine Sektion unklar ist oder du etwas anders haben möchtest, stelle der KI einfach eine Rückfrage, bevor du die Struktur übernimmst.
Schritt 10: Den Prompt sichern und für das Design vorbereiten
Zum Abschluss kopierst du die gelungene Struktur und speicherst den Prompt in einem Dokument. In der nächsten Lektion übernimmst du genau diese Bausteine in Claude Design und setzt sie dort visuell um. Ein gut gesicherter Prompt spart dir später Zeit, weil du ihn für weitere Projekte anpassen kannst.
Zusammenfassung – Landingpage-Struktur mit KI planen: Aufbau, Reihenfolge und Prompt für mehr Conversion
Eine wirkungsvolle Landingpage entsteht nicht zufällig. Sie folgt einer Abfolge aus Hero, Problem, Nutzen, Bestsellern, Vertrauen, Fragen und Abschluss-Call-to-Action. Jede dieser Sektionen hat einen eigenen Zweck und ein eigenes Ziel. Mit einem gut formulierten Prompt, der Rolle, Zielgruppe, Geschäftsziel und gewünschte Sektionen beschreibt, lässt du dir diese Struktur von einer KI erarbeiten. Prüfe die Ergebnisse kritisch, besonders bei Zahlen und Testimonials, und übernimm erst danach die Bausteine in das Design.
FAQ
Warum beginnt eine Landingpage mit der Hero-Sektion?Die Hero-Sektion ist der erste Eindruck und entscheidet in wenigen Sekunden, ob der Besucher bleibt oder die Seite verlässt.
Warum steht die Problemsektion vor den Produktvorteilen?Erst wenn der Besucher seinen Schmerz erkennt, wird ihm der Nutzen eines Produkts als Lösung wirklich relevant.
Was ist der Unterschied zwischen Sonnet und Haiku?Sonnet liefert in der Regel ausführlichere und sorgfältigere Texte, Haiku ist schneller und spart Tokens, eignet sich also gut für viele einfache Anfragen.
Darf ich Zahlen wie „10.000 zufriedene Kunden“ in die Landingpage schreiben?Nur dann, wenn sie stimmen und belegbar sind. Bei einem neuen Shop ohne Kunden solltest du solche Angaben weglassen.
Wozu brauche ich für jede Sektion ein Conversion-Ziel?Das Conversion-Ziel legt fest, welche Handlung der Besucher nach dem Lesen ausführen soll, und hilft dir, Inhalte und Buttons gezielt darauf auszurichten.
Warum sollte ich die KI nach dem Zweck jeder Sektion fragen?Der Zweck erklärt dir, warum ein Abschnitt existiert, und macht es dir leichter zu entscheiden, was du behältst, änderst oder streichst.
Kann ich den Prompt auch für andere Projekte verwenden?Ja, du tauschst einfach Shop, Zielgruppe und Produkt aus und behältst die bewährte Struktur bei.
