Studéo
Des cours vendus sur le site, livrés dans Moodle automatiquement
Le pont qui relie la vente de cours en ligne à leur livraison sur la plateforme de cours, sans ressaisie manuelle.
Éducation·Gamification
Un projet, 4 interfaces
À quoi ça ressemble
Studéo est une plateforme de cours en ligne pour le collège et le lycée : site vitrine avec catalogue et tunnel d'inscription payant, espace élève avec leçons, quiz notés et tuteur IA, suivi de progression pour les familles et les enseignants, back-office pour piloter les inscriptions et le catalogue.
Le cœur du projet : une inscription payée sur le site crée automatiquement le compte élève et ouvre les bons cours sur la plateforme de cours, sans intervention manuelle.
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.
Compte élève ouvert en quelques secondes
Compte élève ouvert en quelques secondes
Le back-office affiche en direct le délai moyen d'ouverture des cours après paiement : 3,8 secondes.
Chaque inscription déclenche création du compte, affectation à la cohorte et ouverture des cours en une seule chaîne automatique, journalisée pas à pas.
Un tuteur qui guide, jamais la réponse toute faite
Un tuteur qui guide, jamais la réponse toute faite
Le tuteur IA est réglé pour ne jamais donner la réponse d'un devoir noté : il repose la question, fait reformuler, renvoie vers la bonne leçon.
Ce choix est affiché en toutes lettres dans l'interface, pas seulement documenté en interne.
La formule la plus rentable mise en avant
La formule la plus rentable mise en avant
Sur les 4 formules du site, « Toutes matières » porte un badge « Le plus choisi » qui ancre visuellement le choix par défaut.
Dans les données du catalogue, c'est aussi la formule qui regroupe le plus d'élèves (46 %).
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
