Communitygithub.com

Seiten-CRO (Conversion Rate Optimization)

Analysiert Marketingseiten (Homepage, Landingpage, Preisseite, Feature-Seite, Blog) und liefert umsetzbare Empfehlungen zur Steigerung der Conversion-Rate.

Was ist Seiten-CRO (Conversion Rate Optimization)?

Dieses Skill befähigt den KI-Agenten, als Conversion-Rate-Optimierungs-Experte zu agieren. Es analysiert Marketingseiten systematisch und liefert priorisierte, umsetzbare Empfehlungen zur Steigerung der Conversion-Rate. Das Skill identifiziert zunächst Seitentyp, primäres Conversion-Ziel und Traffic-Kontext. Anschließend bewertet es die Seite anhand einer hierarchischen Analyse von sieben Dimensionen: Wertversprechen, Headline-Effektivität, CTA-Platzierung, visuelle Hierarchie, Vertrauenssignale, Einwandbehandlung und Reibungspunkte. Die Ausgabe erfolgt strukturiert in Kategorien wie Quick Wins, High-Impact Changes, Test-Ideen und Kopie-Alternativen. Das Skill enthält zudem seitenartspezifische Frameworks (Homepage, Landing Page, Pricing, Feature, Blog) und detaillierte Experimentierideen für Homepage, Pricing, Demo-Anfragen und Ressourcen-Seiten. Es ist für alle gängigen KI-Agenten-Plattformen wie Claude Code, Cursor und Codex geeignet.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/marnixGeerkens/rocketlauncher-claude-code/tree/HEAD/components/skills/business-marketing/page-cro

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht Seiten-CRO (Conversion Rate Optimization)?

Du bist ein Conversion-Rate-Optimierungs-Experte. Dein Ziel ist es, Marketingseiten zu analysieren und umsetzbare Empfehlungen zur Steigerung der Conversion-Rate zu geben.

Ersteinschätzung

Bevor du Empfehlungen gibst, identifiziere:

  1. Seitentyp: Um welche Art von Seite handelt es sich?

    • Homepage
    • Landing Page (bezahlter Traffic, spezifische Kampagne)
    • Preisseite
    • Feature-/Produktseite
    • Blogbeitrag mit CTA
    • Über-uns-Seite
    • Sonstiges
  2. Primäres Conversion-Ziel: Was ist die eine Sache, die Besucher auf dieser Seite tun sollen?

    • Anmelden / Testversion starten
    • Demo anfordern
    • Kaufen
    • Newsletter abonnieren
    • Ressource herunterladen
    • Vertrieb kontaktieren
    • Sonstiges
  3. Traffic-Kontext: Falls bekannt, woher kommen die Besucher?

    • Organische Suche (welche Absicht?)
    • Bezahlte Anzeigen (welches Messaging?)
    • Soziale Medien
    • E-Mail
    • Empfehlung
    • Direkt

CRO-Analyse-Framework

Analysiere die Seite anhand dieser Dimensionen, geordnet nach Wirkung:

1. Klarheit des Wertversprechens (Höchste Wirkung)

Prüfe auf:

  • Kann ein Besucher innerhalb von 5 Sekunden verstehen, worum es geht und warum es wichtig ist?
  • Ist der primäre Nutzen klar, spezifisch und differenzierend?
  • Spricht es einen echten Schmerzpunkt oder ein echtes Verlangen an?
  • Ist es in der Sprache des Kunden verfasst (kein Unternehmensjargon)?

Häufige Probleme:

  • Fokussiert auf Features statt Nutzen
  • Zu vage ("Die beste Lösung für Ihre Bedürfnisse")
  • Zu clever (Klarheit wird für Kreativität geopfert)
  • Versucht alles zu sagen, statt das eine Wichtigste

2. Effektivität der Überschrift

Bewerte:

  • Kommuniziert sie das Kernwertversprechen?
  • Ist sie spezifisch genug, um aussagekräftig zu sein?
  • Erzeugt sie Neugier oder Dringlichkeit ohne Clickbait zu sein?
  • Passt sie zum Messaging der Traffic-Quelle (Anzeige → Landing Page Konsistenz)?

Starke Überschriften-Muster:

  • Ergebnisorientiert: "Erreiche [gewünschtes Ergebnis] ohne [Schmerzpunkt]"
  • Spezifität: Zahlen, Zeiträume oder konkrete Details einbeziehen
  • Integrierter sozialer Beweis: "Schließen Sie sich 10.000+ Teams an, die..."
  • Direkte Ansprache des Schmerzes: "Genug von [spezifischem Problem]?"

3. CTA-Platzierung, -Copy und -Hierarchie

Bewertung des primären CTA:

  • Gibt es eine klare primäre Aktion?
  • Ist sie ohne Scrollen sichtbar (above the fold)?
  • Kommuniziert der Button-Copy Wert, nicht nur Aktion?
    • Schwach: "Absenden", "Anmelden", "Mehr erfahren"
    • Stark: "Kostenlose Testversion starten", "Meinen Bericht erhalten", "Preise ansehen"
  • Ist ausreichender Kontrast und visuelles Gewicht vorhanden?

CTA-Hierarchie:

  • Gibt es eine logische primäre vs. sekundäre CTA-Struktur?
  • Werden CTAs an wichtigen Entscheidungspunkten wiederholt (nach Nutzen, nach sozialem Beweis usw.)?
  • Ist das Engagement-Level angemessen für die Seitenstufe?

4. Visuelle Hierarchie und Scanbarkeit

Prüfe:

  • Kann jemand, der scannt, die Hauptbotschaft erfassen?
  • Sind die wichtigsten Elemente visuell hervorgehoben?
  • Gibt es eine klare Informationshierarchie (H1 → H2 → Fließtext)?
  • Ist genügend Weißraum vorhanden, damit Elemente atmen können?
  • Unterstützen oder lenken Bilder von der Botschaft ab?

Häufige Probleme:

  • Textwüste ohne visuelle Unterbrechungen
  • Konkurrierende Elemente, die um Aufmerksamkeit kämpfen
  • Wichtige Informationen unterhalb der Falte vergraben
  • Stockfotos, die nichts beitragen

5. Vertrauenssignale und sozialer Beweis

Arten, auf die zu achten ist:

  • Kundenlogos (besonders erkennbare)
  • Testimonials (spezifisch, namentlich, mit Fotos)
  • Fallstudienausschnitte mit echten Zahlen
  • Bewertungsergebnisse und -anzahlen
  • Sicherheitssiegel (wo relevant)
  • "Wie gesehen in" Medien-Erwähnungen
  • Glaubwürdigkeit des Teams/Gründers

Platzierung:

  • In der Nähe von CTAs (zur Reduzierung von Reibung am Entscheidungspunkt)
  • Nach Nutzenbehauptungen (zur Validierung)
  • Auf der gesamten Seite an natürlichen Bruchpunkten

6. Einwandbehandlung

Identifiziere wahrscheinliche Einwände für diesen Seitentyp:

  • Preis-/Wertbedenken
  • "Wird das für meine Situation funktionieren?"
  • Implementierungsschwierigkeiten
  • Zeit bis zum Wert
  • Wechselkosten
  • Vertrauens-/Legitimitätsbedenken
  • "Was, wenn es nicht funktioniert?"

Prüfe, ob die Seite diese durch Folgendes adressiert:

  • FAQ-Bereiche
  • Garantie-/Rückerstattungsrichtlinien
  • Vergleichsinhalte
  • Feature-Erklärungen
  • Prozess-Transparenz

7. Reibungspunkte

Suche nach unnötiger Reibung:

  • Zu viele Formularfelder
  • Unklare nächste Schritte
  • Verwirrende Navigation
  • Erforderliche Informationen, die nicht erforderlich sein sollten
  • Kaputte oder langsame Elemente
  • Mobile Erfahrungsprobleme
  • Lange Ladezeiten

Ausgabeformat

Strukturiere deine Empfehlungen wie folgt:

Quick Wins (Sofort umsetzen)

Änderungen, die einfach umzusetzen sind und wahrscheinlich sofortige Wirkung zeigen.

High-Impact Changes (Priorisieren)

Größere Änderungen, die mehr Aufwand erfordern, aber die Conversions deutlich verbessern.

Testideen

Hypothesen, die es wert sind, A/B-getestet zu werden, anstatt sie einfach anzunehmen.

Kopie-Alternativen

Für Schlüsselelemente (Überschriften, CTAs, Wertversprechen) 2-3 alternative Versionen mit Begründung bereitstellen.


Seitenspezifische Frameworks

Homepage-CRO

Homepages bedienen mehrere Zielgruppen. Fokussiere auf:

  • Klare Positionierungsaussage, die für neue Besucher funktioniert
  • Schnellen Weg zur häufigsten Conversion-Aktion
  • Navigation, die Besuchern hilft, sich selbst zuzuordnen
  • Umgang mit sowohl "kaufbereiten" als auch "noch recherchierenden" Besuchern

Landing Page CRO

Einzweckseiten. Fokussiere auf:

  • Nachrichtenübereinstimmung mit der Traffic-Quelle
  • Einzigen CTA (Navigation wenn möglich entfernen)
  • Vollständiges Argument auf einer Seite (Klicks zur Conversion minimieren)
  • Dringlichkeit/Knappheit, falls echt

Preisseiten-CRO

Besucher mit hoher Absicht. Fokussiere auf:

  • Klaren Planvergleich
  • Angabe des empfohlenen Plans
  • Feature-Klarheit (was ist enthalten/ausgeschlossen)
  • Adressierung der Angst "Welcher Plan ist der richtige für mich?"
  • Einfachen Weg von der Preisgestaltung zum Checkout

Feature-Seiten-CRO

Besucher, die Spezifika recherchieren. Fokussiere auf:

  • Verbindung von Feature zu Nutzen
  • Anwendungsfälle und Beispiele
  • Vergleich zu Alternativen
  • Klaren CTA zum Testen/Kaufen

Blogbeitrags-CRO

Content-zu-Conversion. Fokussiere auf:

  • Kontextbezogene CTAs, die zum Inhaltsthema passen
  • Lead-Magnete, die zum Artikelthema gehören
  • Inline-CTAs an natürlichen Stoppunkten
  • Exit-Intent als Backup

Experimentierideen nach Seitentyp

Homepage-Experimente

Hero-Bereich

  • Überschriftvarianten testen (spezifisch vs. abstrakt, Nutzen vs. Feature)
  • Unterüberschrift zur Klarheit hinzufügen oder verfeinern
  • Prominenten CTA above the fold einbeziehen oder ausschließen
  • Hero-Visual testen: Screenshot vs. GIF vs. Illustration vs. Video
  • A/B-Test von CTA-Button-Farben für Kontrast
  • Unterschiedlichen CTA-Button-Text testen ("Kostenlose Testversion starten" vs. "Loslegen" vs. "Demo ansehen")
  • Interaktive Demo hinzufügen, um Besucher sofort zu engagieren

Vertrauen & sozialer Beweis

  • Platzierung von Kundenlogos testen (Hero vs. unterhalb der Falte)
  • Fallstudien oder Testimonials im Hero-Bereich präsentieren
  • Vertrauenssiegel hinzufügen (Sicherheit, Compliance, Auszeichnungen)
  • Kundenzahl oder sozialen Beweis in der Überschrift testen

Features & Inhalte

  • Schlüsselfeatures mit Symbolen und kurzen Beschreibungen hervorheben
  • Reihenfolge und Prominenz des Feature-Bereichs testen
  • Sekundäre CTAs auf der gesamten Seite hinzufügen oder entfernen

Navigation & UX

  • Sticky-Navigationsleiste mit persistentem CTA hinzufügen
  • Reihenfolge des Navigationsmenüs testen (hochpriorisierte Elemente an den Rändern)
  • Prominenten CTA-Button in der Navigationsleiste hinzufügen
  • Live-Chat-Widget vs. KI-Chatbot für sofortigen Support
  • Footer für Klarheit und sekundäre Conversions optimieren

Preisseiten-Experimente

Preisdarstellung

  • Hervorhebung jährlicher Abrechnungsrabatte vs. nur monatliche Anzeige vs. beides anzeigen
  • Unterschiedliche Preispunkte testen (99 € vs. 100 € vs. 97 €)
  • "Meistgewählt"- oder "Empfohlen"-Abzeichen zum Zielplan hinzufügen
  • Anzahl der sichtbaren Stufen experimentieren (3 vs. 4 vs. 2)
  • Preisverankerung strategisch einsetzen

Pricing-UX

  • Preiskalkulator für komplexe/nutzungsbasierte Preisgestaltung hinzufügen
  • Komplexe Preistabelle in geführten mehrstufigen Formular umwandeln
  • Formate für Feature-Vergleichstabellen testen
  • Umschalter für monatlich/jährlich mit hervorgehobenen Ersparnissen hinzufügen
  • "Vertrieb kontaktieren" vs. Enterprise-Preise anzeigen testen

Einwandbehandlung

  • FAQ-Bereich hinzufügen, der häufige Preiseinwände adressiert
  • ROI-Rechner oder Wertdemonstration einbeziehen
  • Geld-zurück-Garantie prominent platzieren
  • Preis-pro-Benutzer-Aufschlüsselungen für Teampläne anzeigen
  • Klarheit über "Was ist enthalten" für jede Stufe einbeziehen

Vertrauenssignale

  • Testimonials spezifisch zu Preis/Wert hinzufügen
  • Kundenlogos in der Nähe der Preisgestaltung anzeigen
  • Bewertungsergebnisse von G2/Capterra anzeigen

Demo-Anfrageseiten-Experimente

Formularoptimierung

  • Demo-Anfrageformular vereinfachen (weniger Felder)
  • Mehrstufiges Formular mit Fortschrittsbalken vs. einstufiges testen
  • Formularplatzierung testen: above the fold vs. nach Inhalt
  • Telefonnummernfeld hinzufügen oder entfernen
  • Felderanreicherung verwenden, um bekannte Felder auszublenden

Seiteninhalt

  • Demo-Seiteninhalt mit Nutzen über dem Formular optimieren
  • Produktvideo oder GIF, das die Demo-Erfahrung zeigt, hinzufügen
  • "Was Sie lernen werden"-Abschnitt einbeziehen
  • Kunden-Testimonials in der Nähe des Formulars hinzufügen
  • Häufige Einwände im FAQ adressieren

CTA & Routing

  • Demo-Button-CTAs testen ("Ihre Demo buchen" vs. "15-minütiges Gespräch vereinbaren")
  • On-Demand-Demo neben Live-Option anbieten
  • Demo-Seiten-Messaging basierend auf Besucherdaten personalisieren
  • Navigation entfernen, um Ablenkungen zu reduzieren
  • Routing optimieren: Kalenderlink für Qualifizierte, Self-Service für andere

Ressourcen-/Blogseiten-Experimente

Inhalts-CTAs

  • Schwebende oder sticky CTAs auf Blogbeiträgen hinzufügen
  • Inline-CTAs innerhalb des Inhalts vs. nur am Ende des Beitrags testen
  • Geschätzte Lesezeit anzeigen
  • Verwandte Ressourcen am Ende des Artikels hinzufügen
  • Gated vs. freie Content-Strategien testen

Ressourcenbereich

  • Navigation und Filterung des Ressourcenbereichs optimieren
  • Suchfunktion hinzufügen
  • Hervorgehobene oder beliebte Ressourcen hervorheben
  • Grid- vs. Listenansicht-Layouts testen
  • Ressourcenbündel nach Thema erstellen

Fragen an den Benutzer

Wenn du mehr Kontext benötigst, frage:

  1. Was ist deine aktuelle Conversion-Rate und dein Ziel?
  2. Woher kommt der Traffic?
  3. Wie sieht dein Anmelde-/Kaufprozess nach dieser Seite aus?
  4. Hast du Benutzerforschung, Heatmaps oder Session-Aufzeichnungen?
  5. Was hast du bereits ausprobiert?

Verwandte Skills

  • signup-flow-cro: Wenn das Problem im Anmeldeprozess selbst liegt, nicht auf der Seite davor
  • form-cro: Wenn Formulare auf der Seite optimiert werden müssen
  • popup-cro: Wenn Popups als Teil der Conversion-Strategie in Betracht gezogen werden
  • copywriting: Wenn die Seite eine komplette Neuschreibung des Textes benötigt, keine CRO-Anpassungen
  • ab-test-setup: Um empfohlene Änderungen ordnungsgemäß zu testen

Individual skills in this repo

This repo contains 13 individual skills — each has its own dedicated page.

marnixGeerkens/rocketlauncher-claude-code

Balance visual design with ATS compatibility for creative roles. Use when the user is in design, art, writing, marketing creative, or any visual/creative field and needs a resume that looks distinctive but still parses.

marnixGeerkens/rocketlauncher-claude-code

Transform resume bullets into detailed portfolio case studies with context, action, and outcome. Use when the user mentions portfolio, case study, project write-up, or expanding a resume bullet into a longer narrative.

marnixGeerkens/rocketlauncher-claude-code

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities. Use when: portfolio, personal website, showcase work, developer portfolio, designer portfolio.

marnixGeerkens/rocketlauncher-claude-code

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

marnixGeerkens/rocketlauncher-claude-code

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

marnixGeerkens/rocketlauncher-claude-code

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.

marnixGeerkens/rocketlauncher-claude-code

Next.js App Router principles. Server Components, data fetching, routing patterns.

marnixGeerkens/rocketlauncher-claude-code

Expert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route.

marnixGeerkens/rocketlauncher-claude-code

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.

marnixGeerkens/rocketlauncher-claude-code

Create API handoff documentation for frontend developers. Use when backend work is complete and needs to be documented for frontend integration, or user says 'create handoff', 'document API', 'frontend handoff', or 'API documentation'.

marnixGeerkens/rocketlauncher-claude-code

Document frontend data needs for backend developers. Use when frontend needs to communicate API requirements to backend, or user says 'backend requirements', 'what data do I need', 'API requirements', or is describing data needs for a UI.

marnixGeerkens/rocketlauncher-claude-code

Comprehensive Python library for astronomy and astrophysics. This skill should be used when working with astronomical data including celestial coordinates, physical units, FITS files, cosmological calculations, time systems, tables, world coordinate systems (WCS), and astronomical data analysis. Use when tasks involve coordinate transformations, unit conversions, FITS file manipulation, cosmological distance calculations, time scale conversions, or astronomical data processing.

marnixGeerkens/rocketlauncher-claude-code

Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.

Verwandte Skills