Passage au Scan de la page produit version mobile de la boutique en ligne Mammut, marque spécialisée dans les équipements pour la randonnée, le ski et l’alpinisme.
Avec cette version développée sur les frameworks et librairies Next.js / React.js, Mammut a pu offrir une expérience mobile innovante à ses utilisateurs.
Garantir une expérience fluide et intuitive sur mobile reste toujours un challenge.
Comment alors bien optimiser l’espace d’une page produit tout en ayant les bons éléments pour augmenter le taux de mise en panier ?
Analysons + et les – de la page produit du site Mammut.com
la vidéo est disponible au début de l’article ou sur Youtube
1. La qualité des visuels est tout simplement top, avec une mise en situation du produit qui plonge le client en situation réelle. Un argument clé pour améliorer son taux de conversion !
2. La navigation facilité à l’aide des 3 icons clés placés en bas de l’écran: recherche / changement de catégories / accès au panier. Le + > l’accessibilité d’une seule main à l’aide du pouce.
3. La fluidité d’utilisation de fonctionnalités clés: consultation des avis, poser une question à un conseiller, ajouter un produit en favori sans devoir créer un compte client.
1. Une réactivité dans la navigation parfois hasardeuse (par exemple latence au clic d’une action) certainement dû à l’utilisation de Next.js et React.js pour offrir du « single page application« . Attention de bien maitriser ces technologies avant de se lancer sur ce type de développements.
2. Les avis pourraient être encore mis + en avant pour inciter les utilisateurs à cliquer sur le lien. Les avis clients restent un argument majeur pour passer à l’achat.
3. L’ajout au panier pourrait être encore + simple pour les produits avec une seule taille disponible. Ici on doit la choisir manuellement.
Ce que tu dois retenir
Sur mobile il est primordial de privilégier la fluiditité et la simplicité de navigation.
Attention à ne pas vouloir trop en faire de peur que tes clients passent à côté d’une info que tu veux absolument afficher.
Tu vas créer l’effet inverse, rendre la naviguation compliquée et perdre tes clients potentiels.
Pour cela tu dois rester concentrer sur des éléments clés pour augmenter ton taux d’ajout au panier:
- Des visuels de qualité qui présentent le produit dans ses détails.
- Une description principale courte mais convaincante.
- Une mise en avant des avis clients.
- Une mise au panier simplifiée disponible tout au long du scroll de la page.
A toi de jouer !
La note
8,5/10
Cette analyse ne prend pas en compte toutes contraintes techniques, business ou des A/B tests que le site Mammut auraient réalisés.