Image principale du projet Naturalia - Redesign Mobile

Naturalia - Redesign Mobile

Proposition de redesign du site mobile Naturalia - Optimisation UX/UI pour améliorer la lisibilité et le taux de conversion

Client Naturalia | Projet personnel
Année 2025
Compétences
UX Design UI Design Redesign E-commerce Design d'interface mobile

Le projet

Proposition de redesign du site mobile Naturalia visant à optimiser l'expérience utilisateur et améliorer le taux de conversion. Cette refonte se concentre sur l'amélioration de la lisibilité, la simplification de la navigation et la mise en valeur des informations essentielles pour faciliter la prise de décision d'achat.

Page produit Naturalia - Redesign Cliquez pour agrandir

Contexte

Cette proposition de redesign s'appuie sur une analyse de l'existant du site mobile Naturalia. L'objectif est d'identifier les points de friction dans le parcours utilisateur et de proposer des améliorations concrètes pour optimiser la conversion et améliorer l'expérience d'achat sur mobile.

Objectifs du redesign

  • Améliorer la lisibilité : Rendre toutes les informations essentielles visibles sans scroll excessif
  • Optimiser la conversion : Faciliter la prise de décision d'achat en améliorant la hiérarchie visuelle
  • Simplifier la navigation : Réduire les frictions et améliorer l'accessibilité des informations
  • Moderniser l'interface : Proposer un design plus épuré et cohérent avec les standards actuels

Avant / Après

Comparaison visuelle

Version originale

Page produit Naturalia - Avant

Proposition de redesign

Page produit Naturalia - Après

Modifications principales

1. Suppression du bandeau promotionnel

Avant : Bandeau rouge "Commencer mes courses" en haut de page qui occupe de l'espace vertical précieux.

Après : Suppression de ce bandeau pour libérer de l'espace et permettre une meilleure utilisation de l'écran.

Impact : Gain d'espace vertical permettant d'afficher plus d'informations sans scroll.

2. Header affiné et optimisé

Avant : Header avec bannière promotionnelle qui encombre l'interface.

Après : Header épuré et fonctionnel, avec ajout du panier directement dans le header pour un accès rapide.

Impact : Navigation plus claire et accès immédiat au panier, améliorant la fluidité du parcours d'achat.

3. Mise en valeur du logo bio AB

Avant : Logo AB (Agriculture Biologique) mal positionné, peu visible ou déconnecté des informations produit.

Après : Logo AB intégré de manière harmonieuse et visible, renforçant la confiance et la transparence sur l'origine biologique du produit.

Impact : Meilleure visibilité de la certification bio, facteur clé de décision pour les clients Naturalia.

4. Amélioration de la lisibilité et accessibilité des informations

Avant : Informations dispersées, nécessitant du scroll pour accéder à certaines sections. Les catégories "Ingrédients", "Conseils d'utilisation", "Livraison" et "Stock restant" peu visibles.

Après :

  • Toutes les informations essentielles visibles sur la page : article, nom, prix, catégories
  • Catégories d'information clairement visibles et accessibles
  • Note et avis clients intégrés de manière visible
  • Hiérarchie visuelle claire facilitant la lecture

Impact : Réduction du temps de recherche d'information, amélioration de la compréhension du produit et facilitation de la prise de décision d'achat.

Bénéfices du redesign

Pour l'utilisateur

  • Meilleure lisibilité : Toutes les informations essentielles accessibles sans scroll excessif
  • Navigation simplifiée : Accès rapide au panier et aux informations produit
  • Confiance renforcée : Certification bio mise en avant, avis clients visibles
  • Parcours optimisé : Réduction des frictions dans le processus d'achat

Pour l'entreprise

  • Amélioration du taux de conversion : Facilitation de la prise de décision d'achat
  • Réduction du taux de rebond : Meilleure présentation des informations réduisant l'abandon
  • Augmentation de l'engagement : Interface plus moderne et agréable à utiliser
  • Optimisation de l'espace écran : Meilleure utilisation de l'espace disponible sur mobile

Compétences mises en œuvre

  • Analyse UX et identification de points d'amélioration
  • Redesign d'interfaces e-commerce mobile
  • Optimisation de la hiérarchie visuelle
  • Amélioration de la lisibilité et accessibilité
  • Design centré sur la conversion