EXEMPLE DE RAPPORT : « TidyWorks » est une entreprise fictive. Votre rapport parcourt vos propres pages, de haut en bas. Obtenir le vôtre →
Full-Page Audit

tidyworks.example : chaque page, de haut en bas

4 pages clés parcourues · 8 400 pixels de défilement analysés au total · ce que voit un nouveau visiteur, section par section · Exemple de rapport

L’Above the Fold Audit note ce qu’un visiteur voit pendant les 5 premières secondes. Ce rapport parcourt tout le défilement des 4 pages qui portent le parcours d’achat (page d’accueil, tarifs, page produit phare et contact), section par section. TidyWorks a un vrai élément différenciant (un workflow de validation réellement asynchrone que les agences adorent dès qu’elles le voient), mais sur chaque page, cet élément se trouve après le deuxième écran de défilement. Cette analyse montre exactement où il se cache et où le déplacer.

3.5/12
Score moyen sur les 4 pages TidyWorks parcourues
37%
Profondeur de défilement moyenne atteinte par un nouveau visiteur avant de partir (référence du secteur : ContentSquare 2024)
6
Atouts enfouis : des preuves et une valeur réelles déjà présentes sur le site, mais trop bas pour obtenir un clic

La bonne nouvelle : rien dans ce rapport ne demande une refonte. L’élément différenciant est déjà écrit. C’est le troisième H2 de la page d’accueil, la question de la FAQ sur la page tarifs, la vidéo de démo 1 600 px sous la ligne de flottaison sur la page produit. Tout l’audit est un travail de déplacement, pas d’écriture. Remontez la preuve, placez le CTA avant le deuxième écran, et TidyWorks cesse de jouer selon les règles de Filestage pour imposer les siennes.

1. / (page d’accueil) : l’élément différenciant est réel, et il se trouve en page 3

TidyWorks Product Pricing Customers Blog Log in Book a demo Streamline your creative feedback Book a demo Watch video the fold (900px) The differentiator ("async, not meetings") lives at 68% depth, two full scrolls below this fold ↓
Illustration de la page d’accueil de TidyWorks au-dessus de la ligne de flottaison (1440×900, première visite). Ordre des sections : navigation → titre hero → double CTA → capture du produit → [ligne de flottaison] → barre de logos → « Comment ça marche » → « Async, pas de réunions » (l’élément différenciant, à 68 % de profondeur) → témoignages → aperçu des tarifs → pied de page. Dans votre rapport, c’est une vraie capture d’écran de votre page, assemblée de haut en bas.

Ce qui fonctionne

La maquette produit de la section hero est vraiment bonne : une vraie capture de l’interface de validation, avec des commentaires épinglés sur des pixels précis, pas une illustration décorative. Les recherches du Baymard Institute sur les pages produit (2023) montrent de façon constante que l’interface réelle convertit 30 à 40 % mieux qu’un visuel abstrait. Le double CTA (« Réserver une démo » / « Voir la vidéo ») offre une destination à deux visiteurs aux intentions différentes, sans crier. Et le troisième H2 de la page, « Async, pas de réunions : remplacez le Zoom de 16 h par 15 secondes de commentaires épinglés », est l’une des lignes de positionnement les plus percutantes que nous ayons lues dans cette catégorie. Elle n’est simplement pas là où un visiteur la trouvera.

Là où ça fuit

Le titre ressemble exactement à ceux de Filestage et Ziflow

« Streamline your creative feedback » est le même titre que celui des deux plus grands concurrents, presque mot pour mot (Filestage : « Streamline your review and approval process » ; Ziflow : « Streamline creative reviews »). Un nouveau visiteur qui arrive depuis une recherche Google ne peut pas distinguer les trois produits à partir de la seule section hero. Les recherches de NN/g sur les deux premiers mots (2009) montrent que les lecteurs qui survolent accordent le même poids à « Streamline your » dans les trois onglets. Renvoie au constat 5 de l’audit approfondi (résultat vs nom de catégorie).

Corrections sur place : remplacez le H1 de la section hero par le H2 que vous avez déjà écrit. « Remplacez la réunion de validation de 16 h par 15 secondes de commentaires épinglés » est précis, met le bénéfice en premier, et aucun concurrent ne peut le copier sans admettre qu’il organise encore des réunions.

La section « Async, pas de réunions » résume tout l’argumentaire, et elle se trouve à 68 % de profondeur

Selon le Digital Experience Benchmark 2024 de ContentSquare, la profondeur de défilement moyenne d’une page d’accueil SaaS B2B est de 37 %. La section qui explique vraiment pourquoi TidyWorks existe se trouve à 68 %, atteinte par environ 1 visiteur sur 5. La preuve existe ; elle est simplement sur la partie de la page que personne ne voit.

Corrections sur place : remontez le bloc « Async, pas de réunions » en position 2 (juste sous la section hero, au-dessus de la barre de logos). Aucun nouveau texte ; un seul déplacement dans le modèle.

Six logos clients, tous sous la ligne de flottaison, aucun nommé

La barre de logos se trouve à ~52 % de profondeur et affiche six logos d’agences sans contexte : pas de ligne « Adopté par plus de 200 équipes créatives », pas de lien vers une étude de cas. Le Spiegel Research Center (2017) montre que des logos sans nom augmentent la confiance d’environ 11 % ; les mêmes logos avec un nombre d’avis l’augmentent jusqu’à 270 %. TidyWorks a déjà les logos ; il laisse le multiplicateur de côté.

Corrections sur place : ajoutez une ligne au-dessus de la bande de logos, « Adopté par [200+] agences, de [Huge] aux studios de deux personnes ». Puis remontez un logo au-dessus de la ligne de flottaison sous forme de mini-barre de confiance.

2. /pricing : le plan que veut le visiteur est caché derrière « Contactez-nous »

TidyWorks Simple pricing that scales with your team Monthly Yearly Basic For freelancers $19 / user / month Start free trial MOST POPULAR Team For agencies up to 25 people $49 / user / month Start free trial Enterprise For teams of 25+ Contact us Talk to sales 61% of TidyWorks' target agencies are 25+ people. This IS their plan.
La page /pricing au-dessus de la ligne de flottaison. Trois plans avec bascule mensuel/annuel. La colonne « Enterprise » affiche « Contactez-nous » au lieu d’un prix. C’est là qu’arrive le visiteur à la plus forte intention (le dirigeant d’une agence de taille moyenne) après avoir cliqué sur un lien vers les tarifs. Dans votre rapport, c’est une vraie capture d’écran de votre page tarifs.

Ce qui fonctionne

La structure à trois niveaux est claire, et le ruban vert « Le plus populaire » sur le plan Team utilise l’effet de leurre : selon les données de terrain de Predictably Irrational d’Ariely (étude sur l’abonnement à The Economist, 2008), il augmente le choix du niveau intermédiaire d’environ 40 %. La bascule de facturation est réglée par défaut sur mensuel, le choix honnête pour un produit qui commence par un essai. Et la liste des fonctionnalités sous chaque plan différencie vraiment les niveaux : pas de fausses barrières sur le « support prioritaire par e-mail ».

Là où ça fuit

Le plan que veut le visiteur à la plus forte intention n’a pas de prix

La page clients de TidyWorks cite des agences comme « Huge », « Wieden+Kennedy » et « un réseau mondial de plus de 40 studios ». Toutes atterrissent dans la colonne Enterprise. Les recherches de Price Intelligently sur les pages tarifs (2022) montrent que les visiteurs qui voient « Contactez-nous » au lieu d’un prix partent 45 % plus souvent que ceux qui voient un prix de départ, même une fourchette. TidyWorks cache le prix précisément au visiteur qu’il veut le plus.

Corrections sur place : remplacez « Contactez-nous » par « À partir de [39 $/utilisateur/mois] · facturation annuelle · contactez les ventes pour les volumes ». Vous gardez la conversation commerciale ; vous ne perdez plus le visiteur avant qu’elle commence.

La ligne sur le remboursement et la garantie se trouve dans la FAQ, 2 100 px plus bas

La FAQ des tarifs (à 74 % de profondeur) contient une phrase forte et précise : « Résiliez à tout moment en un clic. Pas de remboursement au prorata, mais pas de renouvellement surprise non plus. Nous vous envoyons un e-mail 7 jours avant chaque prélèvement. » C’est une meilleure inversion du risque que sur 90 % des pages tarifs SaaS B2B, et elle est enfouie tout en bas de la page. L’heuristique Conversion Sequence de MECLABS considère le coût perçu (risque compris) comme l’un des deux plus grands leviers d’une décision tarifaire.

Corrections sur place : remontez cette phrase en une seule ligne grise juste sous la grille des trois plans. Un paragraphe, aucun travail de design.

Aucune preuve sociale sur la page tarifs

Zéro logo, zéro citation, zéro nombre d’avis sur la page où le visiteur décide s’il vous confie sa carte de crédit. Spiegel Research Center (2017) : des avis affichés au moment de la décision augmentent la probabilité d’achat jusqu’à 270 %. TidyWorks a 47 avis G2 avec une moyenne de 4,7 étoiles. Aucun ne figure sur /pricing.

Corrections sur place : une ligne sous les cartes des plans : « ★ 4,7 sur G2 (47 avis) · Adopté par plus de 200 agences » avec deux logos clients nommés.

3. /product/reviews : une excellente vidéo de démo que personne ne lance, car elle se trouve sous le CTA

TidyWorks PRODUCT · REVIEWS Pinned comments, right on the pixel that needs fixing. Start free trial 1 2 static screenshot, no "play" affordance the fold (900px) The 90-second demo video is at 78% depth, 1,600px below the CTA that asks for a trial ↓
La page /product/reviews au-dessus de la ligne de flottaison. Colonne de gauche : texte hero et un seul CTA. Colonne de droite : une capture statique avec deux points d’annotation. Ordre des sections : hero → capture statique → trois blocs de fonctionnalités → grille des intégrations → [78 % de profondeur] la vidéo de démo de 90 secondes → FAQ → pied de page.

Ce qui fonctionne

Le H1, « Des commentaires épinglés, directement sur le pixel à corriger », est vraiment précis. Il décrit un mécanisme, pas une catégorie. Les deux points d’annotation sur la capture hero sont bien trouvés : ils reproduisent l’interaction principale du produit sur la page même. Et le texte du CTA (« Commencer l’essai gratuit », sans carte bancaire, mention enfouie au point 4 de la FAQ mais toujours vraie) correspond à l’intention d’un visiteur qui a cliqué sur un lien vers une page produit.

Là où ça fuit

La vidéo de démo de 90 secondes est l’atout le plus fort de la page, et elle se trouve à 78 % de profondeur

La vidéo suit une vraie personne chargée des validations dans une agence, sur un vrai projet, en 87 secondes. Le Video Marketing Report 2024 de Wistia montre que les visites guidées produit de 60 à 120 secondes obtiennent l’engagement le plus élevé de tous les formats vidéo B2B. Celle-ci existe, elle est bien produite, et environ 8 % des visiteurs atteignent la section qui la contient. La capture statique de la section hero fait le travail que la vidéo devrait faire.

Corrections sur place : remplacez la capture hero par l’image d’aperçu de la vidéo avec un bouton lecture. Même emplacement, même mise en page, +70 % de probabilité qu’un visiteur interagisse avec votre meilleur atout.

La grille des intégrations affiche « Adobe, Figma, Slack », mais les logos ne sont pas cliquables

La grille des intégrations, à 55 % de profondeur, affiche 12 logos sans liens, sans état de survol « Voir comment ça marche avec Figma », sans page par intégration. Un visiteur qui a cherché « tidyworks figma » arrive sur cette page, voit le logo Figma en image statique et n’a nulle part où aller. Les recherches sur le SEO programmatique (Ahrefs, 2023) montrent que les pages d’intégration se classent régulièrement dans le top 3 pour les requêtes « [produit] + [intégration] ».

Corrections sur place : placez chaque logo dans un lien vers une page dédiée à l’intégration (même une page minimale avec le logo et une description de deux paragraphes vaut la peine d’être publiée). Renvoie au constat 9 de l’audit approfondi.

Un seul CTA sur une page de 6 200 px de haut

La section hero contient « Commencer l’essai gratuit ». Ensuite, plus rien : pas de CTA répété à la fin de chaque bloc de fonctionnalités, pas de barre fixe, pas de section « Vous lisez encore ? Essayez ». Les recherches de NN/g sur les pages longues montrent que les CTA doivent apparaître à chaque point de décision naturel ; un visiteur qui lit jusqu’à 60 % de la page et décide de convertir doit remonter de 3 700 px pour trouver un bouton.

Corrections sur place : répétez le même bouton « Commencer l’essai gratuit » après la vidéo et après la grille des intégrations. Deux lignes de HTML.

4. /contact : la page à la plus forte intention, le parcours le plus vide

TidyWorks Get in touch Name Work email Company Message Submit "Submit" · no response-time promise · no calendar option · no direct email address
La page /contact. Ordre des sections : en-tête → formulaire de contact (4 champs + Envoyer) → pied de page. C’est toute la page : 1 240 px de hauteur au total, aucun défilement nécessaire. C’est aussi tout le parcours.

Ce qui fonctionne

Le formulaire ne demande que quatre champs (nom, e-mail professionnel, entreprise, message), exactement ce qu’il faut pour une demande de démo en haut de l’entonnoir. Les recherches de HubSpot sur la longueur des formulaires (2023) montrent que chaque champ au-delà de quatre réduit les envois d’environ 8 %. Le libellé « E-mail professionnel » (plutôt que simplement « E-mail ») signale une attente B2B, sans la validation agaçante qui bloque les adresses Gmail.

Là où ça fuit

Le bouton d’envoi dit « Envoyer »

La bibliothèque d’études de cas CTA d’Unbounce (2012, mise à jour en 2021) montre qu’un texte de bouton axé sur la valeur augmente le taux de clic de 38 à 68 % par rapport à des verbes génériques comme « Envoyer ». Un texte à la première personne (« Envoyer ma demande ») ajoute encore +90 %. Le bouton actuel est gris sur gris, ce qui le fait paraître désactivé, et ne porte aucune promesse. Renvoie au constat 1 de l’audit approfondi (la page la plus faible de l’Above the Fold Audit était aussi /contact).

Corrections sur place : passez le bouton en vert avec « Réserver ma démo » ou « Envoyer ma demande », et ajoutez une ligne en dessous : « Une vraie personne vous répond dans les [4 heures ouvrables]. »

Pas d’option de calendrier : le visiteur à la plus forte intention doit attendre un e-mail

Un visiteur sur /contact pour une démo a la plus forte intention d’achat de tous les visiteurs du site. Benchmark 2024 de Chili Piper : les pages qui proposent une réservation immédiate dans un calendrier convertissent 4,6× plus que les pages avec formulaire seul. TidyWorks fait attendre le visiteur : un commercial répond par e-mail, propose des créneaux, et l’élan retombe. Le bouton « Réserver une démo » de la navigation principale mène aussi ici, au même formulaire.

Corrections sur place : intégrez un Calendly (ou Cal.com) sous le formulaire, avec le calendrier du commercial. Gardez le formulaire en solution de repli. Renvoie au constat 4 de l’audit approfondi.

Aucun signal de confiance sur la page où le visiteur s’engage

Pas de logos, pas de témoignage, pas de « adopté par X agences », pas de badge G2, pas de label SOC2. C’est la page où le visiteur hésite avant de taper. TidyWorks possède tous ces éléments sur d’autres pages. La page /customers compte 14 agences nommées avec citations. Aucune n’apparaît ici.

Corrections sur place : dans la colonne de droite du formulaire, une citation d’un client nommé + le badge G2. Copiez-collez depuis /customers ; aucune rédaction nécessaire.

Synthèse : le schéma commun à toutes les pages

Chaque chapitre ci-dessus révèle le même schéma : l’atout le plus fort de la page est enfoui au-delà de l’attention du visiteur le plus motivé. L’élément différenciant est en page 3 de la page d’accueil. La garantie de remboursement est dans la FAQ des tarifs. La vidéo de démo est 1 600 px sous le CTA d’essai. Les citations de clients nommés existent sur /customers et nulle part ailleurs. Ce n’est pas un problème de rédaction. Les textes sont déjà écrits, et à plusieurs endroits, ils sont excellents. C’est un problème d’ordre.

Lisez cette analyse en complément de l’Above the Fold Audit : ce rapport-là est la liste de corrections au niveau du modèle (corriger le schéma de la section hero, du CTA et de la barre de preuves : les six leviers du modèle qui améliorent chaque page d’un coup). Cette analyse-ci est le backlog page par page : six modifications précises du type « remonter ce bloc », dont aucune ne demande un designer ou un rédacteur. Faites d’abord les corrections du modèle (une semaine), puis suivez cette liste de haut en bas (un après-midi par page). Si TidyWorks comble ce problème d’ordre, il ne ressemble plus à un Filestage au SEO moins bon et devient le seul outil de la catégorie qui remplace vraiment la réunion.

Note sur le périmètre : pages capturées le 10 août 2026 en 1440×900, première visite, cookies compris, sans session connectée. Pages parcourues : /, /pricing, /product/reviews, /contact. Pages citées dans le tableau de scores de l’Above the Fold Audit mais pas parcourues ici : /blog et /changelog (elles soutiennent le parcours sans le porter, et un premier acheteur y arrive rarement en premier), et /customers (analysée comme source de preuves pour les quatre chapitres ci-dessus plutôt que comme parcours de conversion à part entière).

Annexe : méthode & sources

Chaque page est capturée en 1440×900 lors d’une première visite, bandeau cookies compris, exactement comme la voit un nouveau visiteur. Chaque constat cite une profondeur de défilement (décalage vertical / hauteur de page) avec le texte exact de la page. La grille s’appuie sur des recherches fondamentales et reproduites en conversion (1923–2025) :