CS International

Année

2025-26

Role

UX/UI Designer

Un même site devait parler à trois publics qui n'ont rien en commun.

Un même site devait parler à trois publics qui n'ont rien en commun.

CS International est le point d'entrée de tout le groupe Champion Spirit. Trois univers y cohabitent : la présentation du groupe, les offres aux particuliers et les offres corporate. Chaque branche avait grandi de son côté, avec ses propres pages, ses propres codes et sa propre logique de navigation. Résultat : un visiteur arrivait sur le Country Club de Nassau sans jamais soupçonner qu'il existait une offre séminaires à Paris ou un volet aménagement d'espaces sportifs. La densité d'information était légitime, mais elle n'était plus hiérarchisée. Le tout devait en plus tenir en deux langues. Ma mission : réharmoniser la plateforme entière sans amputer l'offre, et laisser au groupe une structure capable d'absorber ses prochaines destinations.

CS International est le point d'entrée de tout le groupe Champion Spirit. Trois univers y cohabitent : la présentation du groupe, les offres aux particuliers et les offres corporate. Chaque branche avait grandi de son côté, avec ses propres pages, ses propres codes et sa propre logique de navigation. Résultat : un visiteur arrivait sur le Country Club de Nassau sans jamais soupçonner qu'il existait une offre séminaires à Paris ou un volet aménagement d'espaces sportifs. La densité d'information était légitime, mais elle n'était plus hiérarchisée. Le tout devait en plus tenir en deux langues. Ma mission : réharmoniser la plateforme entière sans amputer l'offre, et laisser au groupe une structure capable d'absorber ses prochaines destinations.

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.