40+ Landing Pages in 30 Tagen: AI Agents vs. Landing-Page-Builder

Du hast 10 Kampagnenideen im Monat. Du lieferst 2.

Nicht, weil es dir an Kreativität fehlt. Nicht, weil dein Team faul ist. Sondern weil du mit Templates kämpfst, Review-Calls planst und Button-Padding justierst, statt die Botschaft zu schreiben, die wirklich konvertiert.

Da landen deine Stunden. Nicht beim Hook. Nicht beim Angebot. Nicht beim emotionalen Auslöser, der Menschen zum Kaufen bringt.

Ich habe jahrelang eine Designagentur geführt und hatte trotzdem genau dieses Problem. Jede Kampagne wurde zur Verhandlung zwischen dem, was ich sagen wollte, und dem, was das Template zuließ. Also habe ich das Verhältnis umgedreht. Eine Komponentenbibliothek gebaut. Sie mit Claude Code für die Entwicklung und Gemini Nano für die Content-Optimierung direkt auf dem Gerät verbunden.

Das Ergebnis? 40+ Landing Pages geliefert. Alle on-brand. Alle in derselben Woche live, in der sie geschrieben wurden.

Es geht nicht darum, härter zu arbeiten. Es geht darum, die Reibung zu beseitigen, die Marketingteams am Liefern hindert.

Kurz gesagt: AI Agents wie Claude Code bauen Landing Pages 10x schneller als klassische Page-Builder, weil sie das Layout automatisch aus vorgefertigten Komponenten zusammensetzen. Statt mit Templates zu kämpfen, schreibst du zuerst deinen Text, und die AI baut die Seitenstruktur in Minuten. So fließen 80 % deiner Zeit zurück in die Content-Erstellung, wo sie hingehört.

Inhaltsverzeichnis

• Das eigentliche Problem: Gefangen im Template
• Alter Weg vs. neuer Weg: Wohin deine Zeit wirklich fließt
• Was AI Agents können (und Page-Builder nicht)
• Der Content-first-Workflow: Schritt für Schritt
• Komponentenbibliotheken: Die Geheimwaffe
• Echte Zahlen: Die Case Study mit 40+ Seiten
• AI Agents vs. Landing-Page-Builder: Der komplette Vergleich
• So legst du los (ohne alles neu zu bauen)
• FAQ

Das eigentliche Problem: Gefangen im Template

Was dir niemand über Landing-Page-Builder sagt: Sie sind für Designer gemacht, nicht für Marketer.

Webflow, Framer, WordPress, Unbounce. Such dir dein Gift aus. Alle versprechen Flexibilität. Alle liefern Einschränkungen.

Du schreibst eine starke Headline. Sie hat 12 Wörter. Das Template erwartet 6. Jetzt kürzt du entweder deine Botschaft oder zerschießt das Layout.

Du willst einen Testimonial-Bereich hinzufügen. Das Template hat drei Plätze. Du hast fünf Testimonials. Jetzt planst du einen Call mit deinem Designer, um „Optionen auszuloten“.

Laut Frontifys State of Marketing Efficiency Report verwalten 80 % der Marketingverantwortlichen ihre Templates ineffizient. Das ist kein Skill-Problem. Das ist ein Tool-Problem.

Das Problem ist nicht, dass es Templates gibt. Sondern dass Templates dich zwingen, deinen Content in ihre Struktur zu pressen, statt umgekehrt. Wie die Interaction Design Foundation erklärt, verhindert Content-first-Design „Lückenfüller in letzter Minute“ und erspart teure Redesigns, wenn der Text nicht ins Layout passt.

Landingis Analyse von SaaS-Landing-Pages bringt es auf den Punkt: Fertige Templates zwingen „Marketer, ihre Texte an die vorgegebene Struktur anzupassen, statt das Seitendesign auf die Nutzerabsicht hin zu optimieren“. Und Moosends Liste typischer Landing-Page-Fehler bestätigt: Starre Layouts brechen auf Mobilgeräten, Buttons reagieren nicht auf Textänderungen, und wenn Design und Text nicht zusammenpassen, leidet die Conversion.

Klassische Page-Builder stellen das Design an erste Stelle. Deine Botschaft kommt danach. Das ist verkehrt herum.

Die versteckten Kosten von Design-first-Workflows

Jede Einschränkung im Template erzeugt einen Entscheidungspunkt. Jeder Entscheidungspunkt erzeugt ein Meeting. Jedes Meeting erzeugt Verzögerung.

„Kannst du den Hero kürzer machen?“ „Das passt nicht ins Raster.“ „Lass uns einen Review-Call ansetzen.“

Kommt dir bekannt vor?

Ziflows Untersuchung zu Design-Feedbackschleifen zeigt, wie diese Zyklen Produktivität fressen. Du iterierst nicht an deiner Botschaft. Du iterierst an Margins und Padding. Artworkflows Tipps zu Design-Feedback empfehlen „klare Checkpoints“, „Deadlines“ und „Projektbudgets“, nur um die Designabstimmung zu managen. Das ist eine Menge Overhead für eine Landing Page.

Die Rechnung ist brutal. Wenn du 50 % deiner Kampagnenzeit mit Layoutanpassungen verbringst, bleiben nur 50 % für das, was wirklich konvertiert: deinen Text.

Alter Weg vs. neuer Weg: Wohin deine Zeit wirklich fließt

Ich zeige dir, was sich geändert hat, als wir den Workflow umgestellt haben.

Zeitaufteilung im Vergleich

Tätigkeit	Alter Weg (Template-first)	Neuer Weg (Content-first + AI)
Texte und Botschaften schreiben	20-30 %	70-80 %
Layoutanpassungen	30-40 %	5 %
Review-Calls und Feedback	20-25 %	5 %
Technische Umsetzung	15-20 %	10 %
Gesamtzeit bis zur Veröffentlichung	5-10 Tage	Am selben Tag

Der Unterschied ist enorm. Statt den Großteil deiner Energie in Layoutverhandlungen zu stecken, investierst du sie in den Hook, das Angebot und die emotionale Verbindung zu deiner Zielgruppe.

Die Analyse von SearchEnginePeople benennt genau die Probleme von Design-first: Skalierungsprobleme, wenn der Content nicht passt, Headline-Vorgaben, die zu Kompromissen mit ein oder zwei Wörtern zwingen, und wie ein einziger zusätzlicher Satz ein komplettes Seiten-Redesign auslösen kann.

Das Problem mit den Feedbackschleifen

Klassische Workflows erzeugen das, was DartAI ein „internes Tauziehen“ nennt: Designer, Entwickler und Stakeholder setzen jeweils andere Prioritäten.

So sieht ein typischer Agentur-Workflow laut Streamworks Prozess-Guide aus:

1. Briefing erstellen
2. Erste Designkonzepte
3. Review- und Feedbackschleife (endlos)
4. Überarbeitungen
5. Finale Freigabe
6. Übergabe an die Entwicklung
7. QA und Launch

Die Schritte 3-5 können Wochen dauern. Manchmal Monate. Die Analyse von DeveloperUX zu Feedbackschleifen bestätigt das Problem unfreiwillig: Wirksames Feedback braucht „konkrete Ziele“, „klare Entscheidungshierarchien“, „wöchentliche Design-Reviews“ und „monatliche teamübergreifende Sessions“. Das ist eine Menge Overhead für eine Landing Page.

Deine Kampagnenidee? Ist beim Launch längst kalter Kaffee.

Der neue Workflow streicht die Schritte 3-5 komplett. Der Text wird für sich freigegeben. Die AI übernimmt den Seitenaufbau. Keine konkurrierenden Prioritäten. Keine Designdebatten.

Was AI Agents können (und Page-Builder nicht)

Werden wir konkret. Was unterscheidet Claude Code von Webflow AI oder Framer AI?

Klassische AI-Funktionen in Page-Buildern sind im Grunde Autovervollständigung auf Steroiden. Sie schlagen Texte vor. Sie passen Farben an. Sie sind Assistenten, keine Builder.

AI Agents sind anders. Sie sind autonome Systeme, die:

• deinen Content lesen und verstehen, welche Struktur er braucht
• passende Komponenten aus einer Bibliothek auswählen
• diese Komponenten zu einer funktionierenden Seite zusammensetzen
• das Ergebnis testen und iterieren, bis es funktioniert

Laut Anthropics Engineering-Blog zum Bauen von Agents folgt Claudes Agent-Modell der Schleife „Kontext sammeln → handeln → Arbeit prüfen → wiederholen“. Es schlägt keine Änderungen vor. Es erledigt die Arbeit.

Der Guide von Open Strategy Partners zu agentischer AI beschreibt, wie AI Agents Lösungswege bewerten, Aufgaben priorisieren und über deinen gesamten Tech-Stack hinweg konsistent ausführen. Genau so arbeitet Claude Code: als intelligentes Teammitglied, das Seiten aus Komponenten auf Basis deiner Botschaft zusammenbaut.

Ein Creator hat dokumentiert, wie Claude Code zu seinem persönlichen AI-Agent-Betriebssystem für Schreiben und Recherche wurde. Dieselben Prinzipien gelten für die Produktion von Landing Pages.

Der Stack, der das möglich macht

So sieht das Setup aus:

Claude Code (Terminal oder Web): Der AI Agent, der die Seiten zusammensetzt. Gib ihm deinen Text, verweise ihn auf deine Komponentenbibliothek, und er baut die Seitenstruktur. Was in Lovable 1-2 Stunden dauert, dauert in Claude Code 10-15 Minuten, weil du direkt auf die API zugreifst.

Komponentenbibliothek (React/Next.js): Vorgefertigte On-brand-Sektionen, die wie Lego zusammenpassen. Hero-Sektionen. Testimonial-Blöcke. Feature-Grids. CTA-Module. Jedes Element bereits gestaltet und responsiv.

Gemini Nano: Optimierung direkt auf dem Gerät für SEO-Checks und Brand Voice. Keine Cloud-Latenz. Content-Feinschliff in Echtzeit. Wie Picasso Multimedia erklärt, übernimmt Gemini Nano Zusammenfassen, Korrekturlesen und Umschreiben, ohne Daten an externe Server zu senden.

Der Guide von Coupler.io zu MCP-Servern für Marketer erklärt, wie das Model Context Protocol AI Agents mit Marketing-Tools verbindet und Automatisierung in Echtzeit über deinen gesamten Stack ermöglicht. Claude Code arbeitet dabei mit Kontextwissen über dein Design System, deine Brand Guidelines und deine Asset-Bibliothek.

Dieser Stack kann etwas, was Page-Builder nicht können: Er trennt die kreative Arbeit (Schreiben) von der technischen Arbeit (Zusammenbauen). Du konzentrierst dich auf die Botschaft. Die AI übernimmt die Umsetzung.

AI Agents vs. AI-Funktionen

Fähigkeit	AI-Funktionen (Webflow AI, Framer AI)	AI Agents (Claude Code)
Textvorschläge generieren	Ja	Ja
Komplette Seite von Grund auf bauen	Eingeschränkt	Ja
Eigene Komponentenbibliothek nutzen	Nein	Ja
In bestehende Codebasis integrieren	Nein	Ja
Autonom ohne Prompts arbeiten	Nein	Ja
Zeit bis zum Deployment	Minuten bis Stunden	Minuten
Anpassungstiefe	An Templates gebunden	Unbegrenzt

Der Vergleich zwischen Framer AI und Webflow AI zeigt: Beide haben AI-Funktionen für Text und Styling. Aber keines gibt dir die Freiheit, genau das zu bauen, was dein Content braucht.

Magiers Analyse Webflow vs. Framer stellt fest, dass AI-Tools die Erstellung beschleunigen, für echte Differenzierung aber menschliche Führung brauchen. Genau das ist unser Workflow: Claude Code baut Seiten aus deiner Komponentenbibliothek, nachdem du den überzeugenden Text geschrieben hast.

Und Alphas Überblick über No-Code-Website-Builder bestätigt, dass AI-gestützte Builder „unübertroffen darin sind, Ideen in kürzester Zeit in funktionierende Websites zu verwandeln“.

Der Content-first-Workflow: Schritt für Schritt

So setzt du das konkret um. Keine Theorie. Genau der Prozess, den wir nutzen.

Schritt 1: Schreib die Botschaft, die konvertiert

Verbring hier 80 % deiner Zeit. Hier entsteht die Conversion.

• Was ist der Hook?
• Was ist das Angebot?
• Was ist der emotionale Auslöser?
• Welche Einwände musst du entkräften?

Denk nicht ans Layout. Denk nicht an Sektionen. Schreib einfach die Botschaft.

Unbounces Best Practices für Landing Pages bestätigen das: Bei Best Practices geht es nicht um schöne Layouts. Es geht um Klarheit, die Passung zur Nutzerabsicht und wirksame Botschaften. Der Guide der Seize Marketing Agency zu SEO-Copywriting hält fest: „Die Seite sollte direkt, überzeugend und auf Conversion ausgerichtet sein.“

Das Template für konversionsstarke Landing Pages von InMotion Marketing beweist den Punkt ironischerweise selbst: Sogar „geklaute Designs“ müssen stark angepasst werden, damit sie zur Botschaft passen. Jedes Unternehmen braucht andere Kombinationen aus Text und Struktur, die starre Templates nicht abbilden können.

Schritt 2: Strukturiere deine Content-Blöcke

Sobald deine Botschaft steht, teil sie in logische Blöcke auf:

• Hero (Hook + primärer CTA)
• Problemstellung
• Lösungsüberblick
• Features/Vorteile
• Social Proof
• FAQ
• Abschließender CTA

Diese Struktur steckt in deinem Text, nicht in einem Template. Der Text bestimmt die Struktur. Nicht umgekehrt.

Schritt 3: Übergib an Claude Code

Gib dem AI Agent deinen strukturierten Content. Verweise ihn auf deine Komponentenbibliothek. Lass ihn zusammenbauen.

Der Prompt ist simpel: „Hier ist der Text meiner Landing Page. Bau sie mit der Komponentenbibliothek. Halte dich an die Brand Guidelines.“

Claude Code liest den Content, wählt passende Komponenten aus und generiert die Seite. Was früher Tage voller Hin und Her gekostet hat, dauert jetzt 10-15 Minuten.

Schritt 4: Optimierung mit Gemini Nano

Vor dem Veröffentlichen läuft die Seite durch Gemini Nano für:

• SEO-Optimierung (Title-Tags, Meta-Descriptions, Überschriftenhierarchie)
• Konsistente Brand Voice
• Lesbarkeits-Checks

Das passiert direkt auf dem Gerät. Kein Warten auf API-Antworten. Optimierung in Echtzeit.

Schritt 5: Am selben Tag veröffentlichen

Die Seite geht live. Keine Review-Calls. Keine Layoutdebatten. Kein Warten, bis Entwickler Zeit haben.

Checkliste für den Content-first-Workflow

• [ ] Botschaft ohne Layoutvorgaben geschrieben
• [ ] Content in logische Blöcke aufgeteilt
• [ ] Text von Stakeholdern freigegeben (nur Botschaft, nicht Layout)
• [ ] Content mit Zugriff auf die Komponentenbibliothek an Claude Code übergeben
• [ ] Seite vom AI Agent zusammengebaut
• [ ] SEO-Optimierung mit Gemini Nano
• [ ] Finales Review (inhaltliche Richtigkeit, keine Design-Kleinigkeiten)
• [ ] Veröffentlicht

Komponentenbibliotheken: Die Geheimwaffe

Eine Komponentenbibliothek ist kein Template. Sie ist ein System.

Templates sind starr. Du hast „Template A“ und „Template B“. Dein Content passt oder eben nicht.

Komponentenbibliotheken sind modular. Du hast 50+ einzelne Bausteine, die sich auf tausende Arten kombinieren lassen. Dein Content passt immer, weil sich die Struktur an die Botschaft anpasst.

Laut DePalma Studios setzen Unternehmen wie Atlassian und Shopify auf Komponentenbibliotheken, um konsistent und schnell zu sein. Dieselben Prinzipien gelten für Marketingteams.

Was in eine Marketing-Komponentenbibliothek gehört

Das steckt in unserer:

Hero-Sektionen (12 Varianten) - Headline-fokussiert - Mit eingebettetem Video - Geteilt in Bild/Text - Vollflächiger Hintergrund

Social-Proof-Blöcke (8 Varianten) - Logo-Leisten - Testimonial-Karten - Case-Study-Vorschauen - Hervorgehobene Kennzahlen

Feature-Sektionen (10 Varianten) - Icon-Grids - Vergleichstabellen - Vorher/nachher - Schritt für Schritt

CTA-Module (6 Varianten) - Inline-Buttons - Sticky Bars - Exit-Intent - Eingebettete Formulare

Jede Komponente ist bereits gestaltet. Bereits responsiv. Bereits on-brand. Claude Code wählt nur die passenden für deinen Content aus.

Komponentenbibliothek bauen oder kaufen?

Ansatz	Kosten	Zeit bis zum ROI	Anpassbarkeit	Langfristiger Wert
Eigene Bibliothek bauen	10.000-25.000 €	4-8 Wochen	Volle Kontrolle	Hoch
Bestehendes UI-Kit nutzen	500-2.000 €	Sofort	Eingeschränkt	Mittel
Bei Templates bleiben	0-500 €	Sofort	Stark eingeschränkt	Niedrig

Eine eigene Bibliothek kostet zunächst Geld. Aber der ROI kommt schnell, wenn du 40+ Seiten lieferst statt 4.

Wie Invoke Media erklärt, ermöglichen Komponentenbibliotheken „schnellere Entwicklung, garantierte Konsistenz, weniger Bugs und einfachere Wartung“. All das zahlt direkt auf die Geschwindigkeit deines Marketings ein.

Der Guide der Product-Led Alliance zu internen Produkten zeigt, wie interne Tools die operative Effizienz steigern. Dein System aus Komponentenbibliothek + Claude Code ist genau das: ein internes Tool für Marketingteams, das Reibung beseitigt und den Fokus auf die Botschaft statt aufs Design legt.

Echte Zahlen: Die Case Study mit 40+ Seiten

Reden wir über Details. Das haben wir mit diesem Workflow geliefert:

Landing Pages: 25+ kampagnenspezifische Seiten für verschiedene Angebote, Zielgruppen und Blickwinkel

Assessment-Tools: Interaktive Tools, in die Nutzer Informationen eingeben und personalisierte Reports erhalten

Interaktive Rechner: ROI-Rechner, Readiness-Assessments, Tools für Kostenvergleiche

Content-Hubs: Ausführliche Ressourcen mit eingebetteten Charts und Datenvisualisierungen

Alle on-brand. Alle innerhalb einer Woche nach dem Schreiben live.

Kennzahlen vorher und nachher

Kennzahl	Vorher (Template-Workflow)	Nachher (AI-Agent-Workflow)
Gelieferte Seiten pro Monat	2-4	12-15
Zeit von der Idee bis live	5-10 Tage	Am selben Tag
Stunden für das Layout	8-12 pro Seite	0,5-1 pro Seite
Review-Calls pro Kampagne	2-3	0
Einbindung von Designern	Erforderlich	Optional

Untersuchungen von Outfunnel zeigen, dass Teams die Produktionszeit für erste Entwürfe mit AI und klaren Leitplanken um 50-80 % senken können. Unsere Ergebnisse lagen darüber. Wir haben die Umsetzungszeit um über 90 % gesenkt.

The CMOs Überblick über Marketing-Workflow-Software beschreibt Funktionen für Kampagnenmanagement, Projektmanagement und Aufgabenautomatisierung, verteilt auf viele verschiedene Tools. Unser System aus Claude Code + Gemini Nano liefert all das speziell für die Erstellung von Landing Pages, integriert in einen einzigen Workflow.

Der Guide von Ready Logic zu Workflow-Automatisierungstools behandelt Make.com, Zapier und ähnliche Plattformen. Unsere Lösung geht weiter: Statt generischer Automatisierung schaffen Claude Code + Komponentenbibliothek ein durchgängiges System speziell für den Weg von Content→Seite.

Die Übersicht von WeDesignMotion zu Engpässen in der Produktion nennt „endlose Feedbackschleifen“, „zu viel manuelles Projektmanagement“ und „keine Zeit für kreatives Denken“ als die größten Produktivitätskiller. Unsere Lösung adressiert alle drei.

Kostenaufstellung: Klassischer vs. AI-Agent-Workflow

Kostenkategorie	Klassischer Workflow	AI-Agent-Workflow
Designerzeit (pro Seite)	200-400 €	0-50 €
Entwicklerzeit (pro Seite)	150-300 €	0-50 €
Review/Abstimmung	100-200 €	0 €
AI-Tools (monatlich)	0 €	100-200 €
Gesamt pro Seite	450-900 €	50-150 €
Gesamt für 40 Seiten	18.000-36.000 €	2.000-6.000 €

Die Rechnung ist eindeutig. Selbst wenn du die anfängliche Investition in die Komponentenbibliothek (10.000-25.000 €) einrechnest, erreichst du nach 15-20 Seiten den Break-even. Alles danach ist reiner Effizienzgewinn.

AI Agents vs. Landing-Page-Builder: Der komplette Vergleich

Klären wir die Debatte mit einer umfassenden Gegenüberstellung.

Vor- und Nachteile: Klassische Page-Builder

Vorteile: - Flachere Lernkurve - Visuelle Oberfläche (Drag-and-drop) - Integriertes Hosting - Große Template-Bibliotheken - Support durch die Community

Nachteile: - Template-Vorgaben schränken die Botschaft ein - Designänderungen erfordern Überarbeitungsrunden - Langsame Iteration - Begrenzte Integration in eigene Codebasen - AI-Funktionen unterstützen nur, sie arbeiten nicht autonom

Vor- und Nachteile: AI-Agent-Workflows

Vorteile: - Content-first-Ansatz - Seitenaufbau nahezu sofort - Unbegrenzte Anpassung über die Komponentenbibliothek - Keine Design-Engpässe - Integration in den bestehenden Tech-Stack - Volle Eigentümerschaft an Code und Assets

Nachteile: - Höhere Setup-Kosten am Anfang - Erfordert technische Infrastruktur - Steilere Lernkurve - Weniger visuelles Feedback während der Erstellung - Braucht klare Brand Guidelines und eine Komponentenbibliothek

Welcher Ansatz passt zu deinem Team?

Wähle klassische Page-Builder, wenn: - du weniger als 5 Seiten pro Monat lieferst - du Designer mit freien Kapazitäten hast - deine Templates selten angepasst werden müssen - Geschwindigkeit für dich kein Wettbewerbsvorteil ist

Wähle AI-Agent-Workflows, wenn: - du 10+ Seiten pro Monat liefern musst - Design-Engpässe deine Kampagnen ausbremsen - dein Content regelmäßig die Template-Grenzen sprengt - Veröffentlichen am selben Tag für dein Business zählt - dein Marketing unabhängig vom Design arbeiten soll

Laut Sprout Socials Produktivitätsstudie werden 63 % der Marketingteams von manuellen Aufgaben ausgebremst. Wenn das auf dich zutrifft, beseitigt der AI-Agent-Ansatz einen großen Reibungspunkt.

Untersuchungen von Sidetool, die ChatGPT und Claude für Landing Pages vergleichen, zeigen, dass personalisierte Landing Pages 202 % besser konvertieren als generische. Mit AI-gestützter Seitengenerierung erstellst du personalisierte Varianten im großen Stil.

Die Tipps von Nexus Marketing zur Conversion-Optimierung definieren Conversion Copywriting als den gezielten Einsatz von Struktur, Stil und Sprache, um Conversion-Ziele zu unterstützen. Unser Workflow setzt das systematisch um: zuerst Hook/Angebot/Auslöser schreiben, dann optimiert Gemini Nano für SEO und Brand Voice.

So legst du los (ohne alles neu zu bauen)

Du musst nicht morgen deinen kompletten Stack umkrempeln. Hier ein Vorgehen in Phasen.

Phase 1: Prüfe deinen aktuellen Workflow (Woche 1)

Erfasse eine Woche lang, wohin deine Zeit wirklich fließt:

• Stunden fürs Texten
• Stunden für Layoutanpassungen
• Stunden in Review-Meetings
• Stunden des Wartens auf Design/Entwicklung

Wenn Layout und Reviews mehr als 40 % deiner Zeit fressen, hast du ein Problem, das sich zu lösen lohnt.

Phase 2: Bau eine minimale Komponentenbibliothek (Wochen 2-4)

Starte mit 10-15 Komponenten:

• 3 Hero-Varianten
• 2 Feature-Sektionen
• 2 Testimonial-Blöcke
• 2 CTA-Module
• 2 Content-Sektionen
• 2 Footer-Varianten

Damit deckst du 80 % des Bedarfs für Landing Pages ab. Erweitern kannst du später.

Phase 3: Richte Claude Code ein (Woche 4)

Installiere Claude Code im Terminal oder nutze die Web-Version. Konfiguriere es mit:

• Zugriff auf deine Komponentenbibliothek
• einem Dokument mit deinen Brand Guidelines
• Beispielseiten als Referenz

Teste es mit einer einfachen Landing Page. Sieh selbst, wie schnell du vom Text zur Live-Seite kommst.

Phase 4: Ergänze Gemini Nano zur Optimierung (Woche 5)

Integriere Optimierung direkt auf dem Gerät für:

• SEO-Checks vor dem Veröffentlichen
• Konsistente Brand Voice
• Lesbarkeits-Scoring

So fängst du Probleme ab, bevor sie live gehen, ohne zusätzliche Review-Runden.

Phase 5: Skalieren (ab Woche 6)

Leite alle neuen Landing Pages durch den AI-Workflow. Miss dabei:

• Zeit bis zur Veröffentlichung
• Gelieferte Seiten pro Monat
• Zufriedenheit im Team
• Conversion-Raten

Zeitplan für die Umsetzung

Woche	Meilenstein	Aufwand
1	Zeit-Audit abgeschlossen	2-3 Stunden
2-4	Komponentenbibliothek gebaut	20-40 Stunden (oder auslagern)
4	Claude Code konfiguriert	4-8 Stunden
5	Gemini Nano integriert	2-4 Stunden
6+	Kompletter Workflow im Einsatz	Laufend

Gesamter Setup-Aufwand: 30-55 Stunden. Vergleich das mit den Hunderten Stunden, die du im nächsten Jahr sparst.

Wenn du intern nicht die Kapazität hast, die Komponentenbibliothek zu bauen, liefert unser 2-Week Design Sprint ein produktionsreifes System mit vollständiger Dokumentation.

Das große Ganze: Content sollte das Design bestimmen

Es geht nicht nur um Geschwindigkeit. Es geht darum, die Grundlagen richtig zu machen.

Im Marketing geht es um die Botschaft. Die Seite ist nur das Transportmittel.

Wenn du 70 % deiner Zeit ins Layout steckst und 30 % in die Botschaft, ist das Verhältnis verkehrt herum. Deine Kampagnen bleiben hinter ihren Möglichkeiten zurück, egal wie hübsch die Seiten aussehen.

Der Content-first-Ansatz dreht das um. Du bringst zuerst die Botschaft auf den Punkt. Dann überlässt du der AI die Verpackung.

Wie der Guide von HostAdvice zu Content-first-Design erklärt, stellt diese Philosophie die Botschaft über die Ästhetik. Die Seite dient der Botschaft. Nicht umgekehrt.

Das ist nicht nur schneller. Es ist grundlegend besseres Marketing.

Was das für dein Team bedeutet

Deine Texter schreiben ohne Einschränkungen. Deine Kampagnen starten am selben Tag, an dem die Botschaft steht. Deine Designer konzentrieren sich auf strategische Arbeit statt auf Layout-Feinschliff.

Jeder macht, was er am besten kann. Die AI übernimmt das Fließband.

Du willst deine digitale Transformation beschleunigen, ohne die üblichen 12 Monate? Unser 90-Day Digital Acceleration Programm liefert produktionsreife Systeme inklusive Komponentenbibliotheken, AI-Workflows und operativer Übergabe.

---

FAQ

Was kostet das Setup eines AI-Agent-Workflows für Landing Pages?

Das initiale Setup kostet 10.000-25.000 € für eine eigene Komponentenbibliothek, dazu 100-200 € monatlich für AI-Tools (Claude Code API, Gemini Nano). Nach 15-20 gelieferten Seiten hast du den Break-even erreicht, verglichen mit klassischen Workflows, die 450-900 € pro Seite kosten.

Kann ich diesen Ansatz mit meiner bestehenden Webflow-Seite nutzen?

Ja. Deine Komponentenbibliothek liegt in einer separaten Next.js-App, die zu deiner Webflow-Marke passen kann. Mit Claude Code gebaute Seiten fügen sich optisch in deine bestehende Website ein. Du ersetzt Webflow nicht. Du ergänzt es für Kampagnen mit hohem Tempo.

Brauche ich Entwickler im Team, um Claude Code zu nutzen?

Für das initiale Setup ja. Du brauchst jemanden, der die Komponentenbibliothek baut und den AI Agent konfiguriert. Aber sobald alles läuft, können Marketer Claude Code direkt nutzen, ohne Entwickler. Genau darum geht es.

Wie schneidet das im Vergleich zu Tools wie Lovable oder Bolt ab?

Lovable und ähnliche Tools bieten AI-gestützten Seitenbau, sind aber langsamer und weniger flexibel. Was in Lovable 1-2 Stunden dauert, dauert mit Claude Code und direktem API-Zugriff 10-15 Minuten. Außerdem behältst du die volle Eigentümerschaft an deinem Code und kannst ihn in deinen bestehenden Tech-Stack integrieren.

Was, wenn sich mein Text während einer Kampagne oft ändert?

Genau da glänzt dieser Workflow. Inhaltliche Änderungen brauchen kein Design-Review. Aktualisiere deinen Text, lass Claude Code erneut laufen und veröffentliche. Die Seite passt sich deinem Content an. Du wartest nie darauf, dass Designer „Platz schaffen“ für zusätzlichen Text.

---

Über den Autor

Behrad Mirafshar ist Founder & CEO von Bonanza Studios, wo er Ideen in 4-12 Wochen in funktionierende MVPs verwandelt. Mit 13 Jahren in der Berliner Startup-Szene war er Teil der Gründungsteams von Grover (Unicorn) und Kenjo (führende HR-Plattform im DACH-Raum). CEOs holen ihn für Projekte, die ihre Teams nicht anfassen können oder wollen, weil er Produkte baut, keine PowerPoints.

Vernetz dich mit Behrad auf LinkedIn

---

Bereit, nicht mehr mit Templates zu kämpfen, sondern Kampagnen zu liefern? Buch ein Strategiegespräch und erfahre, wie AI-gestützte Workflows dein Marketing beschleunigen.