ÉTUDE DE CAS · FULL STACK
Plateforme de formation en ligne
Une plateforme de cours par projet, avec lecteur vidéo, séries de progression, sessions en direct, certificats et inscription via Stripe.
- RÔLE
- Lead full-stack
- DURÉE
- 14 semaines
- ÉQUIPE
- 2 personnes
- PLATEFORME
- Web responsive
IDENTITÉ PRODUIT
lumen
Apprenez ce qui fera décoller votre carrière.
01 · APERÇU
Aperçu du projet
TEMPS DE DÉVELOPPEMENT
14 semaines
De la promo bêta au lancement public
TAILLE DE L'ÉQUIPE
2 personnes
Moi et une ingénieure pédagogique
RÉSULTAT CLÉ
80k apprenants
Avec 71 % de cours terminés
LE PROBLÈME
Les cours en ligne sont réputés pour leurs faibles taux de complétion. Les apprenants regardaient quelques vidéos, perdaient l'élan et ne construisaient jamais rien à montrer à un employeur.
L'APPROCHE
Lumen structure chaque cours autour d'un vrai projet, suit la progression avec des séries quotidiennes et des jalons, et ajoute des sessions de critique en direct pour que chacun termine avec un travail qui vaut la peine d'être montré.
71 %
de complétion contre ~15 % en moyenne dans le secteur
80k
apprenants la première année
4,8 / 5
de note moyenne des cours
02 · FONCTIONNALITÉS
Ce qu'il fait
Lecteur de cours
Vidéo chapitrée avec notes, transcriptions et vitesse de lecture.
Progression et séries
Séries quotidiennes, jalons et un chemin visible jusqu'à la fin.
Certificats
Des certificats à partager, liés au projet réalisé par l'apprenant.
Sessions en direct
Critiques et sessions de questions planifiées, avec rappels.
Inscription via Stripe
Achats uniques, packs et licences d'équipe.
Studio formateur
Mettez en ligne des leçons, créez des quiz et corrigez les rendus.
03 · PROCESSUS
Comment il a été conçu
SEMAINE 1–2
Découvrir
Enquête auprès de 300 apprenants sur les raisons de leurs abandons.
- Résultats de l'enquête
- Modèle de complétion
SEMAINE 3–4
Concevoir
Page de cours, lecteur, progression et parcours de paiement.
- Prototype Figma
- Design system
SEMAINE 5–12
Développer
Application Next.js, API tRPC, pipeline vidéo, paiements et studio formateur.
- Application web
- Studio formateur
SEMAINE 13–14
Lancer
Promo bêta de 500 apprenants, puis lancement public avec trois cours.
- Lancement public
- Lighthouse 98
04 · STACK TECHNIQUE
Technologies
FRONTEND
- Next.js
- React
- Tailwind CSS
BACKEND
- tRPC
- Prisma
- PostgreSQL
SERVICES
- Stripe
- Mux video
- Resend
INFRASTRUCTURE
- Vercel
- Upstash Redis
- Sentry
ARCHITECTURE
Application web Lumen
Next.js App Router
API tRPC
Cours, progression, facturation
PostgreSQL
Utilisateurs, cours
Mux
Vidéo + sous-titres
Stripe
Paiements, licences
05 · ENSEIGNEMENTS
Défis et enseignements
La vidéo à grande échelle
DÉFI
La vidéo auto-hébergée saccadait pour les apprenants aux connexions lentes.
RÉSULTAT
Le passage au streaming adaptatif de Mux a ramené le démarrage sous la seconde.
Garder les apprenants motivés
DÉFI
La plupart des abandons survenaient entre les leçons trois et cinq.
RÉSULTAT
Des rappels de série et un projet jalon à mi-parcours ont porté la complétion à 71 %.
Ce projet vous intéresse ?
Je vous présente volontiers le code, les choix qui l'ont guidé ou la façon dont une solution similaire pourrait servir votre équipe.