Naturalia
Transformer le doute en confiance sur la page produit mobile.
Le constat : Sur mobile, l'acte d'achat est fragile. L'ancienne version dispersait les informations clés (composition, labels, prix), obligeant l'utilisateur à scroller pour trouver des preuves de qualité. Le bouton d'achat disparaissait souvent, coupant l'élan.
La mission : Restructurer la page pour guider l'œil. L'objectif n'était pas seulement esthétique, mais business : réduire la friction pour transformer le visiteur en client, sans dénaturer l'ADN bio de la marque.
La Stratégie Design
1. Le Sticky CTA (Action permanente)
J'ai fixé le prix et le bouton « Ajouter au panier » en bas d'écran. Peu importe la profondeur du scroll, l'action d'achat reste toujours accessible au pouce.
2. La Réassurance en Premier
Chez Naturalia, le label (Bio, Origine) est le déclencheur d'achat. J'ai remonté ces badges au niveau du titre pour une validation immédiate par l'utilisateur.
3. Information Progressive
Pour éviter l'effet « mur de texte », les détails techniques (ingrédients, valeurs nutritionnelles) sont rangés dans des accordéons. La page reste propre, mais l'info pointue est disponible d'un clic.
Avant & après
D'une information dispersée (Existant) à une lecture linéaire et guidée (Proposition).
Lisibilité Immédiate
Hiérarchisation des polices et usage de l'espace blanc pour laisser le produit respirer.
Parcours sans Couture
Suppression des points de friction. L'ajout au panier se fait en une fraction de seconde.
Confiance Renforcée
Mise en avant stratégique des labels Bio et du Nutri-score pour lever les freins à l'achat.