Le contexte
Le projet consistait à reprendre l'interface numérique d'une exposition valorisant le patrimoine montagnard. La base existante était inachevée, avec des problèmes de hiérarchie visuelle majeurs.
Carnets de
montagne
Maquettage d'un site proposant des exposition itinérante conçue pour valoriser le patrimoine des communes de montagne.
Le défi
Sans possibilité de relancer une phase de recherche utilisateur (interviews), il fallait réaliser un audit heuristique strict et s'adapter aux contraintes techniques pour proposer une UI moderne.
La Solution UI
Une refonte Haute-Fidélité complète. Création d'un UI Kit robuste, d'une grille typographique lisible et d'un design respectant parfaitement les codes institutionnels et patrimoniaux.
Compétences mobilisées
UX Design
UI Design
Outils
Méthodes
S'adapter à l'existant pour mieux le valoriser.
Ce projet a été un excellent exercice d'adaptation. Il m'a appris à composer avec des contraintes techniques et esthétiques préétablies. J'ai concentré mes efforts sur l'essentiel : moderniser l'interface, améliorer la lisibilité et fluidifier la navigation. Une approche pragmatique que j'ai hâte de mettre au service de ma prochaine équipe.
L'identité visuelle & typographique
J'ai dû composer avec une identité visuelle déjà établie. La palette s'articule autour d'un vert organique (écologie) et d'un violet profond (innovation et nouveaux imaginaires). Pour garantir l'accessibilité (réduction de la fatigue visuelle), j'ai privilégié un fond blanc cassé et un texte anthracite, évitant la brutalité d'un noir et blanc pur.
#29ECA3
#4F51FD
#F5F7FA
#2A2A2A
Montserrat
Titre & Impact
Open Sans
Lisibilité & texte courant
La maquette One-Page
Survoler pour scroller
S'adapter à l'existant pour mieux le valoriser.
Ce projet a été un excellent exercice d'adaptation. Il m'a appris à composer avec des contraintes techniques et esthétiques préétablies. J'ai concentré mes efforts sur l'essentiel : moderniser l'interface, améliorer la lisibilité et fluidifier la navigation. Une approche pragmatique que j'ai hâte de mettre au service de ma prochaine équipe.
Retour d'Expérience
Le paradoxe du violet absent
Un an plus tard, mon plus grand regret d'audit est l'utilisation de la couleur. Ma maquette (la V4) abusait du vert (CTA, fonds, textes), créant un "bruit" visuel. Pourtant, la charte graphique possédait un violet, symbole des "nouveaux imaginaires", qui n'a jamais été exploité. Si je devais refaire ce projet aujourd'hui, j'utiliserais ce violet pour différencier les actions primaires des éléments décoratifs.
La sauvegarde de la lisibilité
La maquette d'origine souffrait d'un problème majeur d'ergonomie : une utilisation excessive du texte centré, épuisant à la lecture. Mon premier chantier a été de réaligner les contenus à gauche (loi de la continuité) et de structurer l'information grâce à une grille stricte, réduisant drastiquement la charge cognitive.
Le regard critique
Ce projet m'a appris que le métier de designer ne consiste pas seulement à exécuter une belle maquette, mais à justifier chaque choix. À l'époque, j'ai manqué d'assurance pour imposer une restructuration plus profonde de certains composants aux fondatrices. Aujourd'hui, je suis capable d'argumenter mes choix UI avec des principes ergonomiques tangibles (Loi de Fitts, contraste).
S'adapter à l'existant pour mieux le valoriser.
Ce projet a été un excellent exercice d'adaptation. Il m'a appris à composer avec des contraintes techniques et esthétiques préétablies. J'ai concentré mes efforts sur l'essentiel : moderniser l'interface, améliorer la lisibilité et fluidifier la navigation. Une approche pragmatique que j'ai hâte de mettre au service de ma prochaine équipe.