Flexispine
Une vidéothèque de yoga pensée pour le dos
Cours filtrables, programmes guidés et espace abonnées, dans une seule app.
Un projet, 2 interfaces
À quoi ça ressemble
Flexispine est une plateforme de cours de yoga en ligne centrée sur la santé du dos : un catalogue de 152 vidéos filtrable par thème, durée et niveau, et des programmes guidés sur plusieurs jours avec suivi de progression.
Le studio dispose d'un back-office pour publier les vidéos, suivre les abonnées et piloter les revenus récurrents.
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.
Progression du programme visible
Progression du programme visible
Chaque programme multi-jours suit une progression réelle : jours complétés, jour en cours mis en avant, jours à venir verrouillés.
L'élève reprend exactement là où elle s'est arrêtée, sans chercher sa séance du jour.
Formule la plus engageante mise en avant
Formule la plus engageante mise en avant
Les trois formules affichent un badge "Le plus choisi" sur l'annuel, avec l'économie chiffrée (−26 %) face au mensuel.
Un choix par défaut assumé plutôt qu'une liste de prix neutre.
Pilotage du studio en un coup d'œil
Pilotage du studio en un coup d'œil
Le tableau de bord croise évolution des abonnées et des revenus sur 12 mois avec la répartition par formule.
La fondatrice voit en un écran si l'activité progresse et d'où vient le revenu.
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 offer sous 3j un prototype de votre projet.
Sans engagement
