Trop souvent, les décisions en matière de conversion reposent sur des suppositions. Mais cette approche “intuitive” génère en réalité de nombreuses erreurs, souvent invisibles, qui impactent directement le taux de conversion.
Et dans un monde où générer du trafic est devenu plus complexe, plus concurrentiel, plus cher…Mieux convertir est souvent plus rentable qu’attirer plus de visiteurs.
Et c’est là tout l’objectif d’une stratégie d’A/B testing bien menée.
Enjeux du projet
Une refonte, aussi réussie soit-elle, reste fondée sur des hypothèses. Ce n’est qu’une fois le site en ligne qu’on peut observer les vrais comportements. L’enjeu ici : passer d’une approche intuitive à une démarche d’optimisation continue, pilotée par les données réelles et validée par des tests A/B.
- Tracking
👉 Quels événements suivre ?
👉 Quels outils combiner pour croiser l’analyse qualitative (session recording, heatmaps) et quantitative (funnels, objectifs) ?
👉 Comment interpréter les données pour prendre de meilleures décisions ?
- Optimisation
👉 Prioriser les hypothèses UX selon leur potentiel business et leur complexité.
👉 Définir des KPIs clairs par test, et mesurer leur impact réel.
👉 Intégrer rapidement les variantes gagnantes, itérer en continu.
Notre accompagnement avec Ramify
Avec Ramify, nous avons structuré une stratégie CRO en 4 phases, combinant analyse, testing et déploiement.
Phase 1 : Comprendre et analyser
Avant d’optimiser, il faut d’abord comprendre ce qu’il faut optimiser.
Nous avons donc commencé par intégrer deux outils de tracking complémentaires :
| Outil | Rôle | Insights clés |
|---|---|---|
| Microsoft Clarity | Analyse comportementale qualitative (heatmaps, session replays, rage clicks, scroll depth) | Détection des zones d’attention et des séquences de friction sur un échantillon d'utilisateurs personnalisé et qualifié |
| Google Analytics 4 | Analyse quantitative des parcours et performances (funnels, events, cohorts) | Mesure stat’ des volumes, événements clés, taux de conversion et abandon par étape |
Ces premières observations, à la fois qualitatives et quantitatives, nous ont permis de :
- Cartographier les micro-parcours et repérer les points d’abandon ou événements critiques,
- Prioriser les hypothèses UX à tester, en les classant selon leur potentiel de conversion et l’effort de mise en œuvre.
Visual demonstration: Une heatmap Microsoft Clarity montre les zones les plus cliquées sur la page de Ramify. « Investor Space » a reçu 33 clics (7.45%).
Heatmap Microsoft Clarity montrant les zones cliquées sur la page de RamifyPhase 2 : Challenger les leviers de conversion
Une fois les points de friction identifiés, nous avons débuté une stratégie d’A/B testing pour challenger ce qui pouvait concrètement améliorer la conversion.
| Axes testés | Hypothèses | Exemples de variantes |
|---|---|---|
| Wording | Clarifier la proposition de valeur et réduire la charge cognitive | Titres plus orientés bénéfices (“Investissez dès aujourd’hui”), micro-copy contextualisée dans le tunnel |
| Réassurance | Renforcer la confiance à chaque étape clé du parcours | Ajout d’icônes de garanties, avis clients vérifiés, chiffres clés |
| CTA | Optimiser la visibilité et inciter à l’action | Changement de couleur / contraste, placement au-dessus de la ligne de flottaison, libellé actionnable (“Je crée mon plan”) |
Et pour chaque test, nous avons défini des KPIs principaux et comportementaux afin d'en mesurer l'impact (taux de clic sur l’élément ciblé, taux de progression dans le funnel, taux de conversion final, profondeur de scroll, temps actif sur la section testée)
Phase 3 : Mise en place des tests
Pour exécuter cette stratégie, nous avons sélectionné Optibase, un outil d'A/B testing simple :
- Intégration native Webflow : déploiement des variantes sans dette technique ni surcharge DevOps.
- Suivi statistique intégré : calcul d’uplift, p-value et intervalle de confiance en temps réel, compatible GDPR.
- Abordable : licences flexibles, idéal pour itérer sur un volume de trafic moyen/haut sans exploser le budget CRO.
Visual demonstration: Une capture de l’éditeur Webflow présente la page produit « Life Insurance » de Ramify, avec un titre, un bouton de simulateur de rendement et des données de performance affichées.
Capture de l’éditeur Webflow et de la page produit RamifyPhase 4 : Analyse des résultats & intégrations
1. Main CTA Navbar : “Découvrir” vs “Contacter” :
Quel wording convertit le mieux en haut de page, et quelle est l'entrée de conversion la plus utilisée et demandée par l'utilisateur ? Test mené sur le bouton principal de la navbar.
Visual demonstration: Une maquette Figma compare deux variantes de CTA dans la barre de navigation de Ramify : « Découvrir Ramify » et « Échanger avec un conseiller ».
Maquette des variantes CTA de la barre de navigationVisual demonstration: Les résultats d’un test A/B sur le CTA de la barre de navigation comparent « Découvrir » et « Échanger » ; « Découvrir » obtient un taux de conversion de 1,21 %.
Résultats du test A/B du CTA de navigation📊 “Découvrir” : 1,21 % de taux de clic
📊 “Contacter” : 0,71 %
👉Résultat : “Découvrir” est conservé comme wording par défaut sur les pages de conversion.
2. Header Hero : Image statique vs Vidéo
Quel média capte le plus l’attention et provoque le + de clics sur les CTA du header (c'est le KPI qui a été analysé) sur la homepage ? Test sur le visuel principal de la hero section.
Visual demonstration: Une maquette Figma compare les visuels principaux et différentes combinaisons de CTA pour la page d’accueil de Ramify.
Maquette des variantes pour la homepage RamifyVisual demonstration: Les résultats du test A/B pour le bloc « Home Hero » comparent deux variantes de CTA. Le variant « Vidéo » affiche un taux de conversion de 15 %, contre 9,3 % pour la version actuelle.
Résultats du test A/B pour le bloc Home Hero📊 Image classique (photo) : 9,37 % de conversion
📊 Vidéo immersive : 15,01 %
👉 Résultat : intégration de la vidéo en background sur toutes les pages à fort enjeu.
3. CTA Formulaire Contact : “Investisseur” vs “Retour”
Le CTA “Investisseur” est-il perçu pour un CTA de retour par les utilisateurs ?
Nous avons remarqué une utilisation anormale du CTA "investisseur" ; est-il confondu avec une option de retour ? Nous avons testé l'ajout d'un CTA "retour" sur le formulaire de contact pour vérifier cette hypothèse.
Visual demonstration: Un test A/B visuel de la page de prise de rendez-vous Ramify présente des variations sur les CTA « Espace Investisseur » et « Découvrir Ramify ».
Test visuel des CTA de la page de rendez-vousVisual demonstration: Les résultats du test A/B du CTA de la page contact indiquent que la version « Retour » performe mieux, avec un taux de conversion de 26,94 %, contre 4,52 % pour « Investisseur ».
Résultats du test A/B du CTA de la page contact📊 “Retour” atteint 26,94 % de conversion
📊 “Investisseur” seulement 4,52 %
Les résultats confirment que le CTA “Espace investisseur” était mal compris, tandis que “Retour” a atteint 26,94 % de clics
👉 Résultat : clarification de la navigation pour éviter toute confusion et lever les frictions sur les CTAs de contact.
Conclusion
Après la refonte globale du site Ramify, nous avons enclenché une seconde phase dédiée à l’optimisation du taux de conversion.
Grâce à l'intégration native d’Optibase dans le Designer Webflow et à un trafic suffisant pour tester régulièrement, nous avons pu lancer de nouveaux A/B tests chaque semaine, analyser les résultats en temps réel et itérer rapidement. Une stratégie qui a permis à Ramify de tripler sa collecte d’actifs sous gestion (AUM) en un an.
Vidéo : Comment Ramify a triplé sa collecte d'Actifs sous Gestion en un an ?
Ressources complémentaires sur le CRO:
Florian Bodelot — Co-fondateur
