CASO DE ESTUDIO · FULL STACK
Plataforma de formación online
Una plataforma de cursos basados en proyectos, con reproductor de vídeo, rachas de progreso, sesiones en directo, certificados e inscripción con Stripe.
- ROL
- Líder full-stack
- DURACIÓN
- 14 semanas
- EQUIPO
- 2 personas
- PLATAFORMA
- Web responsive
IDENTIDAD DE PRODUCTO
lumen
Aprende lo que impulsa tu carrera.
01 · RESUMEN
Resumen del proyecto
TIEMPO DE DESARROLLO
14 semanas
De la cohorte beta al lanzamiento público
TAMAÑO DEL EQUIPO
2 personas
Yo y una diseñadora instruccional
LOGRO CLAVE
80k alumnos
Con un 71% de cursos completados
EL PROBLEMA
Los cursos online tienen tasas de finalización famosas por lo bajas. Los alumnos veían unos cuantos vídeos, perdían el impulso y nunca construían nada que enseñar a una empresa.
EL ENFOQUE
Lumen estructura cada curso alrededor de un proyecto real, sigue el progreso con rachas diarias y puntos de control, y añade sesiones de revisión en directo para que los alumnos terminen con un trabajo que merezca la pena enseñar.
71%
de finalización frente a ~15% de media del sector
80k
alumnos el primer año
4,8 / 5
de valoración media de los cursos
02 · FUNCIONALIDADES
Qué hace
Reproductor de cursos
Vídeo por capítulos con notas, transcripciones y velocidad de reproducción.
Progreso y rachas
Rachas diarias, puntos de control y un camino visible hasta el final.
Certificados
Certificados para compartir, vinculados al proyecto que ha construido el alumno.
Sesiones en directo
Revisiones y sesiones de preguntas programadas, con recordatorios.
Inscripción con Stripe
Compras únicas, packs y plazas para equipos.
Estudio del instructor
Sube lecciones, crea cuestionarios y revisa entregas.
03 · PROCESO
Cómo se hizo
SEMANA 1–2
Descubrir
Encuesté a 300 alumnos sobre por qué abandonaban los cursos.
- Resultados de la encuesta
- Modelo de finalización
SEMANA 3–4
Diseñar
Página del curso, reproductor, progreso y flujos de pago.
- Prototipo en Figma
- Sistema de diseño
SEMANA 5–12
Construir
App en Next.js, API en tRPC, pipeline de vídeo, pagos y estudio del instructor.
- App web
- Estudio del instructor
SEMANA 13–14
Lanzar
Cohorte beta de 500 alumnos y después lanzamiento público con tres cursos.
- Lanzamiento público
- Lighthouse 98
04 · STACK TÉCNICO
Tecnologías
FRONTEND
- Next.js
- React
- Tailwind CSS
BACKEND
- tRPC
- Prisma
- PostgreSQL
SERVICIOS
- Stripe
- Mux video
- Resend
INFRAESTRUCTURA
- Vercel
- Upstash Redis
- Sentry
ARQUITECTURA
App web Lumen
Next.js App Router
API tRPC
Cursos, progreso, pagos
PostgreSQL
Usuarios, cursos
Mux
Vídeo + subtítulos
Stripe
Pagos, plazas
05 · APRENDIZAJES
Retos y aprendizajes
Vídeo a escala
RETO
El vídeo autoalojado iba a trompicones para los alumnos con conexiones lentas.
RESULTADO
Pasar al streaming adaptativo de Mux redujo el tiempo de inicio a menos de un segundo.
Mantener la motivación
RETO
La mayoría de abandonos ocurría entre las lecciones tres y cinco.
RESULTADO
Recordatorios de racha y un proyecto de control a mitad de curso subieron la finalización al 71%.
¿Te interesa este proyecto?
Te enseño encantado el código, las decisiones que hay detrás o cómo podría funcionar algo parecido para tu equipo.