Étude de cas · 2026
CADENCE
Concept & Site · Studio Multisport
Un concept original imaginé ET prototypé de A à Z par vivesmedia.com : CADENCE, un studio multisport premium qui réunit 6 disciplines (running, Hyrox, CrossFit, force, yoga, mobilité) sous un même toit, avec un bar healthy et une vraie communauté. Au-delà du site, c'est une marque, une direction artistique éditoriale noir & blanc, une architecture complète (18+ pages) et un dossier business — la démonstration qu'on sait penser un projet de bout en bout pour un secteur précis, et le matérialiser en un site qui donne envie de s'abonner.
Le contexte
Le client, et son point de départ.
Le client
CADENCE est un concept maison de vivesmedia.com — pas un client, mais un prototype de marque pensé pour le secteur du sport et du bien-être. L'idée : prouver qu'on peut concevoir pour une salle de sport, un club de running, une box CrossFit ou un studio de yoga un site à la hauteur des meilleures marques lifestyle, et même imaginer le concept commercial qui va avec.
Le problème
Les sites de salles de sport se ressemblent tous : sombres, génériques, datés. Le défi était double — créer une direction artistique forte, premium et différenciante (à des années-lumière du fitness low-cost), et bâtir un site complet et fonctionnel (disciplines, planning, abonnements, communauté, blog, réservation) capable de convertir et de servir d'exemple sectoriel.
Le parti pris design
La charte, en clair.
Palette
#000000
Noir absolu
#151515
Encre
#7F7C81
Gris cendre
#F9F9F9
Blanc cassé
#FFFFFF
Blanc
Typographie
Titres
Trouve ta cadence.
Archivo — Grotesque à chasse large — titres XXL qui débordent du viewport pour l’énergie.
Corps
Bouger, performer, récupérer.
Inter — Sans-serif neutre et lisible, au service du contenu.
La solution
Ce qui a été conçu, et pourquoi.
Le parti pris : une marque lifestyle, pas une salle de sport
Direction artistique éditoriale mono — noir, blanc, gris — inspirée des marques running premium (Bandit, Tracksmith). Typographie XXL qui déborde du viewport, filets fins, photos couleur sur chrome noir & blanc, vidéos hero passées en N&B. Aux antipodes du fitness générique : on vend une appartenance, pas un abonnement.
Direction artistique & branding complet
Logo (monogramme 3 chevrons + wordmark Archivo), système de couleurs en tokens, pairing typographique Archivo / Inter, style photo défini, ton de voix. Un mini-brandkit cohérent, décliné jusqu'à une page charte intégrée au site.
Une architecture complète (18+ pages)
Accueil, 6 pages disciplines dédiées, planning, Le Comptoir (bar healthy), communauté, abonnements + 4 fiches formules, journal + articles, contact, réservation. Un vrai site d'exploitation, pas une plaquette.
Pages disciplines approfondies
Chaque discipline a sa page : intro, chiffres, « pour qui » (tunnels de conversion par cible), contenu inclus, galerie, et un bloc coach avec photo de profil et liens Strava / Instagram — la dimension communautaire incarnée.
Le concept du Comptoir & la communauté
Un bar à matcha / café de spécialité (Le Comptoir) et des fonctionnalités communautaires (s'entraîner entre potes, visibilité opt-in, apps connectées) qui différencient radicalement le concept des chaînes anonymes.
Contenu & SEO / AEO
6 articles de blog rédigés et optimisés pour le référencement classique ET les moteurs IA (balisage Schema.org Article + FAQ), métadonnées complètes, sitemap — pensé pour être trouvé sur Google comme cité par les IA.
Tunnel de conversion fonctionnel
Sélecteur « trouve ton parcours », formules détaillées (dont tarif étudiant et duo), et un tunnel de réservation d'essai gratuit fonctionnel avec confirmation. De la découverte à la prise de contact, sans friction.
Conçu, développé et déployé en un temps record
Stack moderne (Next.js 16, React 19, Tailwind CSS v4), médias sourcés et calibrés, build statique optimisé, déploiement Vercel. Le tout doublé d'un dossier d'étude de marché et de faisabilité — la preuve d'une approche projet globale.
Les détails qui comptent
Les choix d'interface.
Le design ne se juge pas qu'à la première image. Voici les décisions d'ergonomie qui font qu'on reste, qu'on comprend, et qu'on passe à l'action.
Un sélecteur « par où tu commences ? »
Plutôt qu’un mur de formules, 3 profils (remise en forme, sportif confirmé, compétition) orientent chacun vers les bonnes disciplines et la bonne formule. On réduit la charge de décision : le visiteur se reconnaît en un clic.
Une grille éditoriale de disciplines
Chaque discipline = une image plein cadre + un verbe d’action (« Découvrir »). On navigue à l’instinct, comme on feuillette un magazine, pas comme on lit un menu déroulant.
Une typographie qui déborde de l’écran
Les titres géants coupés par le bord du viewport créent du mouvement et de la tension — un code emprunté aux marques running premium, à l’opposé du fitness low-cost.
Un bandeau d’essai gratuit permanent
L’offre « 1re séance offerte » reste visible en haut de chaque page : le call-to-action principal ne quitte jamais l’écran, sans jamais gêner la lecture.
Aperçu du projet
Le rendu, en images.
La démarche
Comment on a travaillé.
Brief & cadrage
On commence par comprendre le métier, la cible et l'objectif business : qui doit convertir, sur quoi se joue la confiance, quels concurrents. Le périmètre et l'arborescence sont fixés avant la moindre ligne de code.
Direction artistique
Moodboard, palette, typographie et maquette du parcours — validés bloc par bloc. La DA est pensée pour le secteur et pour convertir, jamais un template générique revendu.
Développement sur-mesure
Intégration en Next.js + TypeScript + Tailwind, responsive pixel-perfect, animations et performances soignées. Code propre, statique quand c'est possible, zéro page lente.
SEO & contenu
Metadata, Open Graph, Schema.org, structure de contenu et maillage interne pensés pour le référencement dès le départ. Objectif Lighthouse SEO > 90.
Livraison & déploiement
Audit qualité et sécurité, déploiement sur Vercel, configuration du domaine + HTTPS, puis prise en main. Le site est livré prêt à performer.
Les résultats
Des chiffres, pas des promesses.
18+
pages, architecture multi-secteurs complète
Mono
DA éditoriale noir & blanc premium
SEO + IA
articles balisés Schema (Article + FAQ)
Concept
marque + site + dossier business de A à Z
“
CADENCE résume ce que sait faire vivesmedia.com : penser un concept de marque pour un secteur, lui donner une direction artistique forte, et le matérialiser en un site complet et fonctionnel — du premier pixel au déploiement.
Béranger Vives
Fondateur, vivesmedia.com
Technologies
La stack du projet
Votre projet est le prochain
Un projet similaire ? Parlons-en.
Devis gratuit sous 24h, sans engagement.