Le projet
Le redesign du site e-commerce Lierac
LIERAC, marque de cosmétiques anti-âges, propose un univers qui marie chic à la Française et innovation pharmaceutique. Son manifeste appelle à allier science, féminin et excellence.
Client
Lierac
Date
Septembre 2021 à aujourd'hui
Website
Rôles
UX/UI Design
Comment rendre à LIERAC son image de marque sur le digital, renouant avec féminité et technologie ?
LIERAC marque un tournant dans sa communication à l’aube de 2022. En effet, le nouveau packaging et le rebranding de la marque est imminent. LIERAC veut dépoussiérer son image vieillissante, composée de peaux lissées artificiellement et de visuels médicaux. A la place, l’image se veut féminine en restant experte dans les technologies cosmétiques. Il faut que l’identité visuelle du site reflète cette volonté.
- La solution clé en main utilisée jusqu’alors arrive à expiration. Il faut donc reconstruire la plateforme en ligne.
- L’objectif final est de créer un site e-commerce à la charte graphique aux couleurs reflétant la marque, et l’expertise technique de LIERAC.
- L’évolution doit être constante afin d’ajouter progressivement les modules essentiels à une expérience client optimale (Programme de fidélité, gestion des échantillons, module d’avis…). Ils sont travaillés au fur et à mesure, dans l’optique d’améliorer l’UX et offrir un parcours utilisateur satisfaisant.
Le Redesign
Le processus
Les prototypes
- Après discussions avec les équipes marketing chargées de la cohérence de la marque, nous avons conclu que l’expérience devait refléter l’image premium remise sur LIERAC.
- La palette couleur a été choisie pour refléter ce changement de direction. A la place du rose, j’ai proposé un gris très foncé, proche du noir, dans la lignée de grandes marques de luxe (Guerlain, Dior…). La typographie est en accord avec les nouveaux packagings de la marque. La volonté est d’avoir une palette de couleur épurée, pour marquer la nouvelle sobriété.
- La fiche produit est retravaillée afin de mettre en avant les bienfaits, les ingrédients utilisés, et l’iconographie technique.
- Le tunnel d’achat devait être clarifié, ordonné par étapes claires, et intuitif au niveau des champs de remplissage.
- Le responsive design devait être soigné, et l’approche mobile first était une démarche essentielle à l’efficacité du site
Le rendu
L'UI Kit
Les résultats
Le site de LIERAC a été revu dans son ensemble. La charte graphique accompagne désormais les nouveaux packagings déjà présents sur certaines gammes. Les photos ont retrouvé une place importante dans les fiches produit et la home page, afin de mettre en avant la marque.
Aller plus loin :
Cependant, le travail est loin d’être fini. Il faut encore améliorer certains points pour tirer entière satisfaction. En effet, les impératifs de mise en ligne, de calendrier marketing, ou les ressources internes obligent à faire des choix en termes de priorité. Ces sujets sont donc en cours, selon la capacité des équipes techniques. Pour que LIERAC puisse prétendre à une expérience agréable pour tous, il faut encore :
- Améliorer les formulaires du tunnel d’achat. Le travail sur les messages d’erreur, la taille des champs et la complétion de ces derniers doit être poursuivi.
- Améliorer l’ergonomie du panier, en proposant un panier en volet à l’ajout, et non un toaster comme actuellement.
- Le module d’avis doit être enrichi (filtre, pagination) et son design amélioré (taille des champs de texte et du bouton)
- Retravailler le moteur de recherche, en l’enrichissant et en revoyant son fonctionnement.
- Le panier vide devrait être enrichi de cross-sell, de liens de redirection, ou voir d’une image d’illustration afin de le rendre plus agréable et utile.