Quelles couleurs devriez-vous utiliser pour augmenter vos ventes ?

Encore une fois, les tests A/B nous ont montré que nos goûts et préférences de couleurs ne sont pas toujours alignés avec ceux de nos visiteurs. Ou plutôt, les couleurs que vous affichez sur votre site internet, bien qu'elles puissent être attirantes, ne sont pas forcément celles qui vous rapporteront le plus de ventes. En fait, vous trouverez de nombreux articles sur la psychologie de la couleur qui étudient comment chaque couleur provoque une réponse émotionnelle différente et comment celles-ci peuvent persuader votre public différemment.

Ce mois-ci, alors que nous avons récemment modifié nos plans de produits Nelio Content et la conception de nos pages de tarification, nous avons pensé que c'était une occasion parfaite d'analyser quelles couleurs devraient être affichées dans chacun de nos plans pour obtenir plus de ventes.

Dans le design de la page d'origine, étant fan de la couleur bleue, nous avons proposé le design suivant de la page des plans Nelio Content :

Cool, non ? Mais si vous avez lu sur notre expérience d'exécution d'un test tous les mois, vous savez que, lorsqu'il s'agit de prendre des décisions commerciales, vous ne devez pas vous concentrer uniquement sur vos goûts, mais plutôt obtenir de vraies données, car c'est ce qui va vraiment vous dire ce qui impacte le plus votre résultat net.

Ainsi, le test de ce mois-ci avec Nelio A/B Testing analyse quel jeu de couleurs sur notre page de tarification générera plus de revenus.

Créer un test de la page de tarification

Avant de créer un test A/B de n'importe quel élément d'un site Web, nous vous recommandons toujours d'effectuer une analyse de ce qui fonctionne sur votre site Web, là où vous rencontrez le plus de frictions et de problèmes, et de générer des hypothèses sur ce que vous pourriez améliorer. Dans la liste des hypothèses que vous avez générées, priorisez celles qui auront le plus d'impact sur vos objectifs. Autrement dit, les pages de destination et les pages de tarification auront probablement beaucoup plus d'impact sur l'augmentation des ventes qu'un article de blog.

Dans ce cas, notre principale motivation pour créer ce test était la suivante : étant donné que nous modifions les plans Nelio Content et avons repensé toute la page de tarification, nous en avons profité pour nous assurer que le nouveau design utilise le meilleur schéma de couleurs possible .

Nous avons décidé de créer, en plus de la version originale, deux autres variantes avec ces combinaisons de couleurs :

Dans la première variante, nous avons décidé de montrer les plans avec une sélection de couleurs pastel très en vogue cette année.

Et nous avons créé une deuxième variante, comme vous pouvez le voir dans l'image ci-dessus, dans laquelle nous voulions uniquement mettre en évidence avec la couleur fuchsia le plan Standard, et les deux autres plans pour les montrer avec un fond bleu plus foncé et des boutons verts.

En général, nous aurions pu sélectionner d'autres couleurs, voire créer un autre jeu de couleurs, mais le problème avec la création de nombreuses alternatives est que, pour obtenir des résultats statistiquement significatifs, vous devez avoir beaucoup plus de visites.

Création du test A/B

Pour créer le test A/B, comme toujours, nous utilisons notre propre plugin, Nelio A/B Testing. Téléchargez-le simplement à partir du répertoire officiel des plugins WordPress et installez-le sur votre site Web pour pouvoir créer un test comme celui-ci. Et si vous avez encore des doutes sur le plugin de test A/B à utiliser pour créer vos tests sur votre site web, je vous recommande de lire notre comparatif des plugins de test A/B pour WordPress.

Nelio A/B Testing est très polyvalent car il vous permet de créer des tests A/B de n'importe quel élément WordPress. Dans ce cas, nous créons un test A/B des pages. Ce type de tests vous permet de créer de nouvelles variantes en dupliquant la page d'origine dans de nouvelles pages alternatives. Dans notre test, nous avons simplement changé les couleurs de fond de chaque plan, comme décrit ci-dessus. Si vous souhaitez modifier quelque chose qui fait partie du modèle de page que vous utilisez, vous pouvez le faire en créant un autre modèle et en exécutant à la place un test A/B des modèles de page.

Dans la capture d'écran suivante, vous pouvez voir la définition du test :

Ensuite, lors de la création d'un test A/B, vous devez définir les objectifs que vous souhaitez mesurer dans le test pour décider ce qui fonctionne le mieux. Dans ce cas, nous avons défini 4 objectifs à mesurer dans le cadre du test :

• Clics sur les boutons de n'importe quel plan
• Clics sur les boutons du plan de base
• Clics sur les boutons du plan standard
• Clics sur les boutons du plan Plus

Avec tout cela créé, tout ce que nous avions à faire était de commencer le test et d'attendre les résultats. Nelio A/B Testing est chargé de diviser le trafic en trois groupes aléatoires afin que chacun d'eux ne voie qu'une seule des variantes définies et garde une trace des conversions obtenues par chaque variante et objectif.

Analyse des résultats des tests A/B

Après un mois et neuf jours d'exécution de ce test, nous avons obtenu des résultats statistiquement significatifs avec une confiance de près de 100 %. Voyons en détail une analyse de chacun des objectifs et les conclusions que nous avons pu tirer du test.

Le premier objectif était de mesurer les clics sur l'un des boutons du plan de tarification (le tableau est affiché deux fois sur la page).

Dans ce cas, les résultats montrent que la deuxième variante, l'alternative C, est celle qui obtient près de 130 % (129,6 %, pour être exact) de clics de plus que la version originale. En revanche, la variante montrant les plans aux couleurs pastel est 25,5% moins bonne. Si nous n'avions eu que cet objectif du test, l'alternative C aurait obtenu des résultats écrasants.

Notre deuxième objectif s'est concentré sur les clics reçus par les boutons du plan de base. Voyons comment les résultats varient :

Notez que si nous nous concentrons uniquement sur les clics au plan de base, la différence entre la troisième variante et la version originale, bien qu'encore considérable, soit une amélioration de 73,7%, n'est pas aussi importante que si nous analysons tous les clics. Et dans le cas de la variante de couleur pastel, comme dans le cas précédent, c'est aussi pire que l'original mais la différence est de 12,3%. Si vous y réfléchissez, cela peut avoir du sens puisque les variantes ne mettent pas particulièrement l'accent sur le plan de base.

Voyons maintenant les résultats que nous avons obtenus dans celui que nous voulions mesurer les clics du plan Standard.

Dans ce cas, l'amélioration de la troisième variante, qui est précisément celle qui se démarque avec une couleur plus accrocheuse dans le plan, atteint même 228,1% de clics en plus que la version originale. Donc, si vous aviez des doutes quant à l'impact de la mise en évidence de l'un des plans, il ressort clairement de ce test que les gens sont attirés par les éléments les plus accrocheurs.

Enfin, voyons ce qui se passe avec le dernier plan :

Dans ce cas, l'amélioration de l'alternative C par rapport à l'original est de près de 3 % avec une confiance de 95,7 %. Et dans tous les cas, il y a peu de conversion du plan Plus dans toutes les alternatives. En fait, la plupart de nos clients préfèrent opter pour un forfait inférieur au départ, puis passer à un forfait différent par la suite.

conclusion

Compte tenu des résultats que nous avons obtenus du test A/B, nous arrivons à la conclusion que la version dans laquelle le plan Standard se distingue par une couleur fuchsia a beaucoup mieux fonctionné que toute autre variante. Par conséquent, il est préférable de l'appliquer en tant que version finale sur notre site Web.

Comme vous pouvez le voir, en un seul clic, la version finale de la page de tarification de Nelio Content devient celle qui a remporté le test. Bien sûr, nous avons peut-être pensé que la palette de couleurs bleues était une bonne option au début, mais nos préférences et nos goûts sont peu utiles pour augmenter les ventes. Les tests A/B sont ceux qui, avec des données réelles, nous prouvent ce qui fonctionne vraiment. Qu'attendez-vous pour créer votre test A/B pour augmenter la conversion sur votre site web ?

Image sélectionnée par Baher Khairy sur Unsplash.