Le problème
Les studios de pilates reformer proposent des programmes vidéo à leurs membres : séances à suivre à la maison, préparation avant un cours, contenus pour débutants. Les solutions de streaming généralistes ne répondent ni au contexte des studios (écran-hôte en salle, tablettes, membres invités) ni à leur économie (un studio, une marque, un abonnement).
Reformer Society est une plateforme pensée pour eux : chaque studio dispose de son espace à sa marque, ses membres accèdent aux programmes, et un super-admin pilote l'ensemble.
Mon rôle
Design et développement de l'ensemble, seul, du premier écran au déploiement. Cette configuration rare a permis une cohérence totale entre l'intention et le produit, et des cycles d'itération de quelques heures.
Trois espaces, un système
| Espace | Utilisateurs | Fonctions principales |
|---|---|---|
| Public | Membres, invités, particuliers | Recherche à facettes, lecteur HLS, favoris, page de préparation de séance, premiers pas |
| Admin studio | Gérants et coachs | Vidéos, programmes, agenda, membres, emails, kiosque, statistiques, personnalisation de marque |
| Super-admin | Reformer Society | Studios, offres, abonnements, blocages, statistiques globales, textes légaux |
Le tout partage un design system sombre avec un accent surchargé par studio : beige en mode sombre, bordeaux en mode clair, ou la couleur du studio en marque blanche.
Décisions de design structurantes
Le plein écran du lecteur, pas de la page
Un écran d'accueil « expérience optimale » demandait le plein écran de la page entière. Sur tablette, il produisait des mois de tickets. Décision : supprimer le plein écran de page, garder celui du lecteur vidéo seul. Les tickets ont disparu.
Le kiosque « je viens pour ma séance »
En salle, l'écran-hôte du studio doit permettre à un membre ou un invité de lancer sa séance sans mot de passe. Un parcours passwordless, pensé pour un écran tactile partagé, avec une déconnexion automatique maîtrisée depuis l'admin studio.
Une recherche publique qui respecte la typologie
Chaque studio structure ses programmes différemment. La recherche à facettes s'adapte à la typologie du studio au lieu d'imposer des catégories génériques : un overlay de filtres en accordéon, des cases par typologie et un champ texte.
L'abonnement en self-service
Tunnel Stripe pour les particuliers, période gratuite paramétrable, relances automatiques, webhook, droits d'accès calculés côté serveur. La facturation est un parcours utilisateur comme les autres : il a été conçu, pas seulement branché.
Détails qui comptent
- Lecteur HLS avec poster, reprise de lecture et cache hors ligne pour les tablettes mal connectées.
- Verrou de temps de lecture quotidien pour les comptes particuliers.
- Emails transactionnels avec blocs, templates et ciblage par lot.
- Mode clair et sombre, responsive tablette, pièges CSS mobiles documentés et testés.
- Textes légaux éditables, popins de consentement, domaine non indexé pendant la phase privée.
Ce que j'en retiens
- Quand le même regard conçoit et développe, les détails survivent.
- Un produit multi-tenant se conçoit avec la marque blanche dès les tokens, pas en surcouche.
- Supprimer une fonctionnalité est souvent la meilleure correction de bug.
- Le tunnel d'abonnement et les emails sont des écrans à part entière.
Voir reformer-society.com. Expertises mobilisées : front-end et intégration, design system, UX/UI SaaS, direction artistique.
