“Mon site est bien fait, les photos sont bonnes, les avis sont là… et pourtant les gens partent sans acheter. Je ne comprends pas.”
C’est la phrase qu’on entend dans un appel sur deux avec des marchands Shopify. Le site a été pensé avec soin. Les éléments sont là. Mais les clients, eux, ne voient pas la même chose que le marchand qui l’a construit — et cette asymétrie de perception coûte des conversions chaque jour.
Ce n’est pas un problème de design. C’est un problème de position.
La leçon d’Arico : quand 50% de vos visiteurs ne voient jamais l’essentiel
Emmanuel Labbé est fondateur d’Arico, une marque québécoise de bean bags haut de gamme. Pas des poufs cheap : des produits fabriqués avec soin, utilisés dans des écoles, des entreprises, par des thérapeutes travaillant avec des enfants autistes. Un positionnement fort, une clientèle convaincue — et pourtant, un site qui perdait ses visiteurs en silence.
Quand nous avons rejoint la collaboration en mai 2025, la première mission était claire : comprendre où et pourquoi les gens abandonnaient.
La refonte initiale a multiplié le taux de conversion par 4 et généré +80% de revenu par visiteur. Mais c’est un test A/B spécifique — le test “Clean Product Page” sur mobile — qui a mis en lumière un problème que ni Emmanuel ni nous n’avions anticipé à cette ampleur.
50% des visiteurs ne scrollaient pas jusqu’au sélecteur de couleur.
La moitié des personnes qui arrivaient sur la fiche produit d’Arico ne voyaient jamais l’un des éléments les plus importants pour prendre leur décision d’achat. Pas parce que le sélecteur était caché. Pas parce que la page était lente. Simplement parce qu’il était positionné trop bas dans la hiérarchie visuelle.
La décision a été simple : le remonter au maximum, avant la description longue, avant les caractéristiques techniques. Juste sous le titre et le prix.
Résultat du test : +46% de revenu par visiteur, +43% de taux de conversion, +28 commandes par mois estimées supplémentaires.
“Pour les variantes, c’est vraiment génial et facile pour le client ! Tout est parfait, alors encore une fois, LET’S GO !” — Emmanuel Labbé, fondateur d’Arico
Un seul repositionnement. Aucun nouveau contenu. Aucune fonctionnalité ajoutée. La même information, au bon endroit.
Pourquoi le comportement mobile change radicalement les règles
La plupart des marchands construisent leur fiche produit comme ils la consultent eux-mêmes : sur desktop, avec le temps de lire, la patience de scroller, la motivation de comparer. Leurs clients mobiles fonctionnent différemment.
Sur mobile, l’attention est une ressource rare. Le pouce est actif, pas patient. La décision de scroller ou non se prend en moins d’une seconde — et elle dépend directement de ce que le visiteur voit dans les premiers centimètres de la page.
Dans nos accompagnements sur plus de 100 boutiques Shopify optimisées, un pattern se répète avec une régularité frappante. Les données de heatmap de scroll révèlent systématiquement trois paliers :
- 85 à 90% des visiteurs mobiles consomment le premier tiers de la page produit
- 55 à 70% scrollent jusqu’à la zone ATC principale
- 30 à 50% seulement atteignent les éléments placés sous ce bouton
Cela signifie que tout ce que vous avez positionné sous votre bouton “Ajouter au panier” est invisible pour au minimum la moitié de votre trafic mobile. Si votre sélecteur de taille ou de couleur se trouve là, une proportion significative de vos visiteurs ne peut physiquement pas finaliser un achat — même s’ils le voulaient.
Les 3 zones à auditer en priorité sur votre fiche produit Shopify
L’analyse des fiches produit chez Arico — et plus largement dans les 100+ boutiques que nous accompagnons depuis la création de notre agence CRO Shopify — nous a permis d’identifier trois zones qui font systématiquement l’objet de mauvais positionnements, avec des effets mesurables sur la conversion.
Zone 1 : Le sélecteur de variante
C’est la zone la plus critique — et la plus souvent mal placée.
Chez Arico, la logique éditoriale initiale était cohérente : présenter le produit, expliquer ses usages, puis proposer le choix de couleur. Du point de vue du contenu, cette séquence a du sens. Du point de vue de la conversion mobile, elle est contre-productive.
Un visiteur qui ne voit pas le sélecteur de variante ne peut pas acheter. Peu importe à quel point il est convaincu par les photos et la description. Il manque la prise d’action — et sans signal pour continuer à scroller, il repart.
La règle que nous appliquons systématiquement : si le client doit faire un choix pour finaliser son achat, ce choix doit être visible sans scroll sur mobile. Couleur, taille, format, saveur, matière — tout sélecteur qui conditionne l’achat doit être dans la zone above-the-fold.
Pour Arico, cette modification seule a suffi à générer +46% de RPV. Sans nouveau budget, sans refonte graphique, sans modification du produit lui-même.
Zone 2 : La preuve sociale — la note et les verbatims
Les avis clients sont l’un des leviers de conversion les plus documentés. Mais leur efficacité dépend entièrement de leur visibilité au bon moment du parcours.
Un schéma classique dans les boutiques Shopify : la note globale apparaît près du titre (bien), mais les verbatims clients — les vrais témoignages qui lèvent les objections — sont regroupés dans une section “Avis” en bas de page, accessible uniquement après un scroll conséquent.
Résultat : les visiteurs voient le score (4,8/5), mais pas ce qui le justifie. La note seule rassure peu. Le verbatim “Parfait pour mon fils de 7 ans, il l’utilise en thérapie et au salon” est ce qui déclenche la confiance.
Dans le test Clean Product Page d’Arico, nous avons intégré des avis courts et spécifiques directement dans la zone de décision — juste au-dessus du bouton ATC, sélectionnés pour répondre aux objections les plus fréquentes (durabilité, taille, adaptation par âge).
Cette structuration complétait naturellement la logique de la refonte du catalogue et du quiz “Trouve ton beanbag” : les visiteurs qui arrivaient guidés par le quiz trouvaient dans la zone d’achat des avis qui confirmaient leur sélection.
Zone 3 : Les informations bloquantes
Une information bloquante est tout ce qu’un visiteur doit savoir avant d’acheter, et qui génère une hésitation s’il ne le trouve pas facilement.
Pour Arico : les dimensions du produit, la fourchette d’âge recommandée, le mode de fabrication, les délais de livraison.
Pour une boutique de mode : les spécifications du guide des tailles, la politique de retour, la composition du tissu.
Pour une boutique de cosmétiques : les ingrédients actifs, la compatibilité peau sensible, le délai d’action.
Ces informations sont souvent bien présentes sur la page — mais enfouies dans des onglets repliables ou dans des sections situées sous la zone d’achat principale. Le visiteur qui n’y accède pas prend sa décision avec une incertitude résiduelle — et l’incertitude est l’ennemie de la conversion.
La règle d’or : si vous recevez régulièrement les mêmes questions en support client sur un produit donné, c’est que la réponse n’est pas visible assez tôt dans le parcours.
Le lien direct entre positionnement et charge de support
C’est un indicateur CRO rarement mesuré mais extrêmement révélateur : le volume de messages entrants sur un produit.
Avant notre intervention chez Arico, Emmanuel recevait des dizaines de messages hebdomadaires. “Quel bean bag convient pour un enfant de 8 ans atteint de troubles sensoriels ?” “Quelle est la différence entre le modèle Gaming et le modèle Lounge ?” Ces questions avaient une réponse sur le site — mais elle n’était pas accessible au bon moment.
La combinaison du quiz “Trouve ton beanbag” (pour les visiteurs qui arrivent sans savoir quel produit choisir) et du repositionnement des informations clés sur la fiche (pour ceux qui arrivent directement sur un produit) a traité le problème à la racine.
Résultat global de la collaboration : 0 messages de clients perdus, x4 sur le taux de conversion, +80% de revenu par visiteur.
C’est exactement ce que nous mesurons en priorité dans nos audits : pas seulement le taux de conversion brut, mais les signaux indirects — volume support, taux de retour, commentaires clients — qui indiquent que la page ne remplit pas son rôle d’information.
Comment diagnostiquer votre situation en moins de 30 minutes
Avant de toucher à l’architecture de votre fiche, vous avez besoin de données. Voici le protocole que nous appliquons en première analyse.
Étape 1 — Installez Microsoft Clarity ou Hotjar
Microsoft Clarity est gratuit et génère des heatmaps de scroll en quelques jours de trafic. En quelques sessions enregistrées, vous avez déjà un premier aperçu du comportement réel de vos visiteurs. Hotjar propose plus de granularité mais nécessite un abonnement payant au-delà d’un certain volume.
Étape 2 — Identifiez votre ligne de 50%
Sur la heatmap de scroll de votre fiche produit principale, repérez la position à laquelle la moitié de vos visiteurs s’arrêtent. Tout élément situé en dessous est vu par moins de 50% de votre trafic.
Étape 3 — Listez vos éléments décisifs
Sélecteur de variante. Note de satisfaction. Verbatim client pertinent. Badge de réassurance (fabrication, délai, politique de retour). Prix. Information bloquante spécifique à votre produit.
Étape 4 — Comparez et priorisez
Chaque élément décisif situé sous la ligne de 50% est une fuite potentielle. Commencez par le sélecteur de variante (sans lui, l’achat est impossible), puis les avis (sans eux, la confiance est incomplète), puis les informations bloquantes.
Étape 5 — Testez avant de déployer
Un déplacement d’éléments n’est pas une évidence. La hiérarchie visuelle d’une page produit est un équilibre. Si votre trafic le permet, un test A/B sur 2 semaines avec 50/50 de split vous donnera une réponse statistiquement solide avant de modifier votre thème en production.
Sur les fondamentaux du diagnostic CRO complet d’une page produit, nous détaillons comment structurer une hypothèse d’optimisation et choisir les métriques à suivre.
Ce que les résultats sur 100+ boutiques Shopify nous enseignent
Chez Lëc Media — Best CRO Agency Canada 2024 — nous avons généré +5,7 M€ de revenus supplémentaires pour les e-commerçants que nous accompagnons, avec une amélioration moyenne de +47% du taux de conversion. Cette performance n’est pas construite sur des gadgets ou des refactorisations intégrales.
Elle est construite, en grande partie, sur des ajustements de positionnement d’éléments existants.
Ce que nous observons systématiquement :
Les bonnes informations sont presque toujours là. Les marchands ne manquent pas de contenu — ils manquent de hiérarchisation. Les photos sont bonnes, les descriptions sont complètes, les avis sont nombreux. Mais l’ordre dans lequel ces informations sont présentées ne correspond pas à la logique décisionnelle du visiteur mobile.
La mobile-first n’est pas un responsive design. Un site “responsive” adapte le desktop au mobile. Une fiche mobile-first est conçue d’abord pour un pouce actif avec 8 secondes d’attention. La différence est fondamentale dans le résultat.
Les petits tests génèrent les plus grandes surprises. Le test qui a déclenché +46% de RPV chez Arico ne portait pas sur une refonte graphique. Il portait sur le déplacement d’un sélecteur et la remontée d’avis. La même logique s’applique dans l’optimisation mobile de votre boutique : les gains les plus significatifs viennent souvent des changements que personne ne voyait venir.
La confiance se construit dans la zone d’achat. Un visiteur qui doit scroller pour trouver les informations qui le rassurent a déjà commencé à perdre l’élan d’achat. Chaque scroll supplémentaire entre la motivation initiale et le bouton “Acheter” est une opportunité de sortie.
Agir sur vos données — pas sur vos intuitions
La question qui clôt cet article est simple : savez-vous jusqu’où scrollent vos visiteurs sur votre fiche produit principale ?
Si la réponse est non — ou “je suppose que” — vous optimisez à l’aveugle. Vous ajustez des éléments que vous voyez, sans savoir si vos clients les voient eux aussi.
La bonne nouvelle : les outils pour avoir cette réponse sont gratuits (Microsoft Clarity) ou peu coûteux, et les données arrivent en quelques jours de trafic normal.
La plus mauvaise nouvelle : chaque journée sans ces données, c’est des visiteurs qui partent sans acheter parce qu’ils n’ont pas vu votre sélecteur de couleur. Ou votre politique de retour. Ou l’avis qui aurait suffi à les convaincre.
Notre agence CRO Shopify intervient sur exactement ce type de diagnostic pour des boutiques en France, au Canada, en Suisse, en Italie et au Portugal. Un audit CRO part de 1 500€ — et il est gratuit pour les boutiques générant plus de 10 000 visites mensuelles.
Si votre boutique a du trafic, vous avez déjà les données qu’il faut. Il ne manque que quelqu’un pour les lire.
Demandez votre audit gratuit — notre équipe revient vers vous sous 48 heures pour évaluer votre situation et identifier les zones de gain prioritaires.