ClaiR LabCédric Rogne · Outils web sur mesure Décrire mon projetContact

Studio EDDC

Une école de danse passait par une plateforme pleine de publicités et gérait tout à la main. Elle a maintenant un site propre, et un espace où l’équipe met tout à jour elle-même. Le site est prêt et présenté à l’école en novembre 2026.

L’espace équipe du site EDDC sur ordinateur
Le même espace équipe sur téléphone
13
pages : accueil, cours, planning, équipe, agenda, gala, boutique…
46
cours par semaine, filtrables par âge, style et salle
7
rubriques dans l’espace équipe, sans une ligne de code
0 €
d’abonnement : hébergement et base de données gratuits

Des liens partout, des tableaux partout

L’ancien site était construit sur une plateforme extérieure, avec des bandeaux de publicité. Pour chaque démarche, il fallait partir ailleurs. Et derrière, l’équipe gérait tout à la main.

  • Un lien pour les vidéos, un autre pour les places du gala, un autre pour l’inscription, un autre encore pour la boutique
  • Des bandeaux de publicité sur le site de l’école
  • Le stock de la boutique suivi à la main, dans des tableaux
  • Des informations notées un peu partout, difficiles à retrouver
  • Un planning, des stages et des inscriptions qui changent sans cesse, gérés par une équipe bénévole, sans outil adapté

Ce qui a changé

AvantMaintenant
Pour les famillesUn lien différent pour chaque démarche, des publicitésUn seul site, propre et sans publicité : planning, vidéos, stages, gala, inscription et boutique au même endroit
CotisationÀ calculer soi-même dans la grille des tarifsUn simulateur simple qui donne le montant selon les cours choisis
Stock de la boutiqueTenu à la main dans des tableauxMis à jour tout seul à chaque commande payée, taille par taille
Gestion de l’écoleDes notes un peu partoutUn vrai outil de travail : commandes, inscrits, messages, planning et équipe, rangés dans un seul espace

Ce que voient les familles

Un planning vivant

Toute la semaine d’un coup d’œil, filtrable par âge, discipline ou salle, avec un bouton pour l’imprimer en PDF.

Cours et tarifs

Chaque discipline avec ses professeurs et un extrait vidéo, la grille des tarifs et un simulateur pour estimer sa cotisation.

Agenda et stages

Stages, cours occasionnels et événements, avec inscription et paiement directement sur le site.

Boutique

La collection de l’école : choix de la taille, panier, paiement en ligne, remise de la commande au cours. Elle remplacera la boutique tenue jusque-là sur une plateforme extérieure.

Page Planning du site EDDC : 46 cours répartis par jour, avec filtres par âge, discipline et salle.
Le planning de la semaine, avec ses filtres. Il se met à jour dès qu’un cours change dans l’espace équipe.
Page Cours et tarifs : les disciplines de danse avec leurs professeurs.
Les disciplines, avec le nom des professeurs qui les enseignent, repris automatiquement de la fiche équipe.
Page Boutique : la collection de vêtements EDDC, filtrable par adultes, enfants et accessoires.
La boutique, ici en mode démonstration : le paiement est simulé.

Ce que gèrent les bénévoles

C’est le cœur du projet. Tout ce qui change pendant l’année se modifie depuis un téléphone, et se répercute partout sur le site.

  • Planning. Ajouter, modifier ou annuler un cours, marquer un cours complet. Une alerte prévient si deux cours se chevauchent dans la même salle.
  • Équipe. Photo, rôle, disciplines et petit mot de chaque professeur.
  • Infos du site. Ouvrir ou fermer les inscriptions en un clic, changer la saison, les tarifs, les dates du gala.
  • Agenda, inscrits et commandes. Créer un stage, voir la liste des inscrits, suivre le stock par taille. Les commandes arrivent en direct, avec un son et une notification, puis se marquent « remises » au cours.
  • Messages. Les messages du formulaire de contact arrivent dans une boîte partagée, et aussi par e-mail, à marquer comme traités.
  • Accès. Un compte par membre de l’équipe, inscriptions fermées au public, et un lien « mot de passe oublié » pour ne bloquer personne.
Espace équipe, onglet Planning : les cours du lundi, chacun avec un bouton Modifier.
Le planning : chaque cours se modifie, s’ajoute ou s’annule en un clic.
Espace équipe, onglet Articles et stock : chaque vêtement avec son stock par taille.
Le stock par taille, qui baisse tout seul à chaque commande. Les tailles presque épuisées ressortent en couleur.
Espace équipe, onglet Agenda et stages : un stage avec ses places et le gala.
Les stages et événements, avec le nombre d’inscrits et de places.
Espace équipe, onglet Infos du site : inscriptions ouvertes ou closes, saison et gala.
Les infos du site : inscriptions ouvertes ou closes, saison, dates du gala.

Captures en mode démonstration.

Comment c’est construit

Site
HTML, CSS et JavaScript, sans framework : rapide, gratuit à héberger, sans maintenance
Données
Supabase : base de données, comptes de l’équipe, photos
Paiement
Stripe pour la boutique et les stages, AssoConnect pour les cotisations
Stock
Au moment du paiement, les articles sont réservés 30 minutes, en tout ou rien. En cas d’abandon, ils reviennent en stock automatiquement, avec une vérification toutes les 10 minutes
Prix
Toujours relus dans la base au moment de payer, jamais ceux envoyés par le navigateur
Hébergement
Netlify
Mode démo
Tout le site fonctionne sans compte, pour tester avant la mise en service
Pensé pour être transmisLes comptes seront créés au nom de l’association, en suivant un guide d’installation pas à pas déjà rédigé. L’école restera maîtresse de son site, sans dépendre de moi.

Cinq choix qui comptent

  • Une seule source pour chaque information. Un professeur ajouté dans l’équipe apparaît dans le planning, les disciplines et les fiches : rien à recopier.
  • Prévenir plutôt que corriger. Le chevauchement de deux cours dans une salle est signalé avant d’être publié. Et deux familles ne peuvent pas acheter le dernier sweat de la même taille.
  • Une liste de tests avant d’ouvrir. Le guide d’installation se termine par 8 vérifications, dont : commande test, stock qui baisse puis revient, stage qui passe « complet », message reçu, mot de passe oublié, puis passage au paiement réel.
  • Un mode démo complet. Avant même la mise en ligne, l’équipe peut tout essayer, commandes et paiement compris, sans risque.
  • Pas d’abonnement. Pour une association, chaque euro compte : seul le paiement en ligne a un coût, à la transaction.

Votre site n’est jamais à jour ?