Constat et approche
Un constat simple
Avant la refonte, la fiche produit d’Amoseeds se limitait à un sélecteur de quantité où l’utilisateur devait indiquer manuellement le nombre d’unités souhaitées, bien que la logique de tarifs dégressifs soit déjà en place. L’abondance d’éléments graphiques, quant à elle, pouvait nuire à la lisibilité et donner une impression de parcours confus, impactant l’expérience utilisateur.
Une approche orientée UX
La refonte visait principalement à optimiser l’organisation de la fiche produit tout en intégrant la possibilité d’acheter les articles sous forme d’abonnement. Le travail sur la hiérarchisation visuelle, notamment à travers l’usage des couleurs et des appels à l’action (CTA), s’est révélé essentiel pour rendre le parcours utilisateur plus clair et plus fluide.
Amélioration User Interface
- Une meilleure gestion des espaces et des proportions pour afficher plus d’informations pertinentes sans surcharger la page.
- L’ajout de labels visuels tels que « Entreprise Française » ou « 90 gélules = 30 jours de cure » contribue à renforcer la clarté et la crédibilité de l’offre.
- Le nouveau sélecteur de variation 1/2/3 produits offre une alternative visuellement plus engageante que sa précédente version.
- L’augmentation de la taille du bouton Ajouter au panier (ATC) améliore sa visibilité et incite davantage à l’action.
- Le repositionnement du prix permet permet une meilleure visibilité pendant le parcours d’achat.
- Une utilisation plus stratégique styles utilisés sur les textes hiérarchise mieux l’information et facilite la lecture.
- Le design des icônes de réassurance a été revu pour être plus discret et moins intrusif.
- L’ajout d’un mini carrousel sous le bouton ATC permet de mettre davantage en avant les éléments de réassurance.
Amélioration User Experience
- Le sélecteur de variation, positionné juste avant le bouton ATC, fluidifie la navigation et réduit les frictions dans le tunnel d’achat.
- L’intégration d’une option « s’abonner » permet aux utilisateurs de choisir facilement une fréquence d’achat/livraison adaptée à leurs besoins.
- L’ajout de réductions exclusives liées à l’abonnement rend cette nouvelle offre plus attractive.
- Des éléments de réassurance spécifiques à l’abonnement (réductions cumulables, absence d’engagement, etc.) viennent lever les freins potentiels à l’inscription.
- Dans le panier, l’introduction d’une case à cocher pour activer l’abonnement simplifie le processus et encourage la conversion.
- Si l’abonnement est sélectionné, l’apparition dynamique d’un sélecteur de fréquence de livraison offre une expérience fluide et personnalisée.
Les captures d’écran présentées ci-dessous illustrent concrètement les évolutions apportées au site d’Amoseeds. Elles mettent en parallèle les anciennes et les nouvelles versions de la fiche produit ainsi que du panier, afin de visualiser les choix retenus et implémentés lors de la refonte. Cette comparaison met en avant les optimisations apportées tant au niveau de l’interface que de l’expérience utilisateur.
Voici un aperçu de la fiche produit ainsi que du panier avant la refonte.
Voici un aperçu de la fiche produit ainsi que du panier après l'implémentation des optimisations UX et UI listées précédemment. Produit accessible ici
Avant / Après
Les captures d’écran présentées ci-dessous illustrent concrètement les évolutions apportées au site d’Amoseeds. Elles mettent en parallèle les anciennes et les nouvelles versions de la fiche produit ainsi que du panier, afin de visualiser les choix retenus et implémentés lors de la refonte. Cette comparaison met en avant les optimisations apportées tant au niveau de l’interface que de l’expérience utilisateur.
Voici un aperçu de la fiche produit ainsi que du panier avant la refonte.
Voici un aperçu de la fiche produit ainsi que du panier après l'implémentation des optimisations UX et UI listées précédemment. Produit accessible ici
Structurer l’expérience pour soutenir la performance
Cette refonte de la fiche produit et du panier s’inscrit dans une démarche de structuration durable du parcours d’achat d’Amoseeds. Le travail réalisé a permis de simplifier les actions clés menant à l'achat, tout en intégrant un nouveau levier stratégique : l’abonnement.
L'ajout du système d’abonnement permet la mise en place d'une relation client plus régulière et plus engageante. Cette nouvelle offre est encore plus pertinente dans le cadre de compléments alimentaires nécessitant un réapprovisionement régulier.
Vous avez un projet de refonte ou de création de boutique Shopify ? Nous accompagnons les marques à chaque étape de leur développement, avec une approche orientée expérience utilisateur, performance et évolutivité. N’hésitez pas à nous contacter pour échanger autour de votre projet.