CS International
Année
2025-26
Role
UX/UI Designer

La conception
01
Une grille sans arrondi
J'ai posé un système de lignes droites, sans rayon de bordure, sur l'ensemble des composants. La contrainte force la hiérarchie : quand aucune forme ne vient adoucir un bloc, seuls l'espacement et la typographie peuvent créer la lecture. Ce système est ensuite devenu la référence graphique des autres sites du groupe.

02
Un méga-menu à volets
Plutôt qu'un menu déroulant classique, j'ai conçu une navigation à volets : le premier niveau donne les trois univers, le second ouvre les lieux et services associés, sans jamais quitter la page. C'est le composant le plus complexe du projet. Il fallait qu'un visiteur puisse passer d'une retraite à Nassau à un service parisien en deux clics, et qu'une nouvelle destination puisse s'ajouter sans rien casser.

03
Une densité assumée mais respirée
L'offre du groupe est riche et le client ne voulait rien retirer. J'ai donc travaillé le rythme vertical plutôt que le volume : marges larges, blocs plus courts, un seul message par écran. La même quantité d'information passe, mais elle se lit.

La création
Construire le méga-menu dans Framer
Framer ne propose pas de composant de navigation multi-niveaux prêt à l'emploi. J'ai construit le mien à partir de variants imbriqués, pilotés par des états de survol et de focus pour que la navigation reste utilisable au clavier. Le second niveau est alimenté par la collection CMS des lieux : ajouter une destination dans le CMS la fait apparaître dans le menu, sans retoucher le composant. Le menu se décline aussi en version anglaise à partir de la même structure. C'était la condition pour que l'équipe puisse faire vivre le site sans moi.



Les chiffres
+30
Pages refondues
L'intégralité de la plateforme est passée sur le nouveau système, en français comme en anglais.
3
Territoires
Paris, Nassau et l'Asie sont accessibles en deux clics depuis n'importe quelle page.
3
Univers réunis
Groupe, particuliers et corporate partagent désormais la même grille et le même point d'entrée.

