Studio Adage — école de danse
Le site d'une école de danse, piloté sans développeur
Un site vitrine de 60 pages et un back-office pour piloter contenus, médias, SEO et formulaires sans toucher au code.
Éducation·Sport
Un projet, 2 interfaces
À quoi ça ressemble
Studio Adage est une école de danse lyonnaise : 30 disciplines, 19 professeurs, un planning hebdomadaire chargé. On a conçu un site vitrine éditorial qui met en avant chaque discipline et chaque professeur, doublé d'un back-office complet. L'équipe édite ses contenus, ses médias et son SEO, et traite ses demandes de contact elle-même, sans jamais ouvrir le code.
Une identité visuelle unique
Couleurs
Typographie
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0 1 2 3 4 5 6 7 8 9 & @ # %
Titres qui portent le message
Sous-titres qui structurent
Un texte courant lisible sur tous les écrans, avec des interlignes généreux.
Construit avec des technologies qui durent
Les technos les plus utilisées au monde, qui font tourner Airbnb et Netflix.
Next.js
React
TypeScript
Tailwind CSS
Framer MotionLe projet écran par écran
Des enjeux concrets, des réponses concrètes
Des enjeux concrets, des réponses concrètes
Les choix qui comptent
Trois décisions de conception prises sur ce projet, et pourquoi.
Un planning filtrable en un clic
Un planning filtrable en un clic
Le planning hebdomadaire regroupe plus de 95 créneaux du lundi au samedi.
L'élève filtre par jour, famille de danse et public (enfants, ados, adultes) pour trouver son cours en quelques secondes.
Même source de données pour l'admin et le site : aucune double saisie.
Le SEO éditable fiche par fiche
Le SEO éditable fiche par fiche
Chaque discipline a son meta title, sa description et son slug, édités dans l'admin.
Un aperçu Google en direct et un score SEO guident l'école, sans compétence technique.
Objectif : ressortir sur les recherches locales type « cours de danse à Lyon ».
Une identité éditoriale, pas un template
Une identité éditoriale, pas un template
Titres en serif display, palette chaude terracotta, grandes images plein cadre.
Chaque discipline et chaque professeur a sa page dédiée, avec badge de famille et baseline.
Le rendu tient de la revue de danse, loin du site d'école générique.
Rapide, mesuré, prouvé
La vitesse n’est pas une promesse : elle se mesure.
Chargement immédiat
Le contenu essentiel s’affiche en une fraction de seconde : rendu côté serveur, HTML léger, JavaScript réduit au strict nécessaire.
Images optimisées
Formats modernes (WebP/AVIF), dimensions adaptées à l’écran et chargement différé hors de l’écran : aucun octet gaspillé.
Stabilité visuelle
Pas de saut de mise en page pendant le chargement : les tailles sont réservées à l’avance, l’interface reste calme sous les yeux.
Une sécurité qui ne dort jamais
Ce qui tourne en arrière-plan pour que votre projet reste debout, quoi qu’il arrive.
Sauvegardes quotidiennes sur serveur distant
Procédure de reprise testée mensuellement
Monitoring automatique toutes les 5 min du service, alerte auto si service down
Chiffrement SSL
Isolation des environnements de développement
5 étapes pour concrétiser votre projet
Cadrage
On tient un cabinet d’ostéopathie. L’idée : que nos patients réservent en ligne, sans appeler.
Reçu ! On vous prépare un prototype sous 3j
Vous décrivez votre projet
Un cahier des charges si vous en avez un, quelques paragraphes libres sinon.
Vous avez lu jusqu’ici ? Continuons ensemble.
Avant de signer, on vous offre sous 3j un prototype de votre projet.
Sans engagement
