Tecnifibre
Jeu, set et match !
Refonte des pages catalogue et produit pour améliorer la conversion et clarifier l'expérience d'achat.
Refonte des pages catalogue et détails produit
J'ai accompagné Tecnifibre dans la refonte de deux pages clés : la page catalogue et la page produit. L'objectif était double : simplifier la navigation et augmenter la conversion, pour des utilisateurs aussi bien grand public que professionnels.
Rien ne se perd, tout s’analyse
La première étape a consisté en une analyse de l'existant (heatmaps, tracking, pages les plus visitées), réalisée par datacrew.
Je me suis appuyé sur leurs résultats pour identifier les priorités et orienter les choix de refonte.
Garder un œil sur le terrain
J'ai analysé les pages catalogue et produit de quatre concurrents directs pour identifier les conventions du secteur, repérer ce qui fonctionne et éviter les erreurs déjà commises ailleurs.
DECATHLON
Babolat
HEAD
Wilson
Préparer le terrain
Page catalogue
Page produit
Premier service !
La bannière en haut de page a été supprimée pour que l'utilisateur voie davantage de produits dès le chargement. Les filtres sont désormais fixes au scroll, avec un indicateur visuel pour signaler qu'ils sont navigables.
Les trois catégories les plus utilisées s'affichent dépliées par défaut, ce qui réduit le nombre de clics. Le bouton "Réinitialiser" n'apparaît que lorsqu'un filtre est actif, pour ne pas encombrer l'interface inutilement.
Les étiquettes "nouveauté" ont été repositionnées à proximité des informations textuelles pour plus de lisibilité. Le chargement semi-infini a été remplacé par une pagination classique, plus maîtrisable pour l'utilisateur.
Refonte de la page catalogue
Premier service !
Catalogue
Catalogue (suite)
Ordre de tri des produits
Filtres des produits
Second service !
La galerie photos est désormais fixe au scroll dans la partie haute de l'écran, ce qui maintient la visibilité du produit pendant la sélection des variantes. Les champs déroulants superflus ont été supprimés pour simplifier l'ajout au panier.
Toutes les variantes sont affichées, y compris celles en rupture de stock, avec la possibilité d'activer une alerte de réassort. L'utilisateur sait toujours ce qui existe, même si ce n'est pas disponible.
Le contenu de la page est entièrement administrable depuis le back-office, regroupé de façon claire pour limiter le scroll. Des suggestions de produits complémentaires en bas de page encouragent la découverte et soutiennent la conversion.
Page produit
Second service !
Page produit
Page produit (suite 1)
Page produit (suite 2)
Page produit (suite 3)
Galerie photos
Création d’une alerte pour le réassort
Affichage de l’aperçu du panier