Wir haben die Landingpage eines 12-köpfigen ungarischen B2B-SaaS-Startups mit Next.js, statischer Generierung, hreflang HU/EN und PostHog-A/B-Tests neu aufgebaut. Die Free-Trial-Conversion stieg in 6 Wochen von 2,1 % auf 3,4 %.
Hintergrund
Der Kunde ist ein 12-köpfiges B2B-SaaS-Startup, ein IT-Management-Workflow-Tool für den ungarischen und englischsprachigen Markt. Das Produkt ist ausgereift, der Vertrieb hat über 200 Kunden gewonnen, aber der Self-Service-Free-Trial-Flow blieb hinter den Erwartungen zurück.
Die bestehende Landingpage lief auf WordPress: 6,2 Sekunden mobiles LCP, Lighthouse-Wert 38 mobil. hreflang war nicht eingerichtet; die EN-Seite duplizierte die HU-Seite, und Suchmaschinen sahen das. Die Free-Trial-Conversion lag bei 2,1 % (Registrierung / Landingpage-Besucher), während der Vertrieb 3–4 % für realistisch hielt.
Herausforderung
Es war nicht nur ein technisches Problem. Der Landingpage-Text und die visuelle Struktur wirkten abgenutzt: eine Feature-Auflistung, 4–5 generische Testimonials und ein starrer CTA-Stil. Die CMO hatte interne A/B-Tests versucht, aber die WordPress-Plattform machte es nicht einfach.
Ein entscheidender Scope-Punkt: Der Vertrieb konnte während der 8-wöchigen Komplettumgestaltung nicht pausieren. Die Lead-Generierung musste durchgehend weiterlaufen. Deshalb lief das Redesign parallel zur bestehenden Seite, mit Umschaltung erst am letzten Tag.
Vorgehen
Wir führten zwei Stränge: 1) Next.js-Redesign auf dem Headless-CMS Sanity, sodass die CMO Inhalte direkt bearbeiten konnte. 2) Aufbau der PostHog-A/B-Test-Infrastruktur, damit Iterationen nach dem Launch schnell möglich wären.
Der Umfang schloss bewusst nicht die gesamte Website ein — nur Landingpage, Preise, Registrierungsflow und 3 Produkt-Feature-Seiten. Der Blog (40+ Artikel) blieb unter einer Subdomain auf WordPress, mit sauber eingerichtetem hreflang und interner Verlinkung. Das sparte 6 Wochen Arbeit.
Lösung
Die Next.js-Landingpage nutzt den App Router mit einer Mischung aus RSC- und Client-Komponenten. Text- und visuelle Inhalte liegen in Sanity; die CMO bearbeitet mit Echtzeit-Vorschau. Die Free-Trial-Registrierung ist ein 3-stufiger Flow (Konto, Unternehmen, Passwort) mit Inline-Validierung und Fortschrittsanzeige.
Die PostHog-Feature-Flags testen in 4 Dimensionen: Hero-Überschrift (3 Varianten), Hero-CTA-Text (2 Varianten), Preisdarstellung (monatlich standardmäßig / jährlich standardmäßig), Social Proof (Logo-Wand / Testimonial-Raster). Die vollständige Matrix umfasst 24 Kombinationen, der initiale Rollout lief jedoch mit 4 Haupt-Variantengruppen, um aussagekräftige Stichproben zu erhalten.
Technische Entscheidungen
Wir haben uns für Sanity gegenüber Strapi oder Contentful entschieden, weil die CMO die Echtzeit-Vorschau bevorzugte und die ungarische Lokalisierung nativ unterstützt wird. WordPress + WPGraphQL war eine Option, aber die CMO wollte auf eine neue Infrastruktur umsteigen.
Wir bevorzugten PostHog gegenüber Mixpanel und Amplitude: Ein öffentlicher EU-Host ist verfügbar, die DSGVO-Konformität ist einfacher, und Feature-Flags sowie Session-Replay liegen auf einer Plattform. Plausible Analytics lief parallel für datenschutzfreundliches Pageview-Tracking (an das das Vertriebsteam gewöhnt war).
Stolpersteine
Erste Hürde: die hreflang-Bereinigung für die bestehenden 40+ Blogartikel. Die ursprüngliche WordPress-URL-Struktur vermischte HU und EN (z. B. zeigten /en/blog/post-1 und /blog/post-1-en auf denselben Inhalt). Wir bauten eine 301-Redirect-Matrix, aber einige externe Links lieferten 6 Wochen lang einen 404-Fehler.
Zweitens: die Stichprobengröße für den A/B-Test. Die Free-Trial-Conversion war niedrig (2,1 %), sodass das Erreichen statistischer Signifikanz 2–3 Wochen Traffic pro Variantenpaar erforderte. Frustrierend für die CMO, aber wir hielten an der Regel fest: Die Variantenzahl erst erweitern, wenn der erste Satz abgeschlossen ist.
Drittens: die Abstimmung von Sanity-Inhalten mit der statischen Next.js-Generierung. CMO-Bearbeitung → ISR-Webhook → neuer Build-Trigger. Die Latenz betrug 30–60 Sekunden, was für das „Vorschau“-Erlebnis zu langsam wirkte. Wir fügten einen reinen Entwurfs-Vorschaumodus hinzu, der in Echtzeit auf der Vercel-Vorschau läuft; die Produktion baut nur bei einem Commit neu.
Ergebnisse
Nach 8 Wochen stieg die Free-Trial-Conversion von 2,1 % auf 3,4 % (PostHog-Daten, statistisch signifikant). Die drei gewinnenden Varianten: 1) Hero-Überschrift „IT-Betriebs-Automatisierung“ → „Ersetzen Sie Ihre IT-Excel-Tabellen“ — +0,6 Prozentpunkte. 2) Preisstandard monatlich → jährlich — +0,4 Prozentpunkte. 3) Social Proof: Logo-Wand → 3 Testimonial-Karten mit konkreten Zahlen — +0,3 Prozentpunkte.
Der mobile Lighthouse-Score stieg von 38 auf 94; das LCP sank von 6,2 s auf 1,6 s. Der organische Suchtraffic wuchs in 3 Monaten um 32 % (Search Console), besonders bei Long-Tail-Suchanfragen zu „IT-Betriebs-Automatisierung“. Der Sanity-Bearbeitungs-Workflow: Ursprünglich veröffentlichte die CMO alle 1–2 Wochen; jetzt entstehen 3–4 neue Landingpage-Varianten pro Woche.
Stack
Früher wurde das Landingpage-Redesign als große Gesamtumstellung geplant. Jetzt führen wir wöchentliche A/B-Tests durch und können jede Iteration mit Zahlen belegen. Das ist ein anderes Betriebsmodell.
CMO — B2B SaaS
Das Zitat steht stellvertretend für typisches Kundenfeedback; es handelt sich nicht um ein wörtliches Zitat.
Weitere
Wir haben die manuelle Lead-Bearbeitung und die E-Mail-basierten Kundenprozesse durch einen Next.js-Webshop auf einem WooCommerce-Katalog und einen n8n + OpenAI Lead-Klassifikator ersetzt. Der Vertrieb gewann pro Person täglich 30–40 Minuten Verwaltungszeit zurück.
Details lesenEin RAG-Chatbot mit pgvector und OpenAI GPT-4o, integriert in einen bestehenden Shopify-Storefront. 38 % der Support-Tickets schließen sich automatisch; die Kundenzufriedenheit sank nicht.
Details lesenDie Case Studies basieren auf realen Projekten und wurden auf Wunsch unserer Kunden anonymisiert. Die Zahlen sind Näherungswerte; konkrete Geschäftsdaten bleiben vertraulich.