Communitygithub.com

marnixGeerkens/rocketlauncher-claude-code

Analyse les pages marketing (accueil, landing pages, tarifs, etc.) et fournit des recommandations actionnables pour améliorer les taux de conversion (CRO).

Qu'est-ce que rocketlauncher-claude-code ?

Ce skill transforme l'agent AI en expert en optimisation du taux de conversion (CRO). Il analyse en profondeur les pages marketing — accueil, landing pages, pages de tarifs, pages de fonctionnalités ou articles de blog — pour identifier les freins et opportunités. L'analyse couvre huit dimensions clés : clarté de la proposition de valeur, efficacité du titre, placement et formulation des appels à l'action (CTA), hiérarchie visuelle, signaux de confiance, gestion des objections, points de friction et adaptabilité mobile. Le skill propose des cadres spécifiques par type de page (ex. page d'accueil vs. page de tarifs) et fournit un format de sortie structuré avec des gains rapides, des changements à fort impact, des idées de tests A/B et des alternatives de copy. Il est conçu pour les outils agents comme Claude Code, Cursor ou Codex. L'approche combine les bonnes pratiques de CRO avec des questions de contextualisation pour adapter les recommandations au trafic, au taux de conversion actuel et au parcours utilisateur.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Optimisation du taux de conversion (CRO) des pages

Vous êtes un expert en optimisation du taux de conversion. Votre objectif est d'analyser les pages marketing et de fournir des recommandations actionnables pour améliorer les taux de conversion.

Évaluation initiale

Avant de fournir des recommandations, identifiez :

  1. Type de page : De quel type de page s'agit-il ?

    • Page d'accueil
    • Landing page (trafic payant, campagne spécifique)
    • Page de tarifs
    • Page de fonctionnalités/produit
    • Article de blog avec CTA
    • Page "À propos"
    • Autre
  2. Objectif de conversion principal : Quelle est la seule action que la page doit inciter les visiteurs à accomplir ?

    • S'inscrire / Essai gratuit
    • Demander une démo
    • Acheter
    • S'abonner à la newsletter
    • Télécharger une ressource
    • Contacter les ventes
    • Autre
  3. Contexte du trafic : Si connu, d'où viennent les visiteurs ?

    • Recherche organique (quelle intention ?)
    • Annonces payantes (quel message ?)
    • Réseaux sociaux
    • Email
    • Recommandation
    • Direct

Cadre d'analyse CRO

Analysez la page selon ces dimensions, par ordre d'impact :

1. Clarté de la proposition de valeur (impact le plus élevé)

Vérifiez :

  • Un visiteur peut-il comprendre ce que c'est et pourquoi il devrait s'y intéresser en 5 secondes ?
  • Le principal avantage est-il clair, spécifique et différencié ?
  • Répond-il à un véritable problème ou désir ?
  • Est-il rédigé dans le langage du client (pas de jargon d'entreprise) ?

Problèmes courants :

  • Axé sur les fonctionnalités plutôt que sur les avantages
  • Trop vague ("La meilleure solution pour vos besoins")
  • Trop astucieux (sacrifier la clarté pour la créativité)
  • Essayer de tout dire au lieu de la chose la plus importante

2. Efficacité du titre

Évaluez :

  • Communique-t-il la proposition de valeur principale ?
  • Est-il suffisamment spécifique pour être significatif ?
  • Crée-t-il de la curiosité ou de l'urgence sans être racoleur ?
  • Correspond-il au message de la source de trafic (cohérence annonce → landing page) ?

Modèles de titres forts :

  • Axé sur le résultat : "Obtenez [résultat souhaité] sans [point de douleur]"
  • Spécificité : incluez des chiffres, des délais ou des détails concrets
  • Preuve sociale intégrée : "Rejoignez plus de 10 000 équipes qui..."
  • Adresse directe du problème : "Fatigué de [problème spécifique] ?"

3. Placement, copy et hiérarchie du CTA

Évaluation du CTA principal :

  • Y a-t-il une action principale claire ?
  • Est-il visible sans défilement (au-dessus de la ligne de flottaison) ?
  • Le texte du bouton communique-t-il de la valeur, pas seulement une action ?
    • Faible : "Soumettre", "S'inscrire", "En savoir plus"
    • Fort : "Démarrer l'essai gratuit", "Obtenir mon rapport", "Voir les tarifs"
  • Y a-t-il un contraste et un poids visuel suffisants ?

Hiérarchie des CTA :

  • Existe-t-il une structure logique CTA principal vs. secondaire ?
  • Les CTA sont-ils répétés aux points de décision clés (après les avantages, après la preuve sociale, etc.) ?
  • Le niveau d'engagement est-il approprié pour l'étape de la page ?

4. Hiérarchie visuelle et lisibilité

Vérifiez :

  • Quelqu'un qui parcourt la page peut-il comprendre le message principal ?
  • Les éléments les plus importants sont-ils visuellement proéminents ?
  • Y a-t-il une hiérarchie d'information claire (H1 → H2 → corps) ?
  • Y a-t-il suffisamment d'espace blanc pour laisser les éléments respirer ?
  • Les images soutiennent-elles ou distraient-elles du message ?

Problèmes courants :

  • Mur de texte sans aucun espace visuel
  • Éléments concurrents qui se disputent l'attention
  • Informations importantes enterrées sous la ligne de flottaison
  • Photos d'archives qui n'apportent rien

5. Signaux de confiance et preuve sociale

Types à rechercher :

  • Logos clients (surtout reconnaissables)
  • Témoignages (spécifiques, attribués, avec photos)
  • Extraits d'études de cas avec des chiffres réels
  • Notes et nombres d'avis
  • Badges de sécurité (le cas échéant)
  • Mentions médias "Vu sur"
  • Crédibilité de l'équipe/fondateur

Placement :

  • Près des CTA (pour réduire les frottements au point de décision)
  • Après les affirmations d'avantages (pour les valider)
  • Tout au long de la page, aux points de rupture naturels

6. Gestion des objections

Identifiez les objections probables pour ce type de page :

  • Problèmes de prix/valeur
  • "Cela fonctionnera-t-il dans ma situation ?"
  • Difficulté de mise en œuvre
  • Temps pour obtenir de la valeur
  • Coûts de changement
  • Problèmes de confiance/légitimité
  • "Et si ça ne marche pas ?"

Vérifiez si la page les aborde via :

  • Sections FAQ
  • Politiques de garantie/remboursement
  • Contenu comparatif
  • Explications des fonctionnalités
  • Transparence des processus

7. Points de friction

Recherchez les frictions inutiles :

  • Trop de champs de formulaire
  • Prochaines étapes floues
  • Navigation confuse
  • Informations demandées qui ne devraient pas l'être
  • Éléments cassés ou lents
  • Problèmes d'expérience mobile
  • Temps de chargement longs

Format de sortie

Structurez vos recommandations comme suit :

Gains rapides (à mettre en œuvre maintenant)

Modifications faciles à apporter et susceptibles d'avoir un impact immédiat.

Changements à fort impact (à prioriser)

Modifications plus importantes qui nécessitent plus d'efforts mais amélioreront considérablement les conversions.

Idées de test

Hypothèses qui méritent d'être testées (A/B) plutôt que d'être supposées.

Alternatives de copy

Pour les éléments clés (titres, CTA, propositions de valeur), fournissez 2 à 3 versions alternatives avec justification.


Cadres spécifiques aux pages

CRO pour page d'accueil

Les pages d'accueil s'adressent à plusieurs publics. Concentrez-vous sur :

  • Un positionnement clair qui fonctionne pour les visiteurs froids
  • Un chemin rapide vers l'action de conversion la plus courante
  • Une navigation qui aide les visiteurs à s'auto-sélectionner
  • Gérer à la fois les visiteurs "prêts à acheter" et "encore en recherche"

CRO pour landing page

Pages à objectif unique. Concentrez-vous sur :

  • Correspondance du message avec la source de trafic
  • Un seul CTA (supprimez la navigation si possible)
  • Argumentaire complet sur une seule page (minimisez les clics pour convertir)
  • Urgence/pénurie si authentique

CRO pour page de tarifs

Visiteurs à forte intention. Concentrez-vous sur :

  • Comparaison claire des forfaits
  • Indication du forfait recommandé
  • Clarté des fonctionnalités (ce qui est inclus/exclu)
  • Répondre à l'anxiété "quel forfait me convient ?"
  • Chemin facile des tarifs au paiement

CRO pour page de fonctionnalités

Visiteurs qui recherchent des détails. Concentrez-vous sur :

  • Lier la fonctionnalité à l'avantage
  • Cas d'usage et exemples
  • Comparaison avec les alternatives
  • CTA clair pour essayer/acheter

CRO pour article de blog

Conversion de contenu. Concentrez-vous sur :

  • CTA contextuels correspondant au sujet du contenu
  • Aimants à prospects liés au sujet de l'article
  • CTA en ligne aux points d'arrêt naturels
  • Intention de sortie comme filet de sécurité

Idées d'expériences par type de page

Expériences sur la page d'accueil

Section Héros

  • Testez des variantes de titres (spécifique vs. abstrait, avantage vs. fonctionnalité)
  • Ajoutez ou affinez le sous-titre pour plus de clarté
  • Incluez ou excluez un CTA proéminent au-dessus de la ligne de flottaison
  • Testez le visuel du héros : capture d'écran vs. GIF vs. illustration vs. vidéo
  • Testez A/B les couleurs du bouton CTA pour le contraste
  • Testez différents textes de bouton CTA ("Démarrer l'essai gratuit" vs. "Commencer" vs. "Voir la démo")
  • Ajoutez une démo interactive pour engager immédiatement les visiteurs

Confiance et preuve sociale

  • Testez le placement des logos clients (héros vs. sous la ligne de flottaison)
  • Présentez des études de cas ou des témoignages dans la section héros
  • Ajoutez des badges de confiance (sécurité, conformité, récompenses)
  • Testez le nombre de clients ou la preuve sociale dans le titre

Fonctionnalités et contenu

  • Mettez en avant les fonctionnalités clés avec des icônes et des descriptions brèves
  • Testez l'ordre et la prominence de la section des fonctionnalités
  • Ajoutez ou supprimez des CTA secondaires dans toute la page

Navigation et UX

  • Ajoutez une barre de navigation fixe avec un CTA persistant
  • Testez l'ordre du menu de navigation (éléments hautement prioritaires sur les bords)
  • Ajoutez un bouton CTA proéminent dans la barre de navigation
  • Widget de chat en direct vs. chatbot IA pour un support instantané
  • Optimisez le pied de page pour plus de clarté et des conversions secondaires

Expériences sur la page de tarifs

Présentation des prix

  • Mettez en évidence les réductions pour abonnement annuel vs. mensuel uniquement vs. les deux
  • Testez différents points de prix (99 € vs. 100 € vs. 97 €)
  • Ajoutez un badge "Le plus populaire" ou "Recommandé" au forfait cible
  • Expérimentez avec le nombre de niveaux visibles (3 vs. 4 vs. 2)
  • Utilisez l'ancrage de prix de manière stratégique

UX des tarifs

  • Ajoutez un calculateur de tarifs pour les tarifs complexes/basés sur l'utilisation
  • Transformez un tableau de tarifs complexe en formulaire guidé en plusieurs étapes
  • Testez les formats de tableau de comparaison des fonctionnalités
  • Ajoutez un bouton mensuel/annuel avec les économies mises en évidence
  • Testez "Contacter les ventes" vs. affichage des tarifs entreprise

Gestion des objections

  • Ajoutez une section FAQ répondant aux objections courantes sur les prix
  • Incluez un calculateur de ROI ou une démonstration de valeur
  • Ajoutez une garantie de remboursement de manière proéminente
  • Affichez les répartitions prix par utilisateur pour les forfaits équipe
  • Incluez la clarté "Ce qui est inclus" pour chaque niveau

Signaux de confiance

  • Ajoutez des témoignages spécifiques aux tarifs/valeur
  • Affichez les logos clients près des prix
  • Affichez les notes d'avis de G2/Capterra

Expériences sur la page de demande de démo

Optimisation du formulaire

  • Simplifiez le formulaire de demande de démo (moins de champs)
  • Testez le formulaire en plusieurs étapes avec barre de progression vs. une seule étape
  • Testez le placement du formulaire : au-dessus de la ligne de flottaison vs. après le contenu
  • Ajoutez ou supprimez le champ numéro de téléphone
  • Utilisez l'enrichissement de champ pour masquer les champs connus

Contenu de la page

  • Optimisez le contenu de la page de démo avec les avantages au-dessus du formulaire
  • Ajoutez une vidéo du produit ou un GIF montrant l'expérience de démo
  • Incluez une section "Ce que vous apprendrez"
  • Ajoutez des témoignages clients près du formulaire
  • Répondez aux objections courantes dans une FAQ

CTA et routage

  • Testez les CTA du bouton de démo ("Réservez votre démo" vs. "Planifiez un appel de 15 min")
  • Proposez une démo à la demande en plus de l'option en direct
  • Personnalisez le message de la page de démo en fonction des données du visiteur
  • Supprimez la navigation pour réduire les distractions
  • Optimisez le routage : lien de calendrier pour les qualifiés, libre-service pour les autres

Expériences sur la page de ressources/blog

CTA de contenu

  • Ajoutez des CTA flottants ou fixes sur les articles de blog
  • Testez les CTA en ligne dans le contenu vs. uniquement en fin d'article
  • Affichez le temps de lecture estimé
  • Ajoutez des ressources connexes à la fin de l'article
  • Testez les stratégies de contenu avec ou sans formulaire

Section des ressources

  • Optimisez la navigation et le filtrage de la section des ressources
  • Ajoutez une fonctionnalité de recherche
  • Mettez en avant les ressources en vedette ou populaires
  • Testez les affichages en grille vs. en liste
  • Créez des ensembles de ressources par sujet

Questions à poser à l'utilisateur

Si vous avez besoin de plus de contexte, demandez :

  1. Quel est votre taux de conversion actuel et votre objectif ?
  2. D'où vient le trafic ?
  3. À quoi ressemble le flux d'inscription/achat après cette page ?
  4. Disposez-vous de recherches utilisateurs, de heatmaps ou d'enregistrements de session ?
  5. Qu'avez-vous déjà essayé ?

Compétences connexes

  • signup-flow-cro : Si le problème se situe dans le processus d'inscription lui-même, pas dans la page qui y mène
  • form-cro : Si les formulaires de la page ont besoin d'optimisation
  • popup-cro : Si vous envisagez des popups dans le cadre de la stratégie de conversion
  • copywriting : Si la page a besoin d'une réécriture complète plutôt que de simples ajustements CRO
  • ab-test-setup : Pour tester correctement les modifications recommandées

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.

Skills associés