Refonte d’un site e-commerce existant après rebranding de la marque
Home du nouveau site de la marque de mobilier Berah Getah
LE PROJET EN QUELQUES CHIFFRES
+ 850
Produits
60 K
visites/mois
Contexte
En 2024, le fournisseur de mobilier Bois Dessus Bois Dessous décide de monter en gamme et transforme son branding pour une identité plus pointue.
Devenu Berah Getah, ce changement d’identité entraîne la refonte de son site web : passage de Prestashop à Shopify, nouvel UI Design, nouvelles fonctionnalités.
Outil
1 site développé avec le CMS SaaS Shopify
Client
Fournisseur de mobilier pour particuliers
Rôle
UX/UI Designer au sein d’une équipe constituée d’un Chef de projet, d’une Lead UX/UI Designer et de 3 Dév (2 Back, 1 Front).
Durée de la mission
~ 6 mois des maquettes à la livraison du site en 2024
Des données entrantes au schéma fonctionnel du site
Nous avons démarré la refonte du site en :
- analysant les données Analytics disponibles
- réalisant un audit UX du site
- effectuant un benchmark
Une Homepage en 4ème position des pages les plus consultées
J’ai analysé l’audience du site web à partir des données remontées par Google Analytics. Plusieurs tendances ont émergé :
- des pages Catégories de produit (ex : table basse), et la page “résultats de recherche” se sont révélées plus fréquentées que la Home.
- des pages Univers (ex: salle de bains) arrivent aussi dans le top 10
Les utilisateurs arrivent sur le site depuis les résultats d’un moteur de recherche, l’expérience sur ces pages Catégories est à soigner.
L’usage du Desktop remonte aux étapes de paiement et des informations de livraison
J’ai observé que la navigation se faisait majoritairement sur mobile (à plus de 70%), en particulier pour les étapes de recherche et de consultation du catalogue produits et de la page produit.
La tendance s’inverse au moment de la finalisation de l’achat (paiement et informations de livraison) : l’usage du Desktop remonte à 50%.
Créer une expérience omnicanale est susceptible d’accroître la finalisation des transactions.
Audit UX du site Berah Getah – Extraits
Updater la navigation du site et les fonctionnalités de recherche et filtrage
Nous avons réalisé un audit UX du site, complété d’un benchmark, pour identifier les fonctionnalités à faire évoluer et les bonnes pratiques à mettre en place :
- améliorer l’expérience du mega menu avec l’ajout de visuels, la mise en avant de contenus éditoriaux et des nouveautés par univers
- optimiser la recherche en réduisant l’effort cognitif grâce à une saisie semi-automatique, une visual search et une page de résultats intellingente (filtres, tri et personnalisation de l’affichage).
- redynamiser la home avec des contenus interactifs et un accès rapide aux nouveautés et pages Univers
- créer une expérience mobile plus immersive et plus séduisante
Avant de designer les maquettes haute-fidélité, nous avons construit des schémas fonctionnels des Homepage, Page Univers, Page Liste de Produits et Page Produit.
Construire des wireframes fonctionnels
L’objectif était triple :
- valider la structure de chacune des pages.
- identifier les contenus éditoriaux et visuels à fournir
- se mettre d’accord avec les développeurs et le client sur le périmètre des fonctionnalités à développer
Cette étape a également permis de présenter au client des références et des orientations UI pour créer à un univers visuel partagé.
Home de la section Blog
Séduire et susciter l’engagement
Un design immersif qui valorise les produits
Berah Getah est une marque qui s’attache à créer des meubles en bois massif, construits pour durer et au design travaillé. Les photos de ses produits sont également qualitatives.
Il a donc été choisi de créer une expérience immersive en valorisant ces visuels sur l’accueil en rendant plus discret le menu.
Travailler le design des interactions pour inciter à l’action
Pour gérer le volume de contenus à afficher et garder l’expérience séduisante, des composants interactifs et dynamiques ont été utilisés :
- pagination avec indicateur de progression
- volet latéral avec un système d’accordéons pour gérer de façon plus lisible les informations relatives aux descriptions, dimensions et caractéristiques du produit
- scroll horizontal
Guider l’utilisateur dans ses choix
L’expérience de mise au panier a été retravaillée avec un encart de produits similaires.
Personnaliser l’expédition
Notre client a décidé d’offrir à ses utilisateurs la possibilité de choisir des dates d’expédition différentes lorsque les produits commandés n’étaient disponibles au même moment.
Cette fonctionnalité n’existe pas nativement dans le logiciel SaaS Shopify, nous avons conçu les parcours et les wireframes, en dialogue direct avec les développeurs pour respecter les contraintes techniques et budgétaires.
Ajout au panier et Panier
Accompagner la transformation de 2 sites institutionnels en 1 plateforme unifiée de produits et services
Envie de collaborer ensemble ? 🤝
En tant que salariée ou freelance, je conçois des projets adaptés à vos objectifs et à votre cible.