Vom Onboarding-Call zur fertigen Landingpage | Der KI Workflow der Woche
Automatisiert Landeseiten mit Onepage bauen
Kennst du das? Ein Sales- oder Onboarding-Call läuft richtig gut. Der Kunde erzählt offen über sein Unternehmen, seine Zielgruppe, seine Probleme und was er sich wünscht. Eigentlich steckt in diesem einen Gespräch schon fast alles drin, was du für eine überzeugende Landingpage brauchst: Positionierung, Nutzenversprechen, Tonalität, sogar erste Ideen für Headlines.
Und trotzdem beginnt danach oft der mühsame Teil der Arbeit erst richtig.
Denn all diese wertvollen Informationen liegen zunächst nur als Notizen oder Transkript vor. Jemand muss sie sichten, in ein Briefing gießen, an Copywriter weiterreichen, mit Designern abstimmen und am Ende Stück für Stück in einen Page Builder übertragen.
Aus einer Stunde Gespräch werden so schnell mehrere Stunden Fulfillment, bei denen jede Menge Kontext verloren geht. Genau dieses Nadelöhr lässt sich heute automatisieren, und zwar so, dass am Ende nicht nur Text, sondern eine fertiggestellte Seite herauskommt.
Aus einem einzigen Onboarding-Call entsteht automatisch eine komplette Onepage-Landingpage. Der Workflow transkribiert das Gespräch, extrahiert Angebot, Zielgruppe, Pain Points und Positionierung und erstellt daraus strukturiert Briefing, Copy und Seitenaufbau. So wird aus Kundenwissen innerhalb kürzester Zeit ein direkt nutzbarer Landingpage-Entwurf.
Der Ansatz: Vom Gespräch direkt zum Landingpage-Entwurf
Statt nach dem Call ein separates Briefing zu schreiben, wird das Gespräch selbst zur zentralen Datenquelle. Sobald ein Meeting-Tool wie Fireflies die Aufzeichnung transkribiert hat, springt im Hintergrund automatisch ein Workflow an, der auf n8n basiert. Er ruft das komplette Gespräch ab, bereitet es strukturiert auf und lässt ein KI-Modell die Inhalte analysieren.
Aus dem ursprünglich unstrukturierten Gespräch wird zunächst ein standardisiertes Seiten-Briefing. Dieses Briefing wandert direkt weiter an einen zweiten KI-Agenten, der nicht nur Text formuliert, sondern die Landingpage tatsächlich in einem Website-Baukasten namens Onepage aufbaut. Am Ende landet ein fertiger Link im Team-Slack, bereit zur Prüfung und Freigabe.
Aus der klassischen Kette Call, Notizen, Briefing, Copy, Design, Seitenaufbau wird also ein einziger durchgängiger Pfad: Call, KI-Workflow, fertiger Entwurf.
Diese Landingpage wurde innerhalb weniger Minuten automatisch aus einem n8n-Workflow heraus erstellt. Der Agent übersetzt das zuvor generierte Briefing direkt in Struktur, Copy, Design und Seitenaufbau, sodass aus einem Kundengespräch nahezu automatisch ein fertiger Landingpage-Draft entsteht.
So läuft der Prozess im Detail ab
Schritt 1: Der Workflow startet sich selbst. Sobald das Transkript vorliegt, löst ein Webhook automatisch den gesamten Prozess aus. Niemand muss Dateien herunterladen oder manuell etwas anstoßen.
Schritt 2: Das Gespräch wird aufbereitet. Über eine Schnittstelle wird das komplette, nach Sprechern getrennte Transkript abgerufen und in ein einheitliches Format gebracht. Wichtig dabei: Bevor irgendetwas generiert wird, prüft der Workflow, ob überhaupt brauchbare Daten vorliegen. Fehlen sie, wird nicht einfach mit Lücken weitergearbeitet, sondern das Team bekommt sofort eine Nachricht in Slack.
Schritt 3: Die KI destilliert ein strukturiertes Briefing. Aus dem Gespräch werden gezielt Informationen herausgezogen, etwa Branche, Zielgruppe, Angebot, Positionierung, zentrale Pain Points, Proof Points, gewünschte Tonalität, Sprache, visuelle Richtung und Markenfarben. Das Ergebnis ist kein loser Fließtext, sondern ein klar definiertes Format, mit dem der nächste Agent zuverlässig weiterarbeiten kann.
Der eigentliche Unterschied: Mehr als nur Text generieren
Viele KI-Lösungen hören genau an dieser Stelle auf. Es gibt eine Headline, ein paar Bullet Points, vielleicht eine grobe Struktur, und dann muss ein Mensch alles wieder von Hand in Webflow, Framer oder WordPress übertragen. Hier setzt der entscheidende Unterschied an: Der zweite KI-Agent ist direkt mit dem Page Builder verbunden und kann selbstständig eine neue Seite anlegen, das Branding konfigurieren und die einzelnen Abschnitte aufbauen.
Dabei hält sich der Agent an eine feste Reihenfolge: zuerst das Designsystem, dann das Layout, zum Schluss die Animation. So entsteht kein Sammelsurium zufälliger Blöcke, sondern ein stimmiger Entwurf mit klarer visueller Linie.
Design Guardrails gegen die typische KI-Optik
Generiert eine KI eine Website völlig frei, sieht das Ergebnis oft erschreckend ähnlich aus wie tausend andere KI-Seiten: die gleichen Farbverläufe, dieselben Karten-Layouts, austauschbare Headlines. Um das zu verhindern, bekommt der Agent klare Design-Leitplanken, die sich direkt aus dem Briefing ableiten.
Je nach Positionierung, Angebot und Zielgruppe entscheidet sich der Agent für eine passende Designsprache, zum Beispiel dunkel und hochwertig oder hell und leicht, und leitet daraus Farben, Typografie und Gestaltungselemente ab. Auch Bewegung ist von Anfang an eingeplant. Möglich sind unter anderem:
- Scroll-Reveals
- Parallax-Effekte
- animierte Kennzahlen
- Hover-Interaktionen
- Glass-Panel-Effekte
- dezente Micro-Interactions
Das Ziel ist dabei nie, möglichst viele Effekte unterzubringen, sondern eine Seite zu erzeugen, die sich wie bewusst gestaltet anfühlt, statt wie aus der Vorlage gestanzt.
Sprache und Sicherheit: zwei Seiten derselben Medaille
Auch die Sprache wird konsequent aus dem Gespräch übernommen. Spricht der Kunde Deutsch, wird nicht nur der Haupttext eingedeutscht, sondern auch Buttons, Formulare, Navigation und alle kleinen Textbausteine drumherum. Das sorgt für ein durchgängig stimmiges Sprachbild auf der gesamten Seite.
Bei aller Automatisierung bleibt eine klare Grenze bestehen: Der Agent darf ausschließlich neue Seiten erstellen. Bestehende Websites löschen, verändern oder offline nehmen kann er nicht, und veröffentlichen darf er ebenfalls nichts eigenständig. Das Ergebnis bleibt immer ein Entwurf, den ein Mensch am Ende freigibt.
| Aufgabe | Klassischer Prozess | KI-gestützter Workflow |
|---|---|---|
| Briefing erstellen | manuell aus Notizen | automatisch aus Transkript |
| Copywriting | separater Auftrag | direkt im Workflow integriert |
| Seitenaufbau | manuell im Page Builder | automatisch durch KI-Agent |
| Veröffentlichung | durch Team | ausschließlich durch Mensch |
| Zeitaufwand | mehrere Stunden | wenige Minuten bis zur Prüfung |
Die technische Basis dahinter
Damit das Ganze reibungslos funktioniert, greifen mehrere spezialisierte Systeme ineinander. Eine Automatisierungsplattform steuert die gesamte Prozesslogik, eine Transkriptions-API liefert die Gesprächsdaten und stößt den Ablauf an, ein Sprachmodell erstellt zunächst das Briefing und steuert danach den Landingpage-Agenten, eine Schnittstelle zum Page Builder gibt der KI die nötigen Werkzeuge zum Bauen, und Slack hält das Team über Fehler und fertige Ergebnisse auf dem Laufenden.
Die eigentliche Stärke liegt dabei nicht in einem einzelnen besonders klugen Modell, sondern im Zusammenspiel aus Datenquelle, strukturierter Analyse, Agentenlogik, ausführenden Werkzeugen und menschlicher Freigabe am Ende.
Fazit: Weniger Reibungsverluste, mehr Zeit für Qualität
Aus einem einzigen Sales- oder Onboarding-Gespräch entsteht auf diese Weise automatisiert ein vollständiger Landingpage-Entwurf, ohne dass Informationen mehrfach zwischen Sales, Projektmanagement, Copywriting und Webdesign hin- und hergereicht werden müssen. Weil die KI direkt mit dem Originalgespräch arbeitet, in dem der Kunde sein Business mit eigenen Worten beschrieben hat, geht dabei auch deutlich weniger Kontext verloren.
Das spart nicht nur Stunden an manueller Arbeit, sondern verkürzt vor allem die Zeit zwischen Onboarding und sichtbarem Ergebnis erheblich. Statt Notizen aufzubereiten, Briefings zu schreiben und jeden Abschnitt einzeln im Page Builder anzulegen, öffnest du einfach den fertigen Entwurf, prüfst ihn und kümmerst dich um den letzten Feinschliff.
Probier es an deinem nächsten Kunden-Call gedanklich einmal durch: Wie viele Stunden Fulfillment-Arbeit stecken eigentlich schon im Gespräch selbst, du musst sie nur noch herausholen?
Ersetzt dieser Workflow Copywriter und Webdesigner komplett?
Nein, er übernimmt die repetitive Vorarbeit und liefert einen soliden ersten Entwurf, die finale Qualitätskontrolle und Feinjustierung bleibt weiterhin Aufgabe des Teams.
Was passiert, wenn das Transkript unvollständig ist?
Der Workflow prüft das vor der Generierung und bricht bei fehlenden Daten nicht einfach weiter, sondern informiert das Team automatisch über Slack.
Kann die KI versehentlich eine bestehende Website verändern oder löschen?
Nein, der Agent darf ausschließlich neue Seiten anlegen und hat keine Berechtigung, bestehende Websites zu löschen, zu verändern oder zu veröffentlichen.
Funktioniert der Prozess auch in anderen Sprachen als Deutsch?
Ja, die gesamte Seite inklusive Buttons, Navigation und Microcopy wird automatisch in der Sprache erstellt, die im ursprünglichen Gespräch verwendet wurde.
Sieht das Ergebnis nicht generisch aus, wie viele KI-generierte Seiten?
Genau das soll durch klare Design Guardrails verhindert werden, die visuelle Richtung, Farben und Bewegungselemente werden individuell aus dem jeweiligen Briefing abgeleitet.