Wie ich durch die Erstellung einer Landingpage mit nur Claude Code 10 Millionen Yen Monatsumsatz generierte

@gagarot200
JAPANISCH12. Aug. 2026
181K
68
1
1
176

TL;DR

Ein umfassender Leitfaden zur Nutzung von Claude Code für den gesamten Lebenszyklus einer Landingpage – vom Copywriting über die Programmierung bis hin zur datengestützten Optimierung, was zu einem signifikanten Umsatzwachstum führt.

Ich habe die Landingpage (LP) für ein neues Produkt, das ich betreue, mit „nur Claude Code“ erstellt – und im dritten Monat nach dem Launch überstiegen die monatlichen Umsätze 10 Millionen Yen. Kein Outsourcing an Designer, keine Entwicklungskosten, keine Aufträge an LP-Produktionsfirmen. Alles, was ich eingesetzt habe, waren Claude Code und meine Zeit fürs Prompt-Schreiben.

Hier die Aufschlüsselung der Zahlen:

  • Produktpreis: 98.000 JPY (Onlinekurs, einmaliger Kauf)
  • Monatliche Conversions: ca. 105
  • Monatlicher Umsatz: ca. 10,3 Millionen JPY
  • CVR (Conversion-Rate) über die LP: ca. 1,8 % bezogen auf den Anzeigen-Traffic
  • Tatsächliche LP-Produktionskosten: ein paar tausend Yen pro Monat für Claude-Code-Gebühren + Domain/Server

Während die Beauftragung einer LP-Produktionsfirma normalerweise 300.000 bis 1.000.000 JPY kostet, lagen meine Produktionskosten bei nahezu null. Da Claude Code außerdem alle Verbesserungen nach dem Launch übernimmt (AB-Tests, Copy-Anpassungen, Austausch von Sektionen), ist die Verbesserungsgeschwindigkeit mit der Outsourcing-Ära nicht zu vergleichen. In diesem Artikel zeige ich den gesamten Prozess zusammen mit den tatsächlich verwendeten Prompts.

Was du in diesem Artikel lernst

  1. Der gesamte Ablauf der LP-Erstellung mit Claude Code (Anforderungen → Copy → Umsetzung → Messung → Verbesserung)
  2. Der vollständige Wortlaut der Prompts, die in jedem Schritt tatsächlich verwendet wurden
  3. Worauf ich bei der LP-Struktur geachtet habe, um eine CVR von 1,8 % zu erreichen
  4. Wie Claude Code AB-Tests und Verbesserungen nach dem Launch übernimmt
  5. Stolperfallen, auf die ich gestoßen bin, und wie man sie vermeidet

Warum ich mich für „Nur Claude Code“ entschieden habe

Ich habe die LP-Produktion in der Vergangenheit dreimal outgesourct, mit Kosten zwischen 350.000 und 800.000 JPY pro Seite. Auch wenn ich mit dem Endergebnis nicht unzufrieden war, wurden nach dem Start strukturelle Probleme deutlich:

  1. Langsame und teure Überarbeitungen: Selbst kleine Änderungen wie das Korrigieren von Texten oder das Verschieben einer Sektion kosten Zeit und Geld. Wenn für jeden AB-Test erst ein Angebot eingeholt werden muss, ist Schnelligkeit unmöglich.
  2. Getrennte Texterstellung, Design und Umsetzung: Wenn Texter, Designer und Entwickler verschiedene Personen sind, geht die Konsistenz beim stillen Posten verloren.
  3. Keiner, der auf Basis von Daten optimiert: Produktionsfirmen sind Profis im „Machen“, aber nicht unbedingt im „Verkaufen“. Sie wissen nicht immer, wie man GA4-Daten in Hypothesen und Optimierungen umsetzt.

Claude Code ist ein terminalbasierter KI-Coding-Agent. Er schreibt nicht nur Code, sondern verwaltet Dateistrukturen, erstellt Vorschauen von HTML/CSS/JS, übernimmt das Copywriting und setzt sogar Verbesserungen auf Basis von GA4- oder Heatmap-Daten um. Diese Integration war der entscheidende Faktor.

ガガロット - inline image

Produkt und Voraussetzungen

  • Produkt: Onlinekurs für B2B-Kompetenzen (98.000 JPY)
  • Traffic: Meta Ads (Instagram/Facebook) + Suchlisten-Eintrag. Monatliche Werbeausgaben ca. 1,8 Mio. JPY
  • Sales-Flow: Anzeige → LP → Zahlung (Stripe). Einfacher Direktvertrieb.
  • Meine Fähigkeiten: Ich kann HTML/CSS lesen, aber nicht schön schreiben. Design-Tools nutze ich kaum.
  • Tools: Claude Code, GitHub, Cloudflare Pages, GA4, Microsoft Clarity.

Das Entscheidende: Ich schreibe kaum Code. Claude Code fungiert als Übersetzer zwischen „Regisseur“ und „Umsetzer“.

Der Ablauf in 5 Schritten

  1. Anforderungen: Claude Code interviewt dich zu Produkt und Kunden.
  2. Struktur und Copy: Sektionslayout und vollständige Texte erstellen.
  3. Design und Umsetzung: Mit HTML/CSS umsetzen und über die Vorschau verfeinern.
  4. Messung und Deployment: GA4/Clarity einrichten und live gehen.
  5. Verbesserungs-Loop: Daten an die KI zurückgeben, um AB-Tests durchzuführen.
ガガロット - inline image

SCHRITT 1: Anforderungen – Der „Interview“-Prompt

Sag nicht einfach „Erstelle eine LP“. Die KI braucht konkrete Informationen, um generische Ergebnisse zu vermeiden. Ich habe einen Prompt verwendet, mit dem Claude Code mich interviewt und gezielte Fragen zu Zielgruppe, Ängsten und Preisrechtfertigung stellt. Ich habe die Rohdaten aus Kundenumfragen und Slack-Logs bereitgestellt. Daraus ist eine strukturierte Datei requirements.md entstanden.

SCHRITT 2: Struktur und Copy

Ich habe Claude Code auf Basis der Anforderungen eine Sektionsstruktur erstellen lassen, die darauf abzielt, Ängste zu neutralisieren, statt nur einer Vorlage wie PASONA zu folgen. Die Texte habe ich nicht auf einmal schreiben lassen. Ich habe pro Sektion 10 Optionen angefordert, um die beste Richtung auszuwählen. Außerdem habe ich der KI strikt verboten, erfundene Testimonials zu erstellen oder unzulässige Übertreibungen zu verwenden.

ガガロット - inline image

SCHRITT 3: Design und Umsetzung

Ich habe Claude Code genutzt, um eine mobile-first, leistungsstarke Website mit statischem HTML/CSS/JS umzusetzen. Indem ich zuerst nur die „First View“ erstellen ließ, konnte ich den Designton abstimmen, bevor die gesamte Seite umgesetzt wurde. Über „verbale Anweisungen“ habe ich Abstände, Buttongrößen und Layouts in Echtzeit angepasst. Als Design-Inspiration habe ich Claude Code Screenshots von LPs, die mir gefielen, gezeigt und ihn gebeten, deren „Stärken“ auf mein Projekt zu übertragen.

ガガロット - inline image

SCHRITT 4: Messung und Deployment

Ich habe Claude Code GA4 und Microsoft Clarity implementieren lassen – mit gezieltem Tracking von „Section-Read-through“-Events, um genau zu sehen, wo die Leser abspringen. Das Deployment wurde über Cloudflare Pages und GitHub abgewickelt, komplett von der KI gesteuert.

SCHRITT 5: Verbesserungs-Loop

Ausgehend von einer CVR von 0,9 % habe ich GA4-CSV-Daten und Clarity-Screenshots an Claude Code zurückgegeben. Claude Code schlug drei wichtige Optimierungen vor: die Preissektion umzustrukturieren, den FAQ-Bereich in eine „Einwandbehandlung“-Sektion umzuwandeln und die Hero-Copy per AB-Test zu testen. Diese Änderungen brachten die CVR auf 1,8 % und damit den Umsatz auf die 10-Millionen-JPY-Marke. Diese Iterationen erfolgten innerhalb von Stunden statt Wochen.

ガガロット - inline image

Zusammenfassung: 3 Prinzipien für das Prompt-Design

  1. Rolle + Kontextdatei + Ausgabeformat: Gib der KI eine konkrete Rolle und verweise auf Dateien wie requirements.md.
  2. Nicht alles auf einmal bauen: Setze Meilensteine für Abstimmungen (Interview → Struktur → Copy → Umsetzung).
  3. Verbote und das Recht auf Widerspruch: Weise die KI an, keine Fake-Daten zu erfinden und Widerspruch einzulegen, wenn eine Änderung die CVR senken könnte.

Claude Code hat die LP-Produktion von „Zeit mit Geld kaufen“ zu „Zeit mit Prompts kaufen“ gemacht.

ガガロット - inline image

https://Live-Demo-Link

In YouMind remixen

Turn one viral article into a full content workflow

Collect the source, decode the pattern, create assets, draft the story, and distribute from one AI workspace.

Explore YouMind
Für Creator

Verwandle dein Markdown in einen sauberen 𝕏-Artikel

Wenn du eigene Langtexte veröffentlichst, wird die 𝕏-Formatierung von Bildern, Tabellen und Codeblöcken mühsam. YouMind macht aus einem ganzen Markdown-Entwurf einen sauberen, sofort postbaren 𝕏-Artikel.

Markdown zu 𝕏 testen

Mehr Muster zum Entschlüsseln

Aktuelle virale Artikel

Mehr virale Artikel entdecken