Landingpage mit Claude erstellen — von der Idee bis zur Live-URL

Schritt 1: Informationen sammeln, bevor du Claude öffnest

Die Qualität deiner Landingpage entscheidet sich vor dem ersten Prompt. Claude kann nur mit dem arbeiten, was du lieferst — und eine Seite aus vagen Angaben wird eine vage Seite. Sammle deshalb zuerst dein Angebot in einem Satz, deine Zielgruppe, den Preis und die eine Handlung, die Besucher ausführen sollen.

Trage außerdem vorhandene Texte zusammen (Über-mich-Text, Angebotsbeschreibungen, E-Mails an Kunden) und suche 1–3 Referenzseiten, die dir gefallen. Wichtig: Notiere, WAS dir daran gefällt — die klare Struktur, der ruhige Farbauftritt, die kurze Bulletliste über dem Kaufbutton. Diese Beobachtungen sind für Claude wertvoller als der Link allein.

• Angebot in einem Satz + konkreter Preis
• Zielgruppe: Wer soll kaufen, und was weiß diese Person schon?
• Vorhandene Texte als Rohmaterial
• 1–3 Referenzseiten mit Notizen, was genau daran gefällt

Schritt 2: Struktur und Texte mit Claude entwickeln

Lass Claude zuerst eine Seitenstruktur vorschlagen, bevor irgendein Text entsteht: Headline, Problembeschreibung, Angebot, Ablauf, Preis, FAQ, Call-to-Action. Über die Struktur diskutierst du dich schneller zu einer guten Seite als über fertige Textblöcke — Umstellen kostet hier nichts.

Erst wenn die Struktur steht, lässt du die Texte Abschnitt für Abschnitt schreiben. Gib dabei Feedback wie einem Texter: „Die Headline verspricht zu viel“, „Der Preis-Abschnitt braucht einen Satz, was danach passiert“. Zwei bis drei Feedback-Runden pro Abschnitt sind normal und kein Zeichen, dass etwas schiefläuft.

Schritt 3: Design und HTML von Claude bauen lassen

Mit fertigen Texten lässt du Claude eine komplette HTML-Datei erstellen — eine einzelne Seite mit eingebettetem CSS reicht für eine Landingpage vollkommen aus. Beschreibe das gewünschte Design mit deinen Referenz-Notizen aus Schritt 1: Farben, Schriftwirkung, wie viel Weißraum, wo der Kaufbutton sitzt.

Fordere explizit ein, dass die Seite mobil funktioniert und dass deine echten Texte verwendet werden, keine Platzhalter. Iteriere danach gezielt: Screenshot oder Beschreibung dessen, was dich stört, zurück an Claude — und nur diesen Punkt ändern lassen, nicht die ganze Seite neu.

Schritt 4: Qualität prüfen, bevor die Seite live geht

Vor der Veröffentlichung kommt die Prüfung — der Schritt, den Anfänger am häufigsten überspringen. Öffne die HTML-Datei lokal im Browser und geh die Seite einmal komplett durch: auf dem Desktop und mit schmalem Browserfenster oder am Handy, denn ein Großteil der Besucher kommt mobil.

Prüfe besonders drei Dinge: Sind alle Platzhalter ersetzt (Suche nach eckigen Klammern und Beispielnamen lohnt sich)? Ist der Call-to-Action eindeutig — eine Handlung, klar benannt, funktionierender Link? Und führen alle Links und Buttons wirklich irgendwohin? Eine Seite mit „[Dein Name]“ im Footer kostet mehr Vertrauen als gar keine Seite.

• Mobile Ansicht komplett durchscrollen
• Alle Platzhalter ersetzt (nach Klammern und Beispieltexten suchen)
• Ein klarer CTA mit funktionierendem Link
• Jeden Link und Button einmal anklicken

Schritt 5: Veröffentlichen ohne Git — via Netlify Drop

Für die Veröffentlichung brauchst du weder GitHub noch ein Terminal. Der einfachste Weg: Lass dir die Seite von Claude als HTML-Datei oder ZIP exportieren, öffne Netlify Drop im Browser und zieh die Datei per Drag & Drop in das Upload-Feld. Nach wenigen Sekunden bekommst du eine Live-URL, die du sofort teilen kannst.

Optional verbindest du danach eine eigene Domain — Netlify führt durch die nötigen Einstellungen. Git und GitHub sind eine sinnvolle Ausbaustufe, wenn du später regelmäßig Änderungen veröffentlichen willst, aber für die erste Live-Seite sind sie unnötiger Ballast. Erst live gehen, dann professionalisieren.

Schritt 6: Nach dem Livegang — die erste Kampagne

Eine Landingpage ohne Besucher ist nur eine Datei im Internet. Plane deshalb direkt nach dem Livegang die erste kleine Kampagne: ein Post auf dem Kanal, wo deine Zielgruppe schon ist, eine kurze E-Mail an bestehende Kontakte, oder beides. Auch hier kann Claude die Texte entwickeln — mit der Live-URL als Ziel.

Beobachte in den ersten Wochen, ob Besucher die gewünschte Handlung ausführen. Wenn nicht, ist meist der CTA oder die Headline das Problem, nicht das Design — und beides lässt sich mit Claude in Minuten überarbeiten und per erneutem Drop in Netlify aktualisieren.

Wo Anfänger scheitern — und wie du es vermeidest

Die drei häufigsten Fehler: Platzhalter bleiben in der Live-Seite stehen, weil Schritt 4 übersprungen wurde. Der CTA bleibt unklar, weil die Seite drei verschiedene Handlungen gleichzeitig anbietet. Und der häufigste von allen — die Seite geht nie live, weil an Details poliert wird, die kein Besucher bemerkt.

Die Gegenmittel sind unspektakulär: eine feste Prüf-Checkliste, genau ein CTA pro Seite, und ein selbst gesetzter Livegang-Termin. Das Claude Launch System von AI-Agents.Tools bündelt genau diesen Weg als Workflow Kit — mit fertigen Prompts für jeden Schritt, QA-Checklisten und Troubleshooting für die typischen Stolperstellen.

Weiterlesen

• Was ist ein AI Workflow Kit?
• Claude Launch System