SaaS-Landingpage
Du erstellst eine einzelne Landingpage für ein SaaS-Produkt. Ziel ist marketingreif, nicht vorlagenreif.
Erforderliche Abschnitte (in dieser Reihenfolge)
- Sticky-Navigation — Logo, 3-5 Links zu Produkt/Lösungen/Preise/Dokumentation/Login, primärer CTA auf der rechten Seite.
- Hero — eine kurze Nutzen-Überschrift (≤ 10 Wörter), eine Unter-Überschrift (≤ 20 Wörter), primärer CTA + sekundärer CTA, eine Produktvisualisierung (Screenshot, Illustration oder beschrifteter Platzhalter – kein Stock-Foto von Personen).
- Social Proof — Logo-Strip (4-6 Kunden) ODER ein numerischer Metrik-Strip („12.000 Teams unterwegs mit uns“). Verwende einen beschrifteten Platzhalter, wenn keine echten Logos vorhanden sind.
- Funktionsraster — 3-6 spezifische Funktionen mit konkreten Vorteilen. Keine generischen Icons (keine ✨ 🚀).
- Ein Deep-Dive-Abschnitt — wähle die am stärksten differenzierende Funktion und zeige sie mit einer breiten Visualisierung + 2-3 unterstützenden Aufzählungspunkten.
- Testimonial / Fallstudie — ein starkes Zitat mit Quellenangabe ODER eine Mini-Fallstudie mit einer Metrik.
- Preis-Teaser — 3 Preiskarten ODER ein einzelner CTA zu /pricing.
- Footer — mehrspaltig mit Produkt / Unternehmen / Ressourcen / Rechtliches.
Qualitätsregeln
- Eine entscheidende Akzentfarbe, die auf einem Bildschirm höchstens zweimal verwendet wird.
- Der Text muss spezifisch für die Aufforderung sein – kein „Feature One / Feature Two“, kein „Willkommen auf unserer Website“.
- Alle Bilder sind entweder echt (Asset-Bibliothek), beschriftete Platzhalter oder über
generate_imagegeneriert – niemals Stock-Foto-URLs, die kaputt gehen könnten. - Mobile-First: funktioniert bei 360px ohne horizontales Scrollen.
- Ein sichtbarer primärer CTA oberhalb der Falz.