Fauvert Professionnel a fait appel à notre agence pour la refonte et modernisation de son site WordPress.
Ce projet s'est donc articulé autour de 2 axes :
La refonte de l'arborescence a été un travail important, puisque le site de Fauvert Professionnel comportait déjà énormément de pages, avec un maillage interne complexe.
Pour avoir une visibilité claire des pages existantes, et les réorganiser de la manière la plus optimisée possible, notre UI/UX Designer a :
La première étape dans la refonte du design du site est la création d'un wireframe. Il s'agit d'un schéma permettant de définir l'emplacement des éléments du site.
Toujours en noir et blanc, et pouvant être plus ou moins détaillé, ce document très brut permet de mettre à plat la réflexion UX sans être distrait par les images et les couleurs. L'objectif : ne voir que l'essentiel, le parcours utilisateur.
Pour ce projet, nous avons choisi de réaliser un wireframe très détaillé. Cela nous a permis de réaliser un travail de précision, en tenant compte du moindre petit élément du site.
Dans le cadre de la modernisation du design, nous avons travaillé sur une palette de couleurs et une ambiance graphique en adéquation avec les tendances webdesign de 2020 (année de réalisation du projet).
La gamme de produits de Fauvert Professionnel étant de couleurs très variées, les couleurs principales du site se devaient d'être neutres et naturelles. Nous avons donc choisi un fond blanc, avec du beige en couleur complémentaire.
Nous avons choisi du blanc pour le fond afin d'apporter de la luminosité au site, et de créer du contraste avec les produits, textes et images, ce qui permet de mettre en valeur.
La coiffure étant associée au "temps pour soi" et au "cocooning", une couleur douce et chaleureuse telle que le beige convient très bien à ce secteur.
Concernant l'organisation des éléments sur le site, nous avons misé sur les superpositions et décalages pour donner un effet dynamique et moderne.
