Communitygithub.com

miketromba/skills

Créez des sites web marketing SaaS et des pages d'atterrissage à fort taux de conversion. À utiliser lors de la création de sites marketing, de pages d'atterrissage ou de contenu pour produits logiciels. Se déclenche sur les demandes de sites web SaaS, de pages d'atterrissage pour startups, de pages marketing de produits, de contenu axé sur la conversion ou de marketing de logiciels B2B.

Qu'est-ce que skills ?

Ce skill guide les agents IA et les utilisateurs dans la création de textes marketing clairs et convaincants pour des sites web SaaS destinés aux utilisateurs individuels, comme les prosommateurs, les développeurs, les marketeurs et les PME. Il repose sur un processus de découverte structuré (recueil d’informations sur le produit, l’utilisateur cible, les points de douleur, la proposition de valeur unique, etc.) et pose des questions ciblées lorsque des données sont manquantes. Le skill détaille une architecture de page d’atterrissage optimale (section Hero, preuve sociale, problème, solution, fonctionnalités, témoignages, CTA final) ainsi que des principes de rédaction (ton conversationnel, avantages plutôt que fonctionnalités, émotion, clarté) et de design (minimalisme, mobile-first, hiérarchie visuelle). L’objectif est d’aider à produire des textes qui convertissent, en s’appuyant sur des données concrètes (statistiques, témoignages) et en évitant les affirmations exagérées. Il peut être utilisé avec n’importe quel assistant de codage ou outil d’IA agent (comme Claude Code, Cursor, Codex) pour générer des pages marketing SaaS performantes.

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

Demander à votre IA préférée

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

Documentation

Texte pour Site Web SaaS

Créez des sites web marketing SaaS à fort taux de conversion, ciblant les utilisateurs individuels (prosommateurs, développeurs, marketeurs, PME).

Processus de découverte

Avant de rédiger le contenu du site, rassemblez les informations suivantes. Si certaines manquent, demandez-les à l’utilisateur via un échange consultatif jusqu’à obtenir toutes les données requises.

Informations requises

  1. Informations de base sur le produit

    • Nom du produit
    • Ce que fait le produit (une phrase)
    • Catégorie du produit (ex. : « outil de gestion de projet », « CRM », « plateforme d’analyse »)
  2. Utilisateur cible

    • Qui est l’utilisateur idéal ? (rôle, secteur, taille d’entreprise)
    • Que cherche-t-il à accomplir ? (gagner du temps, réduire les coûts, impressionner son équipe, etc.)
  3. Points de douleur (au moins 3)

    • Quels problèmes spécifiques ce produit résout-il ?
    • Quelles frustrations l’utilisateur rencontre-t-il actuellement ?
    • Quel est l’impact émotionnel de ces problèmes ?
  4. Proposition de valeur unique

    • Qu’est-ce qui différencie ce produit des alternatives ?
    • Pourquoi quelqu’un devrait-il le choisir plutôt qu’un concurrent ?
  5. Fonctionnalités clés / capacités (les 3 à 5 plus importantes)

    • Que fait le produit ?
    • Quel résultat apporte chaque fonctionnalité ?
  6. Preuve sociale (si disponible)

    • Logos de clients
    • Témoignages avec des résultats spécifiques
    • Statistiques d’utilisation
    • Récompenses, certifications, évaluations
  7. Objectif du CTA

    • Quelle action les visiteurs doivent-ils effectuer ? (essai gratuit, demande de démo, inscription, etc.)
    • Y a-t-il des réducteurs de risque ? (pas de carte bancaire, offre gratuite, garantie satisfait ou remboursé)

Questions de découverte

Si des informations manquent, posez des questions comme :

  • « Quel problème [produit] résout-il pour vos utilisateurs ? »
  • « Qui est votre client idéal – quel est son rôle et qu’essaie-t-il d’accomplir ? »
  • « Qu’est-ce qui rend votre produit différent des alternatives qu’ils pourraient envisager ? »
  • « Quelles sont les 3 à 5 fonctionnalités clés, et quel résultat chacune apporte-t-elle à l’utilisateur ? »
  • « Avez-vous des témoignages clients, des logos ou des statistiques d’utilisation à inclure ? »
  • « Quelle action voulez-vous que les visiteurs effectuent – essai gratuit, démo ou autre chose ? »

Continuez à recueillir des informations jusqu’à en avoir suffisamment pour rédiger un texte convaincant et spécifique.

Principes fondamentaux

  1. Parlez à une seule personne – Utilisez « tu/votre » partout. Adressez-vous aux points de douleur individuels, pas aux problèmes d’entreprise. Seulement 27 % des titres SaaS utilisent « tu/votre » – ne faites pas cette erreur.
  2. Avantages plutôt que fonctionnalités – Liez toujours les fonctionnalités aux résultats : « Notifications en temps réel → ne manquez jamais une mise à jour importante »
  3. Écrivez de manière conversationnelle – Donnez l’impression d’expliquer à un ami, pas de lire une brochure d’entreprise.
  4. Montrez, ne vous contentez pas de dire – Utilisez des captures d’écran du produit plutôt que des photos génériques ; illustrez vos affirmations avec des exemples précis.

Structure de la page d’accueil

Suivez cet ordre de sections pour un flux de conversion optimal :

1. Section Hero

  • Titre : 5 à 8 mots, axé sur les avantages, concret (pas de battage vague)
    • Bien : « Organisez les projets de votre équipe en un seul endroit »
    • Mal : « Réinventer la collaboration »
  • Sous-titre : Ajoutez de la spécificité – utilisateur cible, problème résolu, résultat clé. Répondez à « Qu’est-ce que c’est et pourquoi devrais-je m’y intéresser ? »
  • Visuel : Capture d’écran du produit ou maquette (40 % des pages SaaS utilisent des captures d’écran dans le hero). Certaines pages n’ont pas d’image hero (25 %) pour rester concentrées et rapides.
  • CTA principal : Un seul bouton bien visible (« Démarrer l’essai gratuit », « Commencer »)

2. Preuve sociale n°1 (Logos)

  • 5 à 8 logos de clients/partenaires reconnaissables (pas un collage surchargé)
  • Mettez l’accent sur les logos que votre public reconnaît ou auxquels il aspire
  • Légende : « Approuvé par plus de X équipes [public cible] » ou « [Entreprise] aide [secteur] à atteindre [résultat] »
  • Ignorez cette section si vous n’avez pas encore de logos.

3. Section Problème

  • Listez 3 points de douleur que votre public rencontre
  • Utilisez un langage viscéral et émotionnel décrivant la frustration
  • Exemple : « Gérer les projets par e-mail fait passer des tâches à travers les mailles du filet »
  • Abordez l’impact émotionnel : « C’est stressant de tout suivre »
  • Objectif : le lecteur pense « Oui, c’est exactement mon problème ! »

4. Introduction de la solution

  • Brève transition reliant le produit aux douleurs ci-dessus
  • 1 à 2 phrases : « Découvrez [Produit] – un [catégorie] qui [résout un problème spécifique] »
  • Mentionnez la catégorie du produit pour clarifier ce que c’est, mais cadre autour de la résolution du problème
  • Restez percutant, ne faites pas de battage excessif

5. Détails de la solution (Fonctionnalités)

  • 3 à 5 capacités clés, priorisées par impact (la plus attractive en premier)
  • Présentez chacune avec un sous-titre axé sur les résultats
  • Envisagez un contraste « ancienne façon vs nouvelle façon » : « Arrêtez de faire X manuellement – ProduitX l’automatise »
  • Restez facile à parcourir – blocs courts, icônes/captures d’écran à côté
  • Pour les produits complexes : incluez une courte vidéo explicative, un GIF ou une animation
  • Les informations plus détaillées peuvent vivre sur des pages séparées ou dans la FAQ – accrochez-les ici

6. Preuve sociale n°2 (Témoignages)

  • Citations spécifiques axées sur les résultats : « Réduction des délais de projet de 25 % »
  • Incluez : nom complet, photo, titre, entreprise (les citations anonymes manquent de crédibilité)
  • Des détails réels valent mieux que des éloges génériques
  • Citation : « Quand vous le dites, c’est du marketing. Quand votre client le dit, c’est une preuve sociale. »
  • Ignorez cette section si vous n’avez pas encore de témoignages.

7. Section Résultats (Optionnelle)

  • Résultats quantifiés : « Augmentation de 3 fois du volume de prospects en 3 mois »
  • Utilisez des chiffres réalistes et spécifiques (évitez « amélioration de 1 000 % »)
  • Si vous n’avez pas de données spécifiques à un client, utilisez des agrégats : « Plus de 5 000 tâches terminées chaque semaine »
  • Ignorez si vous n’avez pas de données significatives.

8. CTA final

  • Réitérez la proposition de valeur dans la phrase de clôture : « Prêt à simplifier votre flux de travail ? »
  • Un seul bouton CTA bien visible avec un texte d’action + avantage
  • Mention de réduction de risque : « Aucune carte bancaire requise » ou « Offre gratuite à vie »

Ajouts optionnels

  • Section Comment ça marche avec visuels/diagrammes
  • FAQ pour répondre aux questions/objections courantes

Directives de rédaction publicitaire

Titres

  • Dites ce que le produit fait pour l’utilisateur, pas ce qu’il est
  • Concentrez-vous sur les besoins et les résultats du client, pas sur votre entreprise

Ton

  • Conversationnel, chaleureux, humain – un différenciateur en B2B
  • Évitez le jargon – utilisez des termes que votre public utilise réellement

Facilité de lecture

  • Phrases et paragraphes courts (2 à 3 phrases chacun)
  • Structurez avec des sous-titres, des puces, des icônes
  • Les visiteurs parcourent – les messages clés, les avantages et les CTA doivent ressortir en un coup d’œil
  • La clarté prime sur l’ingéniosité

Déclencheurs émotionnels

  • Reconnaissez la frustration dans les sections problèmes : « Les délais manqués sont stressants et peuvent donner à votre équipe un sentiment d’échec »
  • Peignez des résultats positifs : soulagement, confiance, tranquillité d’esprit
  • Utilisez des mots puissants : « sans effort », « sans frustration », « sécurisé », « agréable »
  • Les décisions d’achat sont motivées par les sentiments, puis justifiées par la logique

Affirmations

  • Faites des promesses raisonnables que vous pouvez tenir
  • « Obtenez des résultats en jours, pas en semaines » > « Triplez vos revenus garanti »
  • Les affirmations exagérées se retournent contre vous – les utilisateurs ne leur feront pas confiance ou seront déçus

Signaux de confiance (au-delà des logos/témoignages)

Incluez si disponible :

  • Statistiques d’utilisation : « 100 000 utilisateurs » ou « 20 millions de fichiers synchronisés »
  • Évaluations des sites d’avis : badges G2, Trustpilot, Capterra avec notes en étoiles
  • Récompenses/reconnaissances : récompenses sectorielles, listes « Meilleurs de »
  • Badges de sécurité : Certifié SOC2, conforme RGPD (si vous traitez des données sensibles)

Principes de conception

  • Minimisez les distractions : 91 % des pages d’atterrissage SaaS performantes n’ont pas de navigation supérieure ; 73 % ont un seul CTA principal.
  • Priorité au mobile : La majorité des visites se font sur mobile – assurez-vous que les CTA sont bien visibles sur les petits écrans.
  • La vitesse compte : Compressez les images, minimisez les scripts – chaque seconde de retard coûte des conversions.
  • Hiérarchie visuelle : Guidez l’œil à travers le récit – titres plus grands, sections qui s’enchaînent logiquement, CTA qui se démarque.
  • Espace blanc : Des mises en page propres et aérées rendent le contenu accessible.
  • Esthétique cohérente : Couleurs de la marque, polices lisibles, espacement logique ; CTA dans une couleur contrastée qui se démarque.
  • Visuels authentiques : Captures d’écran du produit, diagrammes – évitez les photos génériques clichés.

Bonnes pratiques pour les CTA

  • Texte d’action + avantage : « Démarrer mon essai gratuit », « Réserver une démo », « Commencer – C’est gratuit »
  • Couleur contrastée qui se démarque
  • Si un CTA secondaire est nécessaire (ex. « Regarder une démo vidéo »), rendez-le moins visible
  • Répétez le CTA principal en bas de page
  • Un objectif par page – plusieurs CTA égaux sèment la confusion chez les visiteurs

Skills associés