Étude de cas

Momentum Club

Identité de marque et site premium pour une salle de sport fictive — sombre, dense, pensé pour transmettre puissance et performance dès la première seconde.

Client

Momentum Club

Périmètre

Branding · UX/UI · Développement

Stack

Next.js · TypeScript · Framer Motion

Année

2026

Contexte

Une salle premium, pas une salle low-cost de plus.

Momentum Club est une salle de sport fictive positionnée sur le segment haut de gamme : équipements premium, coachs certifiés, communauté exigeante. Le brief demandait un registre à l’opposé de nos autres réalisations — énergie et puissance plutôt que retenue institutionnelle ou sensorielle.

Objectifs

Quatre exigences, aucune négociable.

Transmettre puissance et discipline dès le Hero, sans jamais verser dans l'agressivité visuelle.

Concevoir un registre radicalement différent de nos trois autres réalisations — sombre, dense, énergique.

Donner à chaque section une identité propre : aucune succession de cartes identiques.

Garder un fond qui évolue réellement le long de la page, jamais un noir plat.

Direction artistique

La puissance comme unique fil conducteur.

Noir profond et anthracite en fond dominant, blanc cassé pour le texte, rouge brûlé réservé aux accents et aux interactions — jamais en grande masse. Une police condensée (Bebas Neue) porte les titres pour transmettre la puissance demandée par le brief ; Inter reste en texte courant pour garder une vraie lisibilité. Le fond n’est jamais un noir plat : des halos positionnés à différents points de la page font évoluer la lumière du Hero jusqu’au contact.

Noir profond

#0A0A0A

Anthracite

#1C1C1C

Blanc cassé

#F2F0EC

Rouge brûlé

#C1440E

Titres

Bebas Neue

Une condensée affirmée, choisie pour transmettre la puissance demandée — réservée aux titres.

Texte courant

Inter

Moderne et parfaitement lisible pour le texte fonctionnel : descriptions, planning, formulaire.

UX

Des modules qui répondent au geste.

Les espaces du club et les programmes d’entraînement se pilotent au clic ou au survol : le contenu et le visuel changent ensemble, jamais l’un sans l’autre. Le planning se consulte par jour plutôt qu’en tableau dense. Un carrousel glissable donne un vrai aperçu de l’intérieur du club, juste sous le Hero — la photo d’ambiance ne sert plus de simple toile de fond, elle devient un contenu à part entière.

Process

Du positionnement au code, sans rupture.

01

Positionnement

Un club premium, pas une salle low-cost : la direction artistique devait le dire avant même le premier mot de texte.

02

Système de fond

Halos rouge brûlé positionnés à différents points de la page, grain léger, texture diagonale — la profondeur vient de la composition, pas d'un aplat.

03

Modules interactifs

Espaces, programmes et planning se pilotent au clic ou au survol, avec des transitions qui changent le contenu et le visuel ensemble.

04

Développement

Next.js, Framer Motion, compteurs animés, carrousel de photos glissable — architecture en composants spécialisés, aucun composant générique.

Performances

Dense visuellement, léger au chargement.

Malgré un système de fond en plusieurs couches et un carrousel de photos, le site reste construit sur des halos en CSS pur plutôt que sur des images lourdes en arrière-plan, avec un chargement d’image contrôlé par section — cohérent avec un score Lighthouse cible supérieur à 95.

Résultat attendu

La preuve que LVX Creative sait tenir un registre sombre et énergique avec la même rigueur qu’un registre institutionnel — un studio, tous les registres.

Momentum Club est une salle de sport fictive, conçue par LVX Creative à titre de démonstration.