A1 Priorité haute
Le détail qui manque avant le clic.
Le bouton ouvrait un calendrier, sans préciser à proximité la durée du rendez-vous ni l’absence d’engagement.
La piste à suivre
Expliquer la prochaine étape, juste sous le bouton.
Avant Sans précision
Durée et engagement non précisés ici.
Après La prochaine étape est précisée
Quelques mots. Un clic mieux expliqué.
La vue d’ensemble
Ta page, passée en revue.
Quentin Lecocq · Les éléments observés, leur contexte et les points à préserver.
- Page auditée
- https://quentinlecocq.com/
- Pour qui
- Solopreneurs qui vendent leur expertise et manipulent beaucoup d’informations
- L’action attendue
- Réserver un échange de 20 minutes via Cal.com
- État de la page vérifié le
- 23 août 2026
La page possède une promesse lisible, un CTA cohérent et répété, une structure nette et des garanties de propriété utiles à préserver.
La revue experte met en évidence six OBSERVATIONS PRIORISÉES : rendre le premier clic explicite, rendre les usages plus représentables, encadrer une preuve réelle, clarifier le vocabulaire et améliorer la lisibilité de certains textes. Le score heuristique ajusté est de 72/80, soit 90 % sur 40 critères applicables. Il mesure la couverture de la grille dans ce contexte, pas la conversion. Aucun gain n’est estimé, garanti ou déduit.
Le score par dimension
Calculé uniquement sur les critères applicables à cette page.
La promesse et l’action principale sont lisibles, avec du vocabulaire et certains petits textes à clarifier.
Le parcours public reste direct et aucune friction technique observable n’a été relevée.
Le système correspond à la cible, mais son usage quotidien reste moins incarné que son architecture.
La preuve et les garanties sont honnêtes, avec une profondeur à renforcer progressivement.
Les bénéfices sont présents, mais les résultats quotidiens et le premier clic doivent être rendus plus explicites.
Ce qui fonctionne déjà
À préserver lors des corrections.
Le problème, la cible et la nature de la prestation sont nommés sans attendre la fin de la page.
Le CTA principal est visible dans le header, le hero et la section finale, avec une alternative écrite clairement secondaire.
Aucun débordement horizontal, menu mobile utilisable, FAQ en accordéons, CTA accessibles et aucun formulaire imposé sur la home page.
Comptes au nom du client, permissions, validation humaine et reprise sont traités comme des éléments centraux.
Le témoignage est attribué, le système personnel est décrit sans faux résultat et la réalisation menuiseries reste anonymisée.
Les sections Pour vous si et Pas pour vous si filtrent sans tenter de convenir à tout le monde.
Méthode et limites
Revue experte d'une page publique sur 54 critères, avec preuves visuelles datées.
- Les scores mesurent la couverture de bonnes pratiques observables, pas le taux de conversion.
- Aucun gain n'est estimé ni garanti.
L’ordre des actions
Commencer par ce qui compte.
6 actions classées par priorité. Ouvre une fiche pour préparer sa correction.
- 01Priorité hauteClarifier Cal.com, 20 min et sans engagement près du CTAAppliqué9/12
- 02Priorité moyenneMontrer un premier usage réel anonymiséPas encore appliqué8/12
- 03Priorité moyenneFaire remonter trois situations avant et aprèsPartiellement appliqué8/12
- 04Priorité moyenneAjouter une seconde preuve autorisée lorsqu’elle existePas encore appliqué6/12
- 05Priorité moyenneTraduire les termes techniques par leurs bénéficesPas encore appliqué5/12
- 06Priorité basseRemonter les textes informatifs à 14 px minimumPartiellement appliqué4/12
Comment lire ces scores
Chaque action est notée sur 12 points, répartis sur trois axes de poids différents. Le maximum de chaque axe est son poids dans la décision : l'impact pèse le plus, la facilité le moins.
- Impact · sur 5
- Proximité de l'action avec la conversion : position dans la page, visibilité du changement, effet sur la motivation ou la réassurance. C'est l'axe le plus lourd, parce qu'il départage ce qui touche la décision de ce qui l'entoure.
- Confiance · sur 4
- Nombre de familles de preuve indépendantes derrière le constat : revue experte, comportementale, attitudinale, expérimentale. Cet audit repose sur la seule revue experte, donc toutes les actions plafonnent mécaniquement à 1 sur 4. Ce n'est pas un défaut de l'action, c'est la limite de la méthode, et elle est comptée.
- Facilité · sur 3
- Effort estimé depuis ce qui est observable publiquement. C'est l'axe le plus léger et le plus incertain : sans accès au code source, ce n'est ni un devis ni un délai.
Lecture du total : 9 à 12 priorité haute, 5 à 8 moyenne, 0 à 4 basse. Une priorité basse ne veut pas dire que le problème est négligeable : elle décrit le résultat mécanique du modèle, plafond de confiance inclus.
Le score aide à ordonner les corrections. Il ne prédit pas leur effet sur tes conversions.
Le plan d'action
6 actions, classées par priorité. Coche les critères au fur et à mesure.
Comment lire ces scores
Chaque action est notée sur 12 points, répartis sur trois axes de poids différents. Le maximum de chaque axe est son poids dans la décision : l'impact pèse le plus, la facilité le moins.
- Impact · sur 5
- Proximité de l'action avec la conversion : position dans la page, visibilité du changement, effet sur la motivation ou la réassurance. C'est l'axe le plus lourd, parce qu'il départage ce qui touche la décision de ce qui l'entoure.
- Confiance · sur 4
- Nombre de familles de preuve indépendantes derrière le constat : revue experte, comportementale, attitudinale, expérimentale. Cet audit repose sur la seule revue experte, donc toutes les actions plafonnent mécaniquement à 1 sur 4. Ce n'est pas un défaut de l'action, c'est la limite de la méthode, et elle est comptée.
- Facilité · sur 3
- Effort estimé depuis ce qui est observable publiquement. C'est l'axe le plus léger et le plus incertain : sans accès au code source, ce n'est ni un devis ni un délai.
Lecture du total : 9 à 12 priorité haute, 5 à 8 moyenne, 0 à 4 basse. Une priorité basse ne veut pas dire que le problème est négligeable : elle décrit le résultat mécanique du modèle, plafond de confiance inclus.
1 Clarifier Cal.com, 20 min et sans engagement près du CTA Appliqué
A1 Priorité haute
Le détail qui manque avant le clic.
Le bouton ouvrait un calendrier, sans préciser à proximité la durée du rendez-vous ni l’absence d’engagement.
La correction recommandée
Ajouter sous le CTA du hero : « Réservation Cal.com, 20 min, sans engagement ».
Avant Sans précision
Durée et engagement non précisés ici.
Après La prochaine étape est précisée
Quelques mots. Un clic mieux expliqué.
La microcopy « Réservation Cal.com, 20 min, sans engagement » est présente sous le CTA du premier écran. Elle était absente de la capture du 19 août.
Dépendance ou condition préalable
Rédaction et validation éditoriale de la microcopy, puis QA desktop et mobile. Le href Cal.com reste inchangé.
Critères d'acceptation
Limite de cette observation
Le comportement après ouverture de Cal.com et les clics réels sont hors scope.
Comment l'implémenter
- Emplacement
- Hero, près du CTA principal.
- État actuel
- Le CTA « Trouver mon premier usage » ouvre Cal.com, tandis que la durée de 20 minutes et l’absence d’engagement sont précisées plus bas.
- Changement attendu
- Ajouter sous le CTA du hero : « Réservation Cal.com, 20 min, sans engagement ».
- Comportement desktop
- Conserver le bouton et la microcopy dans la zone d’action du hero sans repousser le contenu critique hors du premier écran.
- Comportement mobile
- Placer la microcopy sous le CTA, avec une largeur lisible et sans chevauchement ni débordement à 390 px.
- Accessibilité
- Le texte reste sélectionnable et lisible avec un contraste suffisant. Il ne remplace pas le libellé accessible du lien.
- Vérification sans action externe
- Vérifier le texte et le href en environnement local ou de test, puis capturer les vues 390 px et 1440 px, sans ouvrir de réservation.
- Résultat attendu
- le changement répond à la correction proposée, reste cohérent avec le contenu existant et ne déclenche aucune action externe.
- Inconnues sans accès au code
- Le comportement après ouverture de Cal.com et les clics réels sont hors scope.
Prompts à copier
- Priorité : Haute, PXL interne 9/12. - Localisation : hero, près du CTA principal. - État actuel : le CTA « Trouver mon premier usage » ouvre Cal.com, tandis que la durée de 20 minutes et l’absence d’engagement sont précisées plus bas. - Correction attendue : ajouter sous le CTA du hero « Réservation Cal.com, 20 min, sans engagement ». - Dépendance : validation éditoriale de la microcopy, puis QA desktop et mobile. Le href Cal.com reste inchangé.
Prompt éditorial ou no-code
Tu révises uniquement la microcopy adjacente au CTA principal du hero de quentinlecocq.com. Contexte vérifié : le CTA « Trouver mon premier usage » ouvre Cal.com. La page doit annoncer, près de ce CTA, la destination Cal.com, une durée de 20 min et l’absence d’engagement. Ne change pas le CTA, ne crée pas de second CTA et ne formule aucune promesse commerciale supplémentaire. Entrées : - Texte actuel du hero : [COLLER] - CTA actuel : [COLLER] - Destination actuellement vérifiée : [COLLER] - Contraintes de ton : [COLLER OU « aucune fournie »] Propose une seule microcopy exacte, sous cette forme : « Réservation Cal.com, 20 min, sans engagement » Si une adaptation de ponctuation est indispensable pour respecter le ton existant, donne-la comme variante unique et explique en une phrase ce qui change. Vérifie explicitement que le texte n’ajoute ni durée différente, ni promesse, ni nouveau lien.
Prompt pour un agent de développement
Inspecte d’abord le dépôt réel : identifie le composant ou la source de contenu qui rend le CTA principal du hero, son href actuel et les styles qui régissent sa zone d’action. Ne déduis pas la structure depuis le site public. Cette demande est de revue uniquement : ne modifie aucun fichier du dépôt, ne lance aucune commande, aucun test, aucun serveur local ou aperçu, ne consulte pas d’environnement distant et n’effectue aucune action externe. Toute application nécessite une instruction humaine distincte. Ensuite, propose avant toute modification : 1. un plan concis ; 2. les fichiers concernés et pourquoi ; 3. un diff minimal qui ajoute sous le CTA du hero le texte HTML exact « Réservation Cal.com, 20 min, sans engagement » ; 4. les tests ou vérifications à exécuter. Contraintes non négociables : - conserve exactement la destination Cal.com existante du lien ; - n’ajoute aucun second lien, CTA, événement, tracking ou destination ; - conserve le texte comme HTML sélectionnable, visuellement associé au CTA, sans remplacer son libellé accessible ; - vérifie le rendu à 390 px et 1440 px, sans débordement horizontal ; - ne publie pas, ne déploie pas, ne crée pas de pull request, ne merge pas et n’ouvre aucune réservation. Retourne uniquement le plan, les fichiers concernés, un diff proposé non appliqué et un protocole de vérification à exécuter ultérieurement par une personne autorisée. Pour chaque test proposé, indique l’objectif, les prérequis et le résultat attendu. Signale explicitement les éléments non vérifiables sans exécution.
Prompt de relecture
Relis la correction A1 dans son rendu local. Vérifie mot à mot que la microcopy visible sous le CTA du hero est « Réservation Cal.com, 20 min, sans engagement ». Vérifie que le CTA conserve exactement son href Cal.com existant et qu’aucun second lien ne concurrence l’action principale. Signale toute promesse, durée, destination ou formulation ajoutée qui ne figure pas dans la consigne. Donne un verdict : conforme, à corriger, ou non vérifiable.
Prompt QA
Exécute une QA locale ou de prévisualisation pour A1, sans ouvrir ni soumettre de réservation. Contrôle à 390 px et 1440 px : lisibilité du CTA et de la microcopy, ordre de lecture, absence de chevauchement et de débordement horizontal. Inspecte le href final du CTA et compare-le à sa valeur avant modification. Retourne un tableau critère / résultat / preuve / anomalie, puis un verdict de validation.
Le comportement après ouverture de Cal.com et les clics réels sont hors scope. Une personne responsable doit approuver la microcopy avant intégration et confirmer le href de référence. ---
2 Montrer un premier usage réel anonymisé Pas encore appliqué
A2 Priorité moyenne
Montrer un premier usage réel anonymisé
Les visuels expliquent les couches du système, mais aucun écran réel Discord, Obsidian ou GitHub n’est visible sur la home page.
La correction recommandée
Ajouter une capture anonymisée ou une démonstration courte montrant un premier usage de Discord vers Obsidian puis GitHub.
Constat inchangé sur la page publique.
Dépendance ou condition préalable
Condition préalable : disposer d’un contenu réel, anonymisé, autorisé et utilisable. Choisir le format et son rendu mobile.
Critères d'acceptation
Limite de cette observation
Le DOM public ne révèle pas le composant média, la stratégie vidéo, les tests de performance ni les contraintes de contenu.
Comment l'implémenter
- Emplacement
- Hero, en remplacement ou complément du visuel conceptuel.
- État actuel
- Les visuels expliquent les couches du système, mais aucun écran réel Discord, Obsidian ou GitHub n’est visible sur la home page.
- Changement attendu
- Ajouter une capture anonymisée ou une démonstration courte montrant un premier usage de Discord vers Obsidian puis GitHub.
- Comportement desktop
- Intégrer le média sans masquer le H1, le CTA ou le repère de continuité du hero.
- Comportement mobile
- Le média doit rester disponible sur mobile, contrairement au visuel actuel masqué sous lg, ou être remplacé par un résumé textuel équivalent.
- Accessibilité
- Fournir un alt qui décrit la séquence utile, ou un texte adjacent équivalent si le média est décoratif ou trop détaillé.
- Vérification sans action externe
- Contrôler anonymisation, autorisation, alt ou équivalent textuel, poids du média et rendu 390 px / 1440 px, sans publier ni appeler de service externe.
- Résultat attendu
- le changement répond à la correction proposée, reste cohérent avec le contenu existant et ne déclenche aucune action externe.
- Inconnues sans accès au code
- Le DOM public ne révèle pas le composant média, la stratégie vidéo, les tests de performance ni les contraintes de contenu.
Prompts à copier
- Priorité : Moyenne, PXL interne 8/12. - Localisation : hero, en remplacement ou complément du visuel conceptuel. - Correction attendue : ajouter une capture anonymisée ou une démonstration courte montrant un premier usage de Discord vers Obsidian puis GitHub. - Dépendance impérative : disposer d’un contenu réel, anonymisé, autorisé et utilisable. Choisir le format et son rendu mobile.
Prompt éditorial ou no-code
Tu prépares le contenu d’un média de premier usage réel pour le hero ou sa proximité sur quentinlecocq.com. Ne travaille que sur les faits fournis. Le média doit rendre compréhensible la séquence Discord, note Obsidian, historique GitHub. Ne simule aucune donnée client et ne transforme pas une hypothèse en preuve. Entrées : - Média et source réelle : [COLLER] - Autorisation et attribution : [COLLER] - Éléments anonymisés : [COLLER] - Faits observables dans la séquence : [COLLER] Produis : 1. un résumé textuel adjacent de 2 à 3 phrases maximum ; 2. un alt utile ou, si le média est trop détaillé, une recommandation de texte équivalent adjacent ; 3. une liste des données qui doivent rester invisibles ; 4. un contrôle explicite confirmant qu’aucune promesse de résultat, métrique ou donnée non autorisée n’a été ajoutée. Si l’autorisation, l’anonymisation ou le caractère réel du média ne sont pas démontrés, arrête-toi et réponds « contenu non intégrable à ce stade ».
Prompt pour un agent de développement
Inspecte d’abord le dépôt réel pour localiser le hero, le composant média existant, la gestion des images ou vidéos, les conventions d’accessibilité et le comportement responsive. Ne suppose pas le composant à partir de l’inspection publique. Cette demande est de revue uniquement : ne modifie aucun fichier du dépôt, ne lance aucune commande, aucun test, aucun serveur local ou aperçu, ne consulte pas d’environnement distant et n’effectue aucune action externe. Toute application nécessite une instruction humaine distincte. Avant toute modification, demande ou vérifie les prérequis bloquants : média réel, autorisé, anonymisé et utilisable. Si un prérequis manque, ne propose aucun faux contenu et explique précisément le blocage. Si les prérequis sont confirmés, fournis : 1. un plan concis intégrant A2 avec A3 si les deux modifications touchent le même premier écran ; 2. les fichiers concernés ; 3. un diff minimal qui rend le média et son texte d’accompagnement disponibles à 390 px et 1440 px ; 4. les contrôles d’alt ou d’équivalent textuel, de poids du média et de responsive ; 5. les tests à exécuter. Contraintes : - le média doit provenir d’un usage réel et ne contenir aucune donnée identifiable ou non autorisée ; - la séquence Discord, Obsidian puis GitHub doit rester compréhensible par le média et le texte adjacent ; - ne masque ni le H1 ni le CTA, y compris sur mobile ; - ne publie pas, ne déploie pas, ne crée pas de pull request, ne merge pas et n’appelle aucun service externe. Retourne uniquement le plan, les fichiers concernés, un diff proposé non appliqué et un protocole de vérification à exécuter ultérieurement par une personne autorisée. Pour chaque test proposé, indique l’objectif, les prérequis et le résultat attendu. Signale explicitement les éléments non vérifiables sans exécution.
Prompt de relecture
Relis A2 uniquement à partir des preuves fournies. Confirme séparément : origine réelle du média, autorisation, anonymisation, compréhension de la séquence Discord puis Obsidian puis GitHub, présence d’un alt ou texte équivalent et absence de promesse non documentée. Si l’un de ces éléments n’est pas prouvé, classe le contenu « non intégrable à ce stade ». Ne déduis jamais le consentement d’une simple capture.
Prompt QA
Effectue une QA locale A2 sans publication ni appel externe. À 390 px et 1440 px, vérifie la présence du média ou de son équivalent textuel, sa lisibilité, son alt ou texte adjacent, l’absence de masquage du H1 et du CTA, l’absence de débordement et le poids réel du média si l’outil le permet. Documente séparément les contrôles techniques et ceux qui exigent une validation humaine d’autorisation/anonymisation.
Le DOM public ne révèle pas le composant média, la stratégie vidéo, les tests de performance ni les contraintes de contenu. Une validation humaine doit confirmer l’origine réelle, l’autorisation, l’anonymisation et la formulation du texte adjacent avant toute intégration. ---
3 Faire remonter trois situations avant et après Partiellement appliqué
A3 Priorité moyenne
Faire remonter trois situations avant et après
Les composants et les cinq étapes occupent davantage d’espace que les changements quotidiens concrets.
La correction recommandée
Ajouter trois situations de premiers usages formulées avant et après, sans promesse chiffrée.
Les trois situations avant et après sont présentes en section I. Les composants et les cinq étapes occupent toujours davantage d'espace qu'elles.
Dépendance ou condition préalable
Valider éditorialement trois situations issues de contenus réels et arbitrer leur insertion avec A2 pour préserver la hauteur du hero.
Critères d'acceptation
Limite de cette observation
La priorisation suppose un emplacement proche du hero. Le composant source et les motifs de contenu réutilisables restent inconnus.
Comment l'implémenter
- Emplacement
- À proximité du hero, avant les composants.
- État actuel
- Les composants et les cinq étapes occupent davantage d’espace que les changements quotidiens concrets.
- Changement attendu
- Ajouter trois situations de premiers usages formulées avant et après, sans promesse chiffrée.
- Comportement desktop
- Présenter les trois situations dans une structure scannable et reliée au hero, sans concurrencer le CTA.
- Comportement mobile
- Empiler les situations dans un ordre explicite avant puis après, avec des retours à la ligne contrôlés.
- Accessibilité
- Employer de vrais intertitres et texte HTML. Ne pas différencier le avant et après par la seule couleur ou une icône.
- Vérification sans action externe
- Relire les formulations avec les contenus source, contrôler la structure et les retours à la ligne aux deux largeurs, sans soumettre de formulaire ni modifier la production.
- Résultat attendu
- le changement répond à la correction proposée, reste cohérent avec le contenu existant et ne déclenche aucune action externe.
- Inconnues sans accès au code
- La priorisation suppose un emplacement proche du hero. Le composant source et les motifs de contenu réutilisables restent inconnus.
Prompts à copier
- Priorité : Moyenne, PXL interne 8/12. - Localisation : à proximité du hero, avant les composants. - Correction attendue : créer trois paires avant / après sur retrouver le contexte, préparer une action avec des notes organisées et garder une trace versionnée. - Dépendance : valider éditorialement trois situations issues de contenus réels et arbitrer leur insertion avec A2 pour préserver la hauteur du hero.
Prompt éditorial ou no-code
Tu rédiges un bloc de trois paires avant / après pour quentinlecocq.com, à proximité du hero. Utilise uniquement les situations fournies et formule chacune comme une situation quotidienne concrète, non comme une capacité technique. Les trois thèmes attendus sont : retrouver le contexte, préparer une action avec des notes organisées, garder une trace versionnée. Entrées : - Situations et faits source : [COLLER] - Ton et formulation existante : [COLLER] - Contraintes de longueur : [COLLER] Retourne trois paires clairement étiquetées « Avant » et « Après ». Ne mets aucun gain chiffré, délai, promesse de résultat, causalité, témoignage non documenté ou bénéfice non fourni. Reste factuel et cohérent avec la page. Ajoute une courte note expliquant comment préserver la hiérarchie du CTA.
Prompt pour un agent de développement
Inspecte d’abord le dépôt réel pour identifier le hero, la zone d’actions, la section suivante, les motifs de contenu réutilisables et les règles responsive. Vérifie aussi si A2 est traité dans le même changement afin d’éviter deux ajouts concurrents dans le premier écran. Cette demande est de revue uniquement : ne modifie aucun fichier du dépôt, ne lance aucune commande, aucun test, aucun serveur local ou aperçu, ne consulte pas d’environnement distant et n’effectue aucune action externe. Toute application nécessite une instruction humaine distincte. Si les trois situations validées et leurs contenus source ne sont pas fournis, arrête-toi et réponds : « A3 non intégrable à ce stade : situations source ou validation éditoriale manquantes ». Ne rédige aucune paire avant / après de substitution. Avant toute modification, fournis : 1. un plan concis pour l’emplacement et l’ordre de lecture ; 2. les fichiers concernés ; 3. un diff minimal pour un bloc HTML sémantique de trois paires avant / après ; 4. les tests et vérifications de rendu. Contraintes : - emploie de vrais intertitres et du texte HTML ; - ne différencie pas avant et après par la seule couleur ou une icône ; - n’ajoute aucune métrique, promesse de productivité, délai, résultat client ou témoignage non documenté ; - à 390 px et 1440 px, maintiens le bon ordre, la lisibilité et la hiérarchie du hero et du CTA ; - ne publie pas, ne déploie pas, ne crée pas de pull request et ne merge pas. Retourne uniquement le plan, les fichiers concernés, un diff proposé non appliqué et un protocole de vérification à exécuter ultérieurement par une personne autorisée. Pour chaque test proposé, indique l’objectif, les prérequis et le résultat attendu. Signale explicitement les éléments non vérifiables sans exécution.
Prompt de relecture
Relis les trois paires A3. Pour chacune, identifie la situation concrète décrite et vérifie qu’elle ne se réduit pas à une capacité technique. Cherche explicitement chiffres, délais, promesses, causalité et témoignages non documentés. Vérifie que « Avant » précède « Après » dans l’ordre de lecture. Rends un verdict par paire puis un verdict global : conforme, à corriger, ou non vérifiable.
Prompt QA
Teste A3 en environnement local ou de prévisualisation, sans action externe. À 390 px et 1440 px, contrôle l’ordre de lecture, les intertitres, les retours à la ligne, la lisibilité, la hauteur du premier écran, le maintien du H1 et du CTA, ainsi que l’absence de débordement horizontal. Vérifie au clavier que le contenu n’est pas dépendant de la couleur ou d’icônes seules. Retourne les résultats avec capture ou référence de preuve disponible.
Le composant source et les motifs réutilisables sont inconnus sans code. Un humain doit valider que les trois situations proviennent bien de contenus réels et restent cohérentes avec le positionnement de la page. ---
4 Ajouter une seconde preuve autorisée lorsqu’elle existe Pas encore appliqué
A4 Priorité moyenne
Ajouter une seconde preuve autorisée lorsqu’elle existe
La preuve publique visible comprend surtout un témoignage attribué, une première prestation décrite et une réalisation anonymisée.
La correction recommandée
Ajouter un second retour autorisé ou un résultat documenté uniquement lorsqu’il existe.
Constat inchangé sur la page publique.
Dépendance ou condition préalable
Condition préalable : preuve réelle, consentement, attribution validée et, si nécessaire, anonymisation. Ne rien fabriquer.
Critères d'acceptation
Limite de cette observation
La disponibilité de ce contenu, son format, son consentement et son composant de rendu ne sont pas établis par l’inspection publique.
Comment l'implémenter
- Emplacement
- Section #preuve.
- État actuel
- La preuve publique visible comprend surtout un témoignage attribué, une première prestation décrite et une réalisation anonymisée.
- Changement attendu
- Ajouter un second retour autorisé ou un résultat documenté uniquement lorsqu’il existe.
- Comportement desktop
- Préserver la lecture de la section déjà dense et distinguer clairement la nouvelle preuve du témoignage existant.
- Comportement mobile
- Conserver attribution et contexte dans l’ordre de lecture, sans carte trop dense ni texte réduit.
- Accessibilité
- Associer explicitement le contenu, son attribution autorisée et son contexte. Tout visuel porte un alt utile ou est décoratif.
- Vérification sans action externe
- Vérifier autorisation, attribution, exactitude du verbatim ou du résultat, puis le rendu des deux vues, sans contacter, publier ni envoyer quoi que ce soit.
- Résultat attendu
- le changement répond à la correction proposée, reste cohérent avec le contenu existant et ne déclenche aucune action externe.
- Inconnues sans accès au code
- La disponibilité de ce contenu, son format, son consentement et son composant de rendu ne sont pas établis par l’inspection publique.
Prompts à copier
- Priorité : Moyenne, PXL interne 6/12. - Localisation : section `#preuve`. - Correction attendue : ajouter un second retour autorisé ou un résultat documenté uniquement lorsqu’il existe. - Statut : **conditionnelle**. Sans preuve réelle, consentement, attribution validée et anonymisation si nécessaire, ne pas créer le bloc.
Prompt éditorial ou no-code
Évalue si une seconde preuve peut être intégrée dans la section #preuve de quentinlecocq.com. Préconditions obligatoires : preuve réelle, consentement, attribution validée et anonymisation si nécessaire. N’invente ni témoignage, ni résultat, ni consentement, ni attribution. Entrées : - Preuve source : [COLLER] - Autorisation traçable : [COLLER] - Attribution autorisée : [COLLER] - Contexte minimal : [COLLER] - Éléments anonymisés : [COLLER] Si une précondition manque ou n’est pas prouvée, réponds exactement : « A4 non intégrable à ce stade : [précondition manquante] ». Ne rédige aucun bloc de remplacement. Si toutes les préconditions sont prouvées, propose un bloc distinct concis contenant uniquement le contenu documenté, son attribution autorisée et son contexte minimal. Vérifie explicitement qu’il ne généralise pas, ne chiffre pas et ne prétend pas à une causalité au-delà de la source.
Prompt pour un agent de développement
Inspecte d’abord le dépôt réel pour localiser la section #preuve, sa structure de contenu, les composants existants de témoignage ou de preuve, les conventions d’accessibilité et le comportement responsive. Ne déduis aucune structure privée du DOM public. Cette demande est de revue uniquement : ne modifie aucun fichier du dépôt, ne lance aucune commande, aucun test, aucun serveur local ou aperçu, ne consulte pas d’environnement distant et n’effectue aucune action externe. Toute application nécessite une instruction humaine distincte. Avant de planifier un diff, vérifie les préconditions documentaires : preuve réelle, consentement, attribution validée et anonymisation si nécessaire. Si l’une manque, arrête le travail et retourne « A4 non intégrable à ce stade », avec le prérequis manquant. Ne crée aucun placeholder ni faux bloc. Si toutes les préconditions sont satisfaites, présente avant toute modification : 1. un plan concis ; 2. les fichiers concernés ; 3. un diff minimal ajoutant un bloc de preuve distinct ; 4. les tests de lisibilité, d’attribution et de responsive. Contraintes : - conserve la source, l’attribution autorisée et le contexte minimal ; - ne formule aucun résultat généralisé, chiffré ou causal au-delà du contenu réellement documenté ; - associe explicitement contenu, attribution et contexte ; tout visuel a un alt utile ou est décoratif ; - à 390 px et 1440 px, le bloc est lisible, attribution visible, sans débordement ; - ne contacte personne, ne publie pas, ne déploie pas, ne crée pas de pull request et ne merge pas. Retourne uniquement le plan, les fichiers concernés, un diff proposé non appliqué et un protocole de vérification à exécuter ultérieurement par une personne autorisée. Pour chaque test proposé, indique l’objectif, les prérequis et le résultat attendu. Signale explicitement les éléments non vérifiables sans exécution.
Prompt de relecture
Relis A4 avec une posture de contrôle de preuve. Vérifie la trace de réalité, l’autorisation, l’attribution et l’anonymisation avant de commenter le style. Compare chaque affirmation au verbatim ou document source. Marque comme bloquante toute généralisation, tout chiffre, toute causalité, toute attribution ou tout consentement non prouvé. Confirme aussi qu’aucun bloc n’a été créé si les préconditions sont absentes. Donne un verdict : intégrable, à corriger, ou non intégrable à ce stade.
Prompt QA
Réalise une QA locale A4 sans contacter, publier, envoyer ni appeler de service externe. Vérifie la présence conjointe du contenu, de son attribution autorisée et de son contexte, ainsi que l’alt si un visuel est présent. À 390 px et 1440 px, contrôle lisibilité, densité, ordre de lecture, visibilité de l’attribution et absence de débordement. Sépare les résultats de rendu des validations documentaires qui relèvent d’un humain.
La disponibilité du contenu, son consentement, son format et son composant de rendu ne sont pas établis par l’inspection publique. La validation humaine de la preuve, de l’autorisation, de l’attribution, de l’anonymisation et du texte final est bloquante. ---
5 Traduire les termes techniques par leurs bénéfices Pas encore appliqué
A5 Priorité moyenne
Traduire les termes techniques par leurs bénéfices
La fiche emploie notamment vault, versionné, infra, socle et garde-fou.
La correction recommandée
Conserver les noms utiles et expliquer leur conséquence concrète à la première occurrence.
Constat inchangé sur la page publique.
Dépendance ou condition préalable
Validation éditoriale des formulations et repérage de l’origine du contenu ou de sa centralisation.
Critères d'acceptation
Limite de cette observation
L’inspection publique ne révèle pas où le contenu est géré ni si les termes sont partagés par d’autres composants.
Comment l'implémenter
- Emplacement
- Sections #anatomie, #methode, #perimetre et #preuve.
- État actuel
- La fiche emploie notamment vault, versionné, infra, socle et garde-fou.
- Changement attendu
- Conserver les noms utiles et expliquer leur conséquence concrète à la première occurrence.
- Comportement desktop
- Conserver les intertitres et le rythme des sections, sans transformer les fiches en paragraphes trop longs.
- Comportement mobile
- Contrôler les retours à la ligne des explications ajoutées, particulièrement dans les labels et fiches étroites.
- Accessibilité
- Employer des mots compréhensibles dans le texte courant. Ne pas réserver l’explication utile à une infobulle inaccessible au clavier.
- Vérification sans action externe
- Comparer chaque formulation au contenu source, rechercher les cinq termes ciblés dans le rendu et contrôler les deux largeurs sans action externe.
- Résultat attendu
- le changement répond à la correction proposée, reste cohérent avec le contenu existant et ne déclenche aucune action externe.
- Inconnues sans accès au code
- L’inspection publique ne révèle pas où le contenu est géré ni si les termes sont partagés par d’autres composants.
Prompts à copier
- Priorité : Moyenne, PXL interne 5/12. - Localisation : sections `#anatomie`, `#methode`, `#perimetre` et `#preuve`. - Termes ciblés repérés : vault, versionné, infra, socle et garde-fou. - Correction attendue : conserver les termes utiles et expliquer leur conséquence concrète à la première occurrence.
Prompt éditorial ou no-code
Tu clarifies les termes techniques de quentinlecocq.com dans #anatomie, #methode, #perimetre et #preuve. Pour chaque terme ciblé présent dans les extraits fournis, conserve le terme quand il est utile puis ajoute, à sa première occurrence, une conséquence courte et factuelle pour le lecteur. Les termes ciblés sont : vault, versionné, infra, socle et garde-fou. Entrées : - Extraits source : [COLLER] - Ton et terminologie à préserver : [COLLER] - Termes réellement présents : [COLLER] Retourne un tableau terme / extrait original / réécriture proposée / conséquence utile. Ne réécris pas une promesse commerciale, n’ajoute aucun gain, délai ou résultat, et ne fournis pas d’explication dans une infobulle. Signale tout terme absent plutôt que de l’inventer.
Prompt pour un agent de développement
Inspecte d’abord le dépôt réel pour localiser l’origine ou la centralisation du contenu de #anatomie, #methode, #perimetre et #preuve. Recherche les occurrences réelles de vault, versionné, infra, socle et garde-fou, ainsi que les composants ou données partagés qui les rendent. Cette demande est de revue uniquement : ne modifie aucun fichier du dépôt, ne lance aucune commande, aucun test, aucun serveur local ou aperçu, ne consulte pas d’environnement distant et n’effectue aucune action externe. Toute application nécessite une instruction humaine distincte. Avant toute modification, fournis : 1. un plan concis ; 2. un inventaire terme / première occurrence / fichier ou source concernée ; 3. un diff minimal contenant seulement les explications éditoriales validées ; 4. les tests de contenu et de rendu à exécuter. Contraintes : - chaque terme ciblé présent dans le périmètre reçoit une conséquence utile à sa première occurrence ; - garde des mots compréhensibles dans le texte courant, sans réserver l’explication à une infobulle inaccessible au clavier ; - n’ajoute aucune promesse de gain, délai ou résultat ; - contrôle les retours à la ligne à 390 px et 1440 px ; - ne publie pas, ne déploie pas, ne crée pas de pull request et ne merge pas. Retourne uniquement le plan, les fichiers concernés, un diff proposé non appliqué et un protocole de vérification à exécuter ultérieurement par une personne autorisée. Pour chaque test proposé, indique l’objectif, les prérequis et le résultat attendu. Signale explicitement les éléments non vérifiables sans exécution.
Prompt de relecture
Relis A5 en comparant chaque terme ciblé au texte source réel. Vérifie que chaque terme présent reçoit, à sa première occurrence, une conséquence utile, compréhensible et factuelle. Cherche les gains, délais, résultats ou promesses introduits par la réécriture. Contrôle qu’aucun terme absent n’a été ajouté. Retourne un tableau terme / conforme / correction nécessaire / justification.
Prompt QA
Effectue une QA locale A5. Recherche dans le rendu les occurrences de vault, versionné, infra, socle et garde-fou, puis vérifie l’explication associée à leur première occurrence. À 390 px et 1440 px, contrôle les retours à la ligne, la lisibilité et l’absence de débordement horizontal. Vérifie aussi au clavier que les explications utiles sont disponibles dans le texte courant. Retourne les preuves disponibles et les écarts.
L’inspection publique ne révèle pas l’origine du contenu ni son éventuelle centralisation. Un humain doit valider la précision de chaque conséquence proposée et l’adéquation au ton existant. ---
6 Remonter les textes informatifs à 14 px minimum Partiellement appliqué
A6 Priorité basse
Remonter les textes informatifs à 14 px minimum
Des descriptions et libellés porteurs d’information sont mesurés entre 9 et 13 px.
La correction recommandée
Passer les textes informatifs à 14 px minimum et réserver les micro-tailles aux repères décoratifs.
Les textes sous 14 px sont passés de 90 à 46 en desktop et de 84 à 44 en mobile. Des mentions à 9 et 10 px subsistent, dont l'attribution du témoignage.
Dépendance ou condition préalable
Inventorier les textes porteurs de sens avant modification, distinguer variables globales et classes locales, puis réaliser une QA complète.
Critères d'acceptation
Limite de cette observation
La portée réelle des variables CSS, les composants partageant les classes et les tests internes restent inconnus sans code source.
Comment l'implémenter
- Emplacement
- Principalement #anatomie, #perimetre et #preuve, desktop et mobile.
- État actuel
- Des descriptions et libellés porteurs d’information sont mesurés entre 9 et 13 px.
- Changement attendu
- Passer les textes informatifs à 14 px minimum et réserver les micro-tailles aux repères décoratifs.
- Comportement desktop
- Vérifier les cartes, colonnes et sections longues pour éviter un changement de hauteur ou de chevauchement inattendu.
- Comportement mobile
- Vérifier l’augmentation de hauteur, le reflow des cartes et l’absence de débordement horizontal à 390 px.
- Accessibilité
- La taille minimale concerne les informations nécessaires à la compréhension. Conserver contraste, interlignage et ordre de lecture.
- Vérification sans action externe
- Inspecter les textes ciblés dans le navigateur de test aux deux largeurs, vérifier styles calculés et captures, sans toucher au site public.
- Résultat attendu
- le changement répond à la correction proposée, reste cohérent avec le contenu existant et ne déclenche aucune action externe.
- Inconnues sans accès au code
- La portée réelle des variables CSS, les composants partageant les classes et les tests internes restent inconnus sans code source.
Prompts à copier
- Priorité : Basse, PXL interne 4/12. - Localisation : principalement `#anatomie`, `#perimetre` et `#preuve`, desktop et mobile. - État actuel : des descriptions et libellés porteurs d’information sont mesurés entre 9 et 13 px. - Correction attendue : passer les textes informatifs à 14 px minimum et réserver les micro-tailles aux repères décoratifs.
Prompt éditorial ou no-code
Tu aides à classer les textes de quentinlecocq.com avant une correction typographique A6. Ne propose aucun style ni code tant que l’inventaire n’est pas complet. Entrées : - Extraits ou captures des sections #anatomie, #perimetre et #preuve : [COLLER] - Inventaire initial : [COLLER] Pour chaque texte, classe-le en : - « porteur de sens » s’il est nécessaire pour comprendre une description, un mode de permission, une légende utile ou un texte de preuve ; - « repère décoratif » s’il s’agit uniquement d’un numéro, séparateur ou repère non nécessaire à la compréhension ; - « à valider » si le rôle est ambigu. Retourne un tableau texte / section / classification / justification. Ne conclus pas qu’un texte est décoratif parce qu’il est petit, et ne formule aucune modification globale non vérifiée.
Prompt pour un agent de développement
Inspecte d’abord le dépôt réel pour inventorier les textes de #anatomie, #perimetre et #preuve, leurs composants, styles calculés, variables globales et classes locales. Distingue les textes porteurs de sens des repères décoratifs avant toute proposition de style. Ne suppose pas que les variables ou classes observées publiquement ont la même portée dans le dépôt. Cette demande est de revue uniquement : ne modifie aucun fichier du dépôt, ne lance aucune commande, aucun test, aucun serveur local ou aperçu, ne consulte pas d’environnement distant et n’effectue aucune action externe. Toute application nécessite une instruction humaine distincte. Avant toute modification, fournis : 1. un plan concis ; 2. un inventaire texte / rôle / style actuel / composant ou fichier ; 3. une analyse des variables globales et classes locales potentiellement touchées ; 4. un diff minimal ciblant uniquement les textes informatifs à 14 px minimum ; 5. les tests de styles calculés et de responsive à exécuter. Contraintes : - chaque texte informatif ciblé doit s’afficher à 14 px minimum ; - ne modifie pas par défaut les numéros, séparateurs et repères purement décoratifs ; - ne fais pas de hausse globale non vérifiée ; - préserve contraste, interlignage et ordre de lecture ; - à 390 px et 1440 px, aucune carte, section ou texte ciblé ne déborde, ne se chevauche ou ne devient tronqué ; - ne publie pas, ne déploie pas, ne crée pas de pull request et ne merge pas. Retourne uniquement le plan, les fichiers concernés, un diff proposé non appliqué et un protocole de vérification à exécuter ultérieurement par une personne autorisée. Pour chaque test proposé, indique l’objectif, les prérequis et le résultat attendu. Signale explicitement les éléments non vérifiables sans exécution.
Prompt de relecture
Relis A6 à partir de l’inventaire et du rendu. Vérifie que chaque texte modifié est bien porteur de sens et qu’aucun repère décoratif n’a été modifié par défaut. Pour chaque élément informatif ciblé, contrôle la taille calculée à 14 px minimum. Signale toute généralisation de style non justifiée, toute baisse de contraste ou tout changement d’ordre de lecture. Rends un verdict : conforme, à corriger, ou non vérifiable.
Prompt QA
Effectue une QA locale A6, sans toucher à la production. À 390 px et 1440 px, contrôle les styles calculés des textes informatifs ciblés, leur taille minimale de 14 px, le contraste, l’interlignage, l’ordre de lecture, les cartes, les sections longues et l’absence de chevauchement, troncature ou débordement horizontal. Vérifie que les repères décoratifs non ciblés n’ont pas été modifiés par défaut. Retourne un inventaire de contrôle avec preuve disponible, résultat et anomalie.
La portée réelle des variables CSS, les composants qui partagent les classes et les tests internes restent inconnus sans code source. Un humain doit valider la classification des cas ambigus et la lisibilité finale sur les vues prévues. ---
Le prompt de toutes les actions
Si tu valides l'ensemble du plan, ce prompt reprend les 6 corrections d'un seul bloc, a coller dans ton outil. Sinon, pioche action par action : chacune a le sien.
Toutes les corrections
Tu interviens sur https://quentinlecocq.com/. Conversion suivie : Réserver un échange de 20 minutes via Cal.com. Cible : Solopreneurs qui vendent leur expertise et manipulent beaucoup d’informations. Voici les 6 corrections retenues, dans l'ordre de priorité. Applique-les une par une, et arrête-toi sur celles qui demandent une décision de ma part. ## A1 · Clarifier Cal.com, 20 min et sans engagement près du CTA Emplacement : Hero, près du CTA principal. État actuel : Le CTA « Trouver mon premier usage » ouvre Cal.com, tandis que la durée de 20 minutes et l’absence d’engagement sont précisées plus bas. Changement attendu : Ajouter sous le CTA du hero : « Réservation Cal.com, 20 min, sans engagement ». Critères d'acceptation : - La microcopy exacte est visible sous le CTA du hero et annonce Cal.com, 20 min et sans engagement. - Le lien conserve exactement sa destination Cal.com existante et aucun second lien ne concurrence le CTA. - À 390 px et 1440 px, le CTA et la microcopy restent lisibles, dans l’ordre attendu et sans débordement horizontal. Desktop : Conserver le bouton et la microcopy dans la zone d’action du hero sans repousser le contenu critique hors du premier écran. Mobile : Placer la microcopy sous le CTA, avec une largeur lisible et sans chevauchement ni débordement à 390 px. Accessibilité : Le texte reste sélectionnable et lisible avec un contraste suffisant. Il ne remplace pas le libellé accessible du lien. ## A2 · Montrer un premier usage réel anonymisé Emplacement : Hero, en remplacement ou complément du visuel conceptuel. État actuel : Les visuels expliquent les couches du système, mais aucun écran réel Discord, Obsidian ou GitHub n’est visible sur la home page. Changement attendu : Ajouter une capture anonymisée ou une démonstration courte montrant un premier usage de Discord vers Obsidian puis GitHub. Critères d'acceptation : - Le média provient d’un usage réel et ne contient aucune donnée identifiable ou non autorisée. - La séquence Discord, Obsidian puis GitHub est compréhensible via le média et son texte d’accompagnement. - À 390 px et 1440 px, le contenu est disponible, lisible et ne masque ni le H1 ni le CTA. Desktop : Intégrer le média sans masquer le H1, le CTA ou le repère de continuité du hero. Mobile : Le média doit rester disponible sur mobile, contrairement au visuel actuel masqué sous lg, ou être remplacé par un résumé textuel équivalent. Accessibilité : Fournir un alt qui décrit la séquence utile, ou un texte adjacent équivalent si le média est décoratif ou trop détaillé. ## A3 · Faire remonter trois situations avant et après Emplacement : À proximité du hero, avant les composants. État actuel : Les composants et les cinq étapes occupent davantage d’espace que les changements quotidiens concrets. Changement attendu : Ajouter trois situations de premiers usages formulées avant et après, sans promesse chiffrée. Critères d'acceptation : - Trois paires avant / après sont présentes et chacune décrit une situation concrète plutôt qu’une capacité technique abstraite. - Aucune paire ne contient de gain chiffré, de délai, de promesse de résultat ou de témoignage non documenté. - À 390 px et 1440 px, les paires restent dans le bon ordre, lisibles et ne dégradent pas la hiérarchie du hero. Desktop : Présenter les trois situations dans une structure scannable et reliée au hero, sans concurrencer le CTA. Mobile : Empiler les situations dans un ordre explicite avant puis après, avec des retours à la ligne contrôlés. Accessibilité : Employer de vrais intertitres et texte HTML. Ne pas différencier le avant et après par la seule couleur ou une icône. ## A4 · Ajouter une seconde preuve autorisée lorsqu’elle existe Emplacement : Section #preuve. État actuel : La preuve publique visible comprend surtout un témoignage attribué, une première prestation décrite et une réalisation anonymisée. Changement attendu : Ajouter un second retour autorisé ou un résultat documenté uniquement lorsqu’il existe. Critères d'acceptation : - Le nouveau contenu correspond à une preuve réelle dont l’autorisation et l’attribution sont tracées avant intégration. - Le bloc ne formule aucun résultat généralisé, chiffré ou causal au-delà du contenu réellement documenté. - À 390 px et 1440 px, le bloc est lisible, son attribution reste visible et il ne crée aucun débordement. Desktop : Préserver la lecture de la section déjà dense et distinguer clairement la nouvelle preuve du témoignage existant. Mobile : Conserver attribution et contexte dans l’ordre de lecture, sans carte trop dense ni texte réduit. Accessibilité : Associer explicitement le contenu, son attribution autorisée et son contexte. Tout visuel porte un alt utile ou est décoratif. ## A5 · Traduire les termes techniques par leurs bénéfices Emplacement : Sections #anatomie, #methode, #perimetre et #preuve. État actuel : La fiche emploie notamment vault, versionné, infra, socle et garde-fou. Changement attendu : Conserver les noms utiles et expliquer leur conséquence concrète à la première occurrence. Critères d'acceptation : - Chaque terme ciblé présent dans le périmètre est accompagné d’une conséquence utile à sa première occurrence. - Les explications restent factuelles, cohérentes avec la page et sans promesse de gain, délai ou résultat. - Les sections ciblées restent lisibles à 390 px et 1440 px avec des retours à la ligne contrôlés. Desktop : Conserver les intertitres et le rythme des sections, sans transformer les fiches en paragraphes trop longs. Mobile : Contrôler les retours à la ligne des explications ajoutées, particulièrement dans les labels et fiches étroites. Accessibilité : Employer des mots compréhensibles dans le texte courant. Ne pas réserver l’explication utile à une infobulle inaccessible au clavier. ## A6 · Remonter les textes informatifs à 14 px minimum Emplacement : Principalement #anatomie, #perimetre et #preuve, desktop et mobile. État actuel : Des descriptions et libellés porteurs d’information sont mesurés entre 9 et 13 px. Changement attendu : Passer les textes informatifs à 14 px minimum et réserver les micro-tailles aux repères décoratifs. Critères d'acceptation : - Un inventaire distingue les textes porteurs de sens des repères décoratifs avant toute modification de style. - Chaque texte informatif ciblé s’affiche à 14 px minimum, sans modifier par défaut les repères purement décoratifs. - À 390 px et 1440 px, aucune carte, section ou texte ciblé ne déborde, ne se chevauche ou ne devient tronqué. Desktop : Vérifier les cartes, colonnes et sections longues pour éviter un changement de hauteur ou de chevauchement inattendu. Mobile : Vérifier l’augmentation de hauteur, le reflow des cartes et l’absence de débordement horizontal à 390 px. Accessibilité : La taille minimale concerne les informations nécessaires à la compréhension. Conserver contraste, interlignage et ordre de lecture. ## Contraintes - Ne change que ce qui est décrit ci-dessus. Ne refonds rien d'autre. - Ne remplace aucun texte par une formulation inventée : les réécritures proposées dans l'audit sont des brouillons à valider. - N'ajoute aucun chiffre, témoignage, garantie ou délai qui ne figure pas déjà sur la page. - Vérifie chaque critère d'acceptation à 390 px et 1440 px avant de considérer une action faite. - Si une information manque, arrête-toi et demande, plutôt que de supposer.