Toupargel optimise son header et gagne 5% de conversion Toupargel optimise son header et gagne 5% de conversion

Toupargel optimise son header et gagne 5% de conversion

par ,
le 7 janvier 2015

0
0

LE DÉFI ?

« Pour cette première collaboration avec l’équipe conversion d’Altima, une roadmap de test a été dessinée suite à une analyse des data analytics. Nous avons identifié le header du site comme premier axe d’optimisation à fort potentiel. » , François COMBE, Responsable E-commerce – TOUPARGEL

Header-version-originale

NOTRE RÉALISATION

Premier constat : le header de Toupargel manquait de lisibilité ; les tons pastels utilisés, les contrastes peu marqués, la taille des typos et la présence de nombreux points de fuite nuisaient à la clarté de l’information.

4 axes d’optimisation ont été identifiés :

  • Clarifier et simplifier le header en proposant un redesign complet et un réagencement des éléments
  • Renforcer l’affordance du menu et le repositionner comme élément d’interaction principal
  • Supprimer/déplacer dans le footer les liens peu utilisés et ne participant pas directement à la conversion (Club fidélité, colis anniversaire…)
  • Déplacer le panier déroulant du bas au haut de page, ce qui correspond davantage aux attentes de utilisateurs

Huit versions du header ont été mises en compétition dans le cadre d’un test MVT qui a duré six semaines. Le redesign global a été le point commun de toutes les versions et trois composants ont été testés :

  • La position du moteur de recherche dans le header (le taux de conversion étant bien plus élevé chez les utilisateurs du moteur, l’enjeu est important)
  • L’ajout d’items de réassurance (frais de port offerts à partir de 25€ et numéro de téléphone du call center)
  • Déplacement du panier en haut de page (sur la version d’origine, le panier est positionné en bas à droite de l’écran)

LE RÉSULTAT

Version-gagnante-toupargel

La meilleure des versions, ci-dessus, a permis d’augmenter le taux de conversion de 5%.

Les résultats de ce test mettent en lumière trois enseignements :

1/ Lisibilité de l’information : un menu plus clair, des textes plus aérés , des zones clicables plus étendues et une uniformisation graphique permet à l’utilisateur de rentrer plus facilement dans le catalogue

2/ Suppression des points de friction : la suppression des liens «secondaires» allège le header et limite la fuite vers les pages non-décisives pour la conversion. L’utilisateur se recentre alors sur le process d’achat

3/ Visibilité du panier : positionner le panier déroulant à droite du header et non plus en bas de page correspond davantage aux standards du ecommerce

Case-study-toupargel-altima-conversion

PDF > Télécharger le cas d’étude

articles à lire ensuite...

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

0
0

Toupargel optimise son header et gagne 5% de conversion