Communitygithub.com

miketromba/skills

Erstelle hochkonvertierende SaaS-Marketing-Websites und Landing Pages. Verwende dies beim Bau von Marketing-Seiten, Landing Pages oder Homepage-Texten für Software-Produkte. Wird ausgelöst bei Anfragen zu SaaS-Websites, Startup-Landingpages, Produkt-Marketing-Seiten, konversionsoptimierten Texten oder B2B-Software-Marketing.

Was ist skills?

Diese Fähigkeit (Skill) bietet eine umfassende, strukturierte Anleitung zur Erstellung von überzeugenden und konversionsstarken SaaS-Website-Texten, die auf einzelne Nutzer wie Prosumer, Entwickler, Vermarkter oder kleine Unternehmen abzielen. Sie basiert auf einem systematischen Entdeckungsprozess, der sicherstellt, dass alle wichtigen Informationen – von Produktdetails über Schmerzpunkte bis hin zu sozialen Beweisen – erfasst werden, bevor der eigentliche Text erstellt wird. Die Anleitung beschreibt detailliert den Aufbau einer Homepage, von der Hero-Sektion über Problem- und Lösungsbeschreibungen bis hin zu Call-to-Actions, und gibt fundierte Richtlinien für Tonfall, Lesbarkeit und emotionale Ansprache. Sie enthält auch Best Practices für Vertrauenssignale, Design und die Optimierung von CTAs, um maximale Konversionsraten zu erzielen. Dieser Skill ist besonders nützlich für Entwickler, die KI-Assistenten wie Claude Code, Cursor oder Codex verwenden, um schnell professionelle Marketingtexte zu generieren, die auf die spezifischen Bedürfnisse ihrer Zielgruppe zugeschnitten sind.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/miketromba/skills/tree/HEAD/skills/saas-website-copy

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

SaaS-Website-Texte

Erstelle hochkonvertierende SaaS-Marketing-Websites, die auf einzelne Nutzer (Prosumer, Entwickler, Vermarkter, KMU) abzielen.

Entdeckungsprozess

Bevor du Website-Texte erstellst, sammle die folgenden Informationen. Falls etwas fehlt, frage den Nutzer in einem beratenden Hin und Her, bis alle erforderlichen Informationen gesammelt sind.

Erforderliche Informationen

  1. Produktgrundlagen

    • Produktname
    • Was das Produkt tut (ein Satz)
    • Produktkategorie (z.B. „Projektmanagement-Tool“, „CRM“, „Analyseplattform“)
  2. Zielnutzer

    • Wer ist der ideale Nutzer? (Rolle, Branche, Unternehmensgröße)
    • Was versuchen sie zu erreichen? (Zeit sparen, Kosten senken, ihr Team beeindrucken usw.)
  3. Schmerzpunkte (mindestens 3)

    • Welche spezifischen Probleme löst dieses Produkt?
    • Welche Frustrationen erlebt der Nutzer derzeit?
    • Welche emotionalen Auswirkungen haben diese Probleme?
  4. Einzigartiges Wertversprechen

    • Was unterscheidet dieses Produkt von Alternativen?
    • Warum sollte jemand dieses Produkt gegenüber Mitbewerbern wählen?
  5. Hauptfunktionen/Fähigkeiten (3–5 der wichtigsten)

    • Was macht das Produkt?
    • Welches Ergebnis liefert jede Funktion?
  6. Soziale Beweise (falls verfügbar)

    • Kundenlogos
    • Testimonials mit konkreten Ergebnissen
    • Nutzungsstatistiken
    • Auszeichnungen, Zertifizierungen, Bewertungen
  7. CTA-Ziel

    • Welche Aktion sollen Besucher durchführen? (Kostenlose Testversion starten, Demo buchen, anmelden usw.)
    • Gibt es Risikominimierer? (Keine Kreditkarte, kostenloser Tarif, Geld-zurück-Garantie)

Entdeckungsfragen

Falls Informationen fehlen, stelle Fragen wie:

  • „Welches Problem löst [Produkt] für Ihre Nutzer?“
  • „Wer ist Ihr idealer Kunde – welche Rolle hat er und was versucht er zu erreichen?“
  • „Was unterscheidet Ihr Produkt von Alternativen, die sie in Betracht ziehen könnten?“
  • „Was sind 3–5 Hauptfunktionen und welches Ergebnis liefert jede für den Nutzer?“
  • „Haben Sie Kundenstimmen, Logos oder Nutzungsstatistiken, die wir einbinden können?“
  • „Welche Aktion sollen Besucher durchführen – kostenlose Testversion, Demo oder etwas anderes?“

Setze die Informationssammlung fort, bis du genug hast, um überzeugende, spezifische Texte zu schreiben.

Kernprinzipien

  1. Sprich mit einer Person – Verwende durchgehend „du/dein“. Sprich individuelle Schmerzpunkte an, nicht unternehmensweite Probleme. Nur 27 % der SaaS-Überschriften verwenden „du/dein“ – mach diesen Fehler nicht.
  2. Vorteile statt Funktionen – Verknüpfe Funktionen immer mit Ergebnissen: „Echtzeit-Benachrichtigungen → nie wieder ein wichtiges Update verpassen“
  3. Schreibe gesprächig – Klinge, als würdest du es einem Freund erklären, nicht wie eine Firmenbroschüre.
  4. Zeige, erzähle nicht nur – Verwende Produktscreenshots anstelle von Stockfotos; belege Behauptungen mit konkreten Angaben.

Homepage-Struktur

Folge dieser Abschnittsreihenfolge für einen optimalen Konversionsfluss:

1. Hero-Bereich

  • Überschrift: 5–8 Wörter, nutzenorientiert, konkret (keine vage Angeberei)
    • Gut: „Organisiere die Projekte deines Teams an einem Ort“
    • Schlecht: „Zusammenarbeit neu definieren“
  • Unterüberschrift: Füge Spezifität hinzu – Zielnutzer, gelöstes Problem, wichtigstes Ergebnis. Beantworte „Was ist das und warum sollte es mich interessieren?“
  • Visuelles: Produktscreenshot oder Mockup (40 % der SaaS-Seiten verwenden Screenshots im Hero-Bereich). Manche Seiten verwenden kein Hero-Bild (25 %), um fokussiert und schnell ladend zu bleiben.
  • Primärer CTA: Ein einzelner prominenter Button („Kostenlose Testversion starten“, „Jetzt starten“)

2. Sozialer Beweis Nr. 1 (Logos)

  • 5–8 erkennbare Kunden-/Partnerlogos (kein überladenes Collage)
  • Konzentriere dich auf Logos, die deine Zielgruppe kennt oder anstrebt.
  • Bildunterschrift: „Vertrauenswürdig bei X+ [Zielgruppen]-Teams“ oder „[Unternehmen] hilft [Branche], [Ergebnis] zu erreichen“
  • Überspringe diesen Abschnitt, wenn noch keine Logos verfügbar sind.

3. Problemabschnitt

  • Liste 3 Schmerzpunkte auf, die deine Zielgruppe hat.
  • Verwende eindringliche, emotionale Sprache, um Frustration zu beschreiben.
  • Beispiel: „Die Verwaltung von Projekten per E-Mail führt dazu, dass Aufgaben durchs Raster fallen.“
  • Gehe auf die emotionale Auswirkung ein: „Es ist stressig, den Überblick zu behalten.“
  • Ziel: Der Leser denkt „Ja, genau das ist mein Problem!“

4. Lösungseinführung

  • Kurzer Übergang, der das Produkt mit den obigen Schmerzpunkten verbindet.
  • 1–2 Sätze: „Lerne [Produkt] kennen – ein [Kategorie], der/die [spezifischen Schmerzpunkt löst]“
  • Erwähne die Produktkategorie, um zu klären, was es ist, aber rahme es um die Lösung des Schmerzpunkts.
  • Halte es prägnant, übertreibe nicht.

5. Lösungsdetails (Funktionen)

  • 3–5 Hauptfähigkeiten, priorisiert nach Wirkung (zuerst die attraktivste)
  • Führe jede mit einer ergebnisorientierten Unterüberschrift ein.
  • Ziehe einen „alter Weg vs. neuer Weg“-Kontrast in Betracht: „Hör auf, X manuell zu machen – ProduktX automatisiert es“
  • Halte es überfliegbar – kurze Abschnitte, Symbole/Screenshots daneben.
  • Bei komplexen Produkten: Füge ein kurzes Erklärvideo, GIF oder eine Animation ein.
  • Tiefere Informationen können auf separaten Seiten oder in der FAQ leben – hier nur den Haken setzen.

6. Sozialer Beweis Nr. 2 (Testimonials)

  • Konkrete, ergebnisorientierte Zitate: „Projektlaufzeiten um 25 % verkürzt“
  • Enthalte: vollständigen Namen, Foto, Titel, Unternehmen (anonyme Zitate fehlt Glaubwürdigkeit)
  • Echte Details > generisches Lob
  • Zitat: „Wenn du es sagst, ist es Marketing. Wenn dein Kunde es sagt, ist es sozialer Beweis.“
  • Überspringe diesen Abschnitt, wenn noch keine Testimonials verfügbar sind.

7. Ergebnisabschnitt (optional)

  • Quantifizierte Ergebnisse: „3-facher Anstieg des Lead-Volumens innerhalb von 3 Monaten“
  • Verwende realistische, konkrete Zahlen (vermeide „1000 % Verbesserung“)
  • Falls keine kundenspezifischen Daten vorhanden sind, verwende Aggregate: „Jede Woche werden über 5.000 Aufgaben erledigt“
  • Überspringe diesen Abschnitt, wenn keine aussagekräftigen Daten verfügbar sind.

8. Finaler CTA

  • Betone das Wertversprechen im Schlusssatz erneut: „Bereit, deinen Workflow zu optimieren?“
  • Einzelner prominenter CTA-Button mit Aktions- + Nutzentext
  • Risikominimierungs-Hinweis: „Keine Kreditkarte erforderlich“ oder „Kostenloser Tarif für immer“

Optionale Ergänzungen

  • Funktionsweise-Abschnitt mit Bildern/Diagrammen
  • FAQ zur Beantwortung häufiger Fragen/Einwände

Copywriting-Richtlinien

Überschriften

  • Gib an, was das Produkt für den Nutzer tut, nicht, was es ist.
  • Konzentriere dich auf die Bedürfnisse und Ergebnisse des Kunden, nicht auf dein Unternehmen.

Tonfall

  • Gesprächig, warm, menschlich – ein Unterscheidungsmerkmal im B2B-Bereich.
  • Vermeide Fachjargon – verwende Begriffe, die deine Zielgruppe tatsächlich nutzt.

Überfliegbarkeit

  • Kurze Sätze und Absätze (2–3 Sätze pro Absatz)
  • Strukturiere mit Unterüberschriften, Aufzählungspunkten, Symbolen
  • Besucher überfliegen – Kernbotschaften, Vorteile und CTAs müssen auf einen Blick hervorstechen.
  • Klarheit schlägt Cleverness.

Emotionale Auslöser

  • Erkenne Frustration in Problemabschnitten an: „Verpasste Deadlines sind stressig und können dein Team entmutigen.“
  • Male positive Ergebnisse aus: Erleichterung, Selbstvertrauen, Seelenfrieden.
  • Verwende starke Worte: „mühelos“, „frustrationsfrei“, „sicher“, „herrlich“
  • Kaufentscheidungen werden von Gefühlen getrieben und dann durch Logik gerechtfertigt.

Behauptungen

  • Mache vernünftige Versprechen, die du einhalten kannst.
  • „Ergebnisse in Tagen statt Wochen“ > „Verdreifache deinen Umsatz garantiert“
  • Übertriebene Behauptungen schlagen fehl – Nutzer glauben ihnen nicht oder werden enttäuscht.

Vertrauenssignale (über Logos/Testimonials hinaus)

Füge hinzu, falls verfügbar:

  • Nutzungsstatistiken: „100.000 Nutzer“ oder „20 Millionen synchronisierte Dateien“
  • Bewertungsplattform-Bewertungen: G2-, Trustpilot-, Capterra-Abzeichen mit Sternenbewertungen
  • Auszeichnungen/Anerkennungen: Branchenauszeichnungen, „Best of“-Listen
  • Sicherheitsabzeichen: SOC2-zertifiziert, DSGVO-konform (bei sensiblen Daten)

Designprinzipien

  • Minimiere Ablenkungen: 91 % der erfolgreichen SaaS-Landingpages haben keine obere Navigation; 73 % haben einen einzigen primären CTA.
  • Mobile First: Die Mehrheit der Besuche erfolgt mobil – stelle sicher, dass CTAs auf kleinen Bildschirmen prominent sind.
  • Geschwindigkeit zählt: Komprimiere Bilder, minimiere Skripte – jede Sekunde Verzögerung kostet Konversionen.
  • Visuelle Hierarchie: Führe das Auge durch die Erzählung – Überschriften größer, Abschnitte fließen logisch, CTA sticht hervor.
  • Weißraum: Saubere, aufgeräumte Layouts machen Inhalte zugänglich.
  • Einheitliche Ästhetik: Markenfarben, lesbare Schriftarten, logische Abstände; CTA in kontrastreicher Hervorhebungsfarbe.
  • Authentische Bilder: Produktscreenshots, Diagramme – vermeide klischeehafte Stockfotos.

CTA-Best Practices

  • Aktions- + Nutzentext: „Meine kostenlose Testversion starten“, „Demo buchen“, „Jetzt starten – Kostenlos“
  • Kontrastfarbe, die hervorsticht.
  • Falls ein sekundärer CTA benötigt wird (z.B. „Videodemo ansehen“), gestalte ihn weniger prominent.
  • Wiederhole den primären CTA am unteren Seitenende.
  • Ein Ziel pro Seite – mehrere gleichwertige CTAs verwirren Besucher.

Verwandte Skills