Augmenter le taux de conversion en optimisant la mise en page de la boutique
Table des matières
À propos de TheraSpecs
TheraSpecs® propose le catalogue le plus complet de lunettes spécialisées pour la protection contre la sensibilité à la lumière. Avec 14 types de verres différents et plus de 60 options de montures, les TheraSpecs® sont personnalisées pour répondre aux besoins de chaque individu. Les lunettes protègent contre les sources de lumière intenses telles que les écrans, les tubes fluorescents, les LED, la lumière vacillante, la lumière du soleil et bien plus encore. Les commandes peuvent être passées en ligne sur theraspecs.com.
Situation initiale
La mise en page initiale reposait sur une structure flexible qui s'adaptait à la taille du contenu, mais présentait des espacements et des alignements incohérents selon les tailles d'écran. De plus, elle manquait d'indices visuels indiquant clairement aux clients comment passer à l'étape suivante du processus d'achat.
L'objectif principal de ce test était d'améliorer le potentiel de conversion de la page principale en :
optimisant la mise en page visuelle, et
ajoutant des indices visuels pour clarifier les prochaines étapes du processus d'achat.
Variantes
Hypothèse
Si la mise en page des options de verres sur la page de la boutique est améliorée avec une structure plus claire et des références visuelles à l'usage respectif des verres,
alors il est plus probable que les clients finalisent un achat,
parce que la clarté supplémentaire renforce la confiance, favorise une sélection de verres plus éclairée et indique clairement la prochaine étape du processus d'achat.


Changements :
Original : La mise en page originale présente des espacements incohérents et ne fournit pas d'indices visuels clairs pour le processus d'achat.
Variante : La variante utilise une mise en page basée sur une grille avec un alignement cohérent, une hiérarchie visuelle améliorée et une attention plus marquée sur les éléments pertinents pour la conversion.
Résultats du test
La durée du test était de 18 jours, durant lesquels plus de 4 300 visiteurs ont participé au test. La significativité statistique était de 89,8 %, aucune segmentation n'a été appliquée.
Transactions : +18,34 %
Paiements : +26,94 %
Premiers acheteurs : +27,52 %
Ventes totales : +14,87 %
L'hypothèse a été confirmée par les résultats. L'amélioration de la mise en forme du contenu central ainsi que les éléments d'icônes supplémentaires pour une meilleure préparation à l'achat ont conduit à un taux de conversion plus élevé et à de meilleurs indicateurs clés.
Conclusion
Les résultats du test confirment que l'introduction d'une mise en page basée sur une grille avec un alignement cohérent a nettement amélioré la hiérarchie visuelle et la lisibilité du site. Une délimitation plus claire des fiches produits et une mise en avant plus marquée des éléments clés de conversion, comme des boutons d'appel à l'action plus visibles, ont permis de guider les utilisateurs de manière plus ciblée tout au long du parcours d'achat. L'iconographie supplémentaire a également renforcé la clarté et la confiance lors du choix du bon type de verre.
La variante gagnante a été immédiatement déployée sur le site /shop/ pour tous les utilisateurs afin de profiter pleinement du design optimisé.
Mise en œuvre avec Varify
Varify s'est révélé être un moyen très simple de mettre en œuvre l'expérience et une solution d'A/B testing abordable pour une petite entreprise.
Varify a été une solution d'A/B testing simple et flexible pour notre équipe, en particulier du point de vue de la mise en œuvre. La plateforme facilite le lancement et la gestion des expériences sans effort technique important - idéale pour les petites équipes qui souhaitent gérer leurs propres tests. La tarification est accessible comparée à de nombreux outils destinés aux grandes entreprises, et nous avons constaté des améliorations continues et significatives ainsi que des mises à jour de fonctionnalités tout au long de son utilisation.