Vom Klick zur Küche
Ein Landingpage-System, das Werbeklicks in Anfragen verwandelt – für jedes Möbelhaus, jeden Standort, jede Aktion.
Möbelhäuser werben auf Meta und im Prospekt für Küchenaktionen. Die Klicks kamen an, die Anfragen nicht: Mehr als die Hälfte der Besucher:innen sah die Landingpage nie, und keiner wusste genau, wie viele Leads es wirklich gab. Ich habe das System neu konzipiert, gestaltet und mit einem KI-Agenten umgesetzt. Nach 17 Tagen liefen fünf Kampagnen für sechs Kunden darauf – und eine neue Kampagne steht jetzt in einer Stunde statt an einem Tag.
- pro Kampagne, vorher ein Tag
- 1 Std.
- von der Analyse bis live
- 17 Tage
- Kunden migriert
- 6
- Cookie-Banner
- 0
01 — Ausgangslage
Die Werbung funktionierte. Die Seiten dahinter nicht.
Bevor ich etwas gestaltet habe, habe ich gezählt. Ich habe einen Monat Meta-Daten, Webanalyse und die tatsächlichen Leads aller Kampagnen nebeneinandergelegt. Das Bild war eindeutig: Die Anzeigen holten Klicks, aber auf dem Weg zur Seite und im Formular ging das meiste verloren.
Die Landingpages liefen in Webflow, jede Kampagne war ein Einzelstück. Leads landeten je nach Kampagnentyp in Airtable, per Make-Automatisierung direkt im Postfach des Kunden oder in einem Meta-Formular – es gab keinen Ort, an dem alle Anfragen zusammenkamen.
- 01Mehr als die Hälfte der Werbeklicks kam nie messbar auf der Seite an
- 02Das Meta-Pixel erfasste nur rund 80 % der echten Leads – Meta optimierte auf zu wenig Signale
- 03Leads verteilt auf drei Wege: Airtable, Mail, Meta-Formular
- 0483–92 % mobil, zwei Drittel im Facebook- und Instagram-Browser, oft ältere Zielgruppe
- 05Jede neue Aktion bedeutete eine neue Seite von Hand
02 — Exploration
Erst Wireframes, dann Varianten, dann Entscheidungen.
Aus den Daten habe ich zehn Personas nach Sinus-Milieus abgeleitet und den Seitenaufbau als Wireframe festgelegt – mobil zuerst, weil fast alle Besucher:innen am Handy kommen. Für jede Sektion habe ich in Figma mehrere Varianten gebaut und begründet verworfen: Die Collage war für ältere Kund:innen zu unruhig, das Siegel-Band weckte die Erwartung eines echten Gütesiegels, die Gutschein-Optik passt nur zu echten Gutscheinen.
03 — Prozess
Von der Datenanalyse zum Livegang in 17 Tagen.
Ich habe das Projekt so geschnitten, dass jede Woche etwas Sichtbares entstand – und Entscheidungen schriftlich festgehalten, damit Agentur, Kunden und der KI-Agent vom selben Stand ausgingen.
- 20.10.
Analyse
Meta, Webanalyse und Leads abgeglichen. KPI festgelegt: Kosten pro echtem Lead.
- 21.10.
Personas, Wireframe, Exploration
Seitenaufbau in 13 Sektionen, Varianten je Sektion, Design System in Figma.
- 21.10.
Statisches Template
Ein Baukasten für zwei Kampagnentypen: Küchentester und Sonder-Aktion.
- 23.10.
Directus-Anbindung
Kampagnen, Kunden, Standorte und Leads kommen aus einem CMS. Das Formular funktioniert auch ohne JavaScript.
- 29.10.
Standorte & Marken
Eine URL pro Standort, Bewertungen je Filiale, eigenes Logo und Favicon je Kunde.
- 07.11.
Livegang
Fünf Kampagnen von sechs Kunden aus Webflow umgezogen, Kurz-URLs und QR-Codes für Print.
- 12.11.
Meta Conversions API
Leads gehen serverseitig an Meta, ganz ohne Pixel.
04 — Lösung
Ein Baukasten statt Einzelstücke.
Fünf Entscheidungen machen aus einzelnen Landingpages ein System, das mit jeder Kampagne günstiger wird.
01Ein Template, zwei Kampagnentypen
Küchentester und Sonder-Aktion teilen sich alle Bausteine. Eine neue Aktion ist ein Datensatz in Directus, keine neue Seite.
02Jeder Standort seine eigene Seite
Ein URL-Parameter steuert Überschrift, Ansprechpartner, Öffnungszeiten, Telefon und Formular. Die Seite wird auf dem Server zusammengesetzt – kein Flackern, kein Springen.
03Ein Formular, das nicht überfordert
Der erste Schritt ist eine Frage mit Bildern: Welcher Küchenstil gefällt Ihnen? Ab dem ersten Antippen läuft alles in einem Dialog mit fester Fußleiste. Wer lieber telefoniert, findet die Nummer immer.
04Messen ohne Cookie-Banner
Umami zählt cookiefrei, Leads gehen serverseitig an Meta. Kein Banner zwischen Anzeige und Angebot – und trotzdem verlässliche Zahlen.
05Das Layout folgt dem Material
Fehlt einem Möbelhaus ein Foto, rendert automatisch die bildlose Variante. Die Kundenfarbe bekommt automatisch Schwarz oder Weiß als Textfarbe, je nachdem, was besser lesbar ist.
05 — Unter der Haube
Mobil zuerst, wirklich
Im Facebook-Browser auf 360 × 600 px muss der Hero in fünf Sekunden überzeugen. Kein Video, Bilder als AVIF, kaum JavaScript.
Barrierefrei nach WCAG 2.2 AA
Grundschrift 16 px, Touch-Ziele ab 44 px, Fokusführung im Formular-Dialog.
Rechtssicher gestaltet
Keine erfundene Knappheit (UWG), Bedingungstexte vom Haus freigegeben (PAngV), Datenschutzfragen geklärt, bevor etwas live geht.
Print zählt mit
Kurz-URLs und QR-Codes führen immer auf die laufende Aktion und tragen ihre Herkunft mit. Kein Prospekt muss neu gedruckt werden.
06 — Wirkung
Eine Quelle der Wahrheit.
Das System ist seit dem 07.11.2026 live. Für belastbare Ergebnisse ist es noch zu früh – aber zum ersten Mal sind alle Leads an einem Ort, und der Vergleich mit vorher ist sauber möglich.
- Statt eines Tages
- 1 Std.Kunde, Marken, Standorte, Landingpage, Meta-Anzeige und Creatives – eine komplette Kampagne
- Ziel
- −30 %Kosten pro Lead gegenüber der Webflow-Baseline
- Leads erfasst
- 100 %Jede Anfrage landet in Directus, egal über welchen Weg
- Template
- 1statt einer Webflow-Seite pro Aktion
- Cookie-Banner
- 0und trotzdem verlässliche Zahlen
* Ergebnisse aus den ersten Kampagnenwochen folgen.
07 — Vom Prospekt zur Anzeige
Die Anzeige gehört zur Landingpage.
Eine Landingpage ist nur so gut wie die Anzeige, die auf sie führt. Deshalb habe ich die Creative-Produktion mit KI automatisiert. Am Anfang stehen Briefing, Prospekt oder Figma-Layout, am Ende Videos und Statics für Meta, Google und YouTube – in Tagen statt Wochen. Mehr Varianten heißt mehr Tests, und mehr Tests heißen bessere Anzeigen.
- 01
Kundenwissen & Wettbewerb
Was gilt für dieses Haus, was machen die anderen?
- 02
Skript & Hooks
Mehrere Einstiege pro Video, Anzeigentexte gleich mit.
- 03
Layout aus Figma oder InDesign
Ebenen statt flacher Bilder.
- 04
Voice-Over & Animation
Ton und Bewegung auf den Takt geschnitten.
- 05
Ausspielung & Überwachung
Varianten an Meta, die Kampagne wird automatisch beobachtet.
Wesa Einrichtungshaus
Wohnen von A bis Z
Möno Einrichtungshaus
Hausmesse
Möbelzentrum Großräschen
Küchen-Personalkauftage
Seidel Wohnwelt
Abverkauf wegen Umbau
08 — Als Nächstes
WhatsApp-Chatbot
In Entwicklung und im Test: Wer lieber schreibt als ein Formular ausfüllt, landet bei einem Chatbot auf Basis von n8n und Claude. Er beantwortet Fragen zur Aktion und nimmt Anfragen auch nach Ladenschluss an. Kommt demnächst auf die Landingpages.
„Der größte Hebel war nicht das Design, sondern das Zählen. Erst als alle Leads an einem Ort lagen, wussten wir, was wir verbessern müssen.“
09 — Meine Rolle
Mehr als Gestaltung.
Ich habe das Projekt von der Analyse bis zum Livegang verantwortet. Konkret:
- Daten ausgewertet, KPI definiert und das Konzept mit der Agenturleitung abgestimmt
- Personas, Wireframes und Design System in Figma erstellt
- Briefings und Entscheidungsdokumente geschrieben, nach denen ein KI-Agent den Code umgesetzt hat
- Rechtliche Fragen zu UWG, PAngV und Datenschutz aufgeworfen und geklärt, bevor sie zum Problem wurden
- Sechs Kunden mit allen Standorten migriert und offene Punkte mit den Häusern geklärt
- Den gesamten Kundenstamm der Agentur in allen Online-Themen betreut – alleine
10 — Learnings
Was ich mitnehme.
Mit KI-Agenten zu arbeiten verschiebt die Arbeit: weniger tippen, mehr entscheiden, aufschreiben und prüfen.
- 01
Erst messen, dann gestalten
Der Datenabgleich hat gezeigt, wo wirklich Leads verloren gehen.
- 02
Entscheidungen aufschreiben
Ein gutes Entscheidungsdokument ist das beste Briefing – für Menschen und für KI.
- 03
KI-Agenten führen
Klare Regeln, kleine Schritte, jede Änderung prüfen.
- 04
Datenschutz als Feature
Kein Cookie-Banner ist schneller, freundlicher und am Ende besser messbar.
- 05
Für die echte Zielgruppe gestalten
Ältere Nutzer:innen im Facebook-Browser, nicht das MacBook im Büro.
- 06
Ein System statt Einzelstücke
Jede Kampagne macht das System besser statt teurer.
Vom Einzelstück zum System.
Aus einer Sammlung einzelner Webflow-Seiten wurde ein Baukasten, der mit jeder Kampagne besser wird – und zum ersten Mal ehrlich zeigt, was die Werbung bringt.