Die meisten SaaS-Landing-Pages werden gebaut, um im Portfolio zu beeindrucken. Sie haben dramatische Hero-Animationen, Vollbild-Videos und genug Micro-Interactions, um einen Designpreis zu gewinnen. Sie konvertieren nicht.
Die Seiten, die konvertieren, wirken ruhiger. Sie sind schneller, aufgeräumter und kompromisslos darauf ausgerichtet, eine einzige Frage zu beantworten: Warum sollte mich das interessieren, und was tue ich als Nächstes?
Das haben wir aus dem Bau und der Optimierung Dutzender SaaS-Marketingseiten gelernt.
Ihr Besucher fällt sein Urteil in etwa 3 Sekunden. Er liest nicht – er sucht nach Signalen. Der Bereich above the fold hat genau eine Aufgabe: ihn zum Scrollen zu bringen.
Die drei Elemente, die diese Aufgabe erfüllen:
1. Eine Aussage, die das Ergebnis benennt, nicht die Funktion.
Schlecht: „KI-gestütztes Projektmanagement für moderne Teams“
Gut: „Liefern Sie Produkte doppelt so schnell aus – ohne die wöchentlichen Stand-ups“
Die erste beschreibt, was Ihr Produkt ist. Die zweite beschreibt, was der Nutzer bekommt. Funktionen sind Grundvoraussetzung; Ergebnisse sind der Grund, warum Menschen kaufen.
2. Ein Beleg, dass die Aussage keine Fiktion ist.
Social Proof above the fold erhöht die Scrollrate deutlich. Gemeint sind keine Kundenlogos (die heben Sie sich für weiter unten auf), sondern eine einzige konkrete Zahl oder ein kurzes Zitat von einem bekannten Namen.
„Genutzt von 3.200 Produktteams“ – konkret, glaubwürdig, in zwei Sekunden gelesen.
3. Ein CTA. Nicht zwei. Einer.
„Kostenlos testen“ und „Demo buchen“ in derselben Button-Reihe teilen die Aufmerksamkeit und signalisieren, dass Sie nicht wissen, wer Ihr Käufer ist. Wählen Sie Ihre primäre Conversion-Aktion. Platzieren Sie sie im Hero. Setzen Sie die sekundäre Option in die Navigation oder den Preisbereich, wo sie hingehört.
Social Proof wirkt an verschiedenen Stellen der Seite unterschiedlich. Falsch eingesetzt schadet er genauso wie gar nicht eingesetzt.
Above the fold: nur aggregierte Zahlen. „4,8/5 auf G2 aus 800 Bewertungen.“ Einzelne Namen sind hier noch nicht nötig – der Besucher kennt Ihre Kunden nicht.
Nach dem zentralen Wertversprechen (erster Scroll): Logos. Firmenlogos bekannter Namen. Keine Wand aus 30 – fünf oder sechs. Qualität vor Quantität; ein Stripe-Logo ist mehr wert als zwanzig unbekannte KMU.
Nach dem Funktionsbereich: konkrete Testimonials echter Menschen, mit Fotos, Positionen und Unternehmen. Jetzt weiß der Besucher, was Ihr Produkt tut, und muss glauben, dass es funktioniert. Jane Smith, Head of Product bei Lattice hat Gewicht. „J. S., Product Manager“ hat keines.
In der Nähe der Preise: ROI-orientierte Zitate. „Wir haben unsere Sprint-Planung von 3 Stunden auf 45 Minuten verkürzt.“ Das Testimonial bei den Preisen sollte den Einwand beantworten, den der Besucher genau in diesem Moment hat: Ist es das Geld wert?
Ihre Funktionsliste ist nicht Ihr Wertversprechen. Niemand kauft Funktionen.
| Funktionsorientiert | Nutzenorientiert |
|---|---|
| „Echtzeit-Zusammenarbeit“ | „Ihr Team sieht Änderungen, während sie passieren – keine Slack-Threads mehr mit der Frage ‚Welche Version?‘“ |
| „Erweitertes Analytics-Dashboard“ | „Wissen Sie, welche Funktionen Nutzer tatsächlich verwenden – noch vor Ihrer nächsten Sprint-Planung“ |
| „Rollenbasierte Zugriffskontrolle“ | „Binden Sie einen Freelancer ein, ohne sich Sorgen machen zu müssen, was er sehen kann“ |
Der Test: Lesen Sie jede Funktionsbeschreibung laut vor. Wenn Sie den Satz nicht mit „das heißt, Sie können …“ beenden können, ist es noch eine Funktion, kein Nutzen.
Button-Text ist keine Branding-Übung. Er ist eine Mikro-Verpflichtung. Jedes zusätzliche Wort erzeugt Reibung.
Die CTA-Formate mit der besten Conversion:
Was nicht funktioniert: „Mehr erfahren“, „Entdecken“, „Erkunden“. Das sind keine Handlungsaufforderungen. Das sind Ausgänge.
Eine Verzögerung von 1 Sekunde beim Laden einer mobilen Seite senkt die Conversions laut Googles Daten aus Studien im Einzelhandel um 20 %. Bei SaaS ist der Effekt kleiner, aber immer noch messbar.
Die praktischen Lösungen für die meisten SaaS-Landing-Pages:
Bilder. Liefern Sie WebP oder AVIF aus, nicht PNG oder JPEG. Nutzen Sie srcset mit passenden Größen. Setzen Sie nie einen unoptimierten Screenshot in den Hero – ein 4-MB-PNG im meistgesehenen Bereich Ihrer Website ist ein Conversion-Killer.
Schriften. Verwenden Sie font-display: swap. Laden Sie Ihre zwei wichtigsten Schriften per Preload vor. Jeder weitere Schriftschnitt ist vermutlich überflüssig.
Skripte von Drittanbietern. Analytics, Chat-Widgets und A/B-Testing-Tools sind oft die größten LCP-Verursacher. Laden Sie sie asynchron, verzögern Sie alles Unkritische und prüfen Sie, was auf der Seite tatsächlich ausgeführt wird.
Hero-Video. Wenn Sie ein automatisch startendes Video im Hero haben, ersetzen Sie es durch ein statisches Bild, das auf eine Loom- oder YouTube-Einbettung verlinkt. Videos verlängern den LCP bei mobilen Verbindungen um 2–5 Sekunden.
Das Ziel: LCP unter 2,5 Sekunden bei einer mobilen 4G-Verbindung. Testen Sie mit PageSpeed Insights bei aktivierter mobiler Drosselung.
Wir haben letztes Jahr die Landing Page eines B2B-Workflow-Tools überarbeitet. Die Änderungen waren chirurgisch:
Der LCP sank von 4,2 s auf 1,6 s. Die Conversion-Rate von der Landing Page zur Testanmeldung stieg innerhalb von 30 Tagen um 34 %. Kein Design-Relaunch. Keine neuen Funktionen. Nur Positionierung und Performance.
Auf jeder SaaS-Seite mit hoher Conversion, die wir analysiert haben, tauchen dieselben strukturellen Entscheidungen auf:
Eine Landing Page verstärkt, was bereits funktioniert. Wenn Ihre Positionierung unklar ist, rettet sie auch eine schöne Seite nicht. Wenn das Onboarding Ihrer kostenlosen Testphase nicht funktioniert, verlieren Sie die Conversion, die Sie oben im Funnel gewinnen, bei der Aktivierung wieder.
Die Landing Page ist die Brücke zwischen Interesse und Handlung. Bauen Sie sie gut – und reparieren Sie dann, was auf der anderen Seite der Brücke liegt.
Sie bauen oder überarbeiten eine SaaS-Landing-Page? Sprechen Sie uns an – wir analysieren Ihre aktuelle Seite und sagen Ihnen, was Sie Conversions kostet.
Wir nehmen jeden Quartal eine begrenzte Anzahl von Projekten an. Erzählen Sie uns, was Sie bauen.
Typografie-Hierarchie, zu viele Stockfotos, inkonsistente Farben, fehlende Vertrauenssignale: acht konkrete Gründe, warum Startup-Websites billig wirken, und wie Sie jeden davon ohne kompletten Neubau beheben.
Klare Beschreibungen von 11 UI-Mustern für SaaS-Dashboards: Empty States, KPI-Karten, Tabellen vs. Karten, Filter, Benachrichtigungen, Ladezustände und Datenexport.
