Refonte UX/UI · Site internet · Architecture de l'information · Direction visuelle — 2024

Cyril Bazin

Repenser une interface pour mieux refléter le salon

Contexte

Le projet consistait à revoir l'expérience et l'interface du site de Cyril Bazin. L'enjeu n'était pas seulement d'embellir l'existant, mais d'abord de comprendre son fonctionnement, son contenu et les difficultés de navigation.

Problématique

Comment rendre le site plus simple à parcourir, plus accessible dans son utilisation et plus fidèle à l'univers visuel du salon ?

Trois écrans du site refondu : page contact, en-tête avec navigation et page actualités — Les pages essentielles (accueil, contact, actualités) partagent la même structure : un en-tête stable, une hiérarchie claire, le noir et blanc du salon.

Démarche

01Analyse de l'interface existante
02Compréhension de son organisation
03Repérage des incompréhensions et points de friction
04Restructuration des contenus
05Amélioration des parcours essentiels
06Refonte des écrans
07Création d'une direction visuelle plus lisible et contemporaine
08Vérification de la cohérence entre les besoins fonctionnels et les choix graphiques

Décisions principales

Restructurer l'information avant de redessiner : la hiérarchie des contenus est fixée en premier, le style vient ensuite
Réduire la navigation aux entrées réellement utiles et garder la prise de contact visible en permanence
Adopter une direction visuelle en noir et blanc contrasté, cohérente avec l'image du salon plutôt qu'avec les codes génériques du secteur

Page d'accueil sur un écran d'ordinateur : menu Nos produits, Nos salons, À propos, Contact, et portrait de Cyril Bazin — La navigation a été réduite à quatre entrées, alignées sur ce que les visiteurs cherchent réellement : les produits, les salons, l'histoire et la prise de contact.

Version mobile de la page d'accueil : bouton « Prendre rendez-vous », section « Coiffeur créateur » et portrait — Sur mobile, la prise de rendez-vous et la collection restent accessibles dès le premier écran.

Mise en situation du site sur un écran d'affichage extérieur

Devanture du salon Cyril Bazin, coiffeur créateur, de nuit — Le salon lui-même : sobre, contrasté, éclairé. L'interface devait retrouver cette présence.

Livrables

Audit de l'interface existante et de son organisation
Architecture de l'information restructurée
Maquettes des écrans principaux (accueil, produits, salons, à propos, actualités, contact) en versions ordinateur et mobile
Direction visuelle et règles d'interface

Résultat

Une interface plus claire, mieux hiérarchisée et visuellement plus qualitative. La refonte facilite l'accès aux informations importantes tout en donnant au site une présence plus cohérente avec l'image du salon.

Ce que le projet démontre

Ma capacité à auditer un site, comprendre sa logique, restructurer l'information et transformer les constats UX en une interface aboutie.