CEM E-learning.: caso de estudio, Plataforma de cursos con pagos en soles y dólares, clases en vivo, video en streaming, diplomas automáticos y paneles para alumnos, profesores y administración.

Cliente
CEM
Rubro
Capacitación y e-learning
País
Perú
Mi rol
Responsable del frontend, en un equipo de 4
Next.jsNestJSReactPostgreSQLDockerBunny.netPayPalIzipayFigma

En pocas palabras

Transformamos una base genérica de e-learning en la plataforma de CEM: cobro propio, clases en vivo, streaming y un panel para cada perfil.

98Lighthouse · rendimiento (antes 54)
1 clicPara emitir un diploma, que antes se hacía a mano
2Pasarelas de pago, en soles y dólares

El punto de partida

CEM vendía sus cursos por redes sociales: los alumnos llegaban desde YouTube y se suscribían o compraban videos sueltos. No había una plataforma propia para cobrar, dictar las clases ni acompañar al alumno.

La única base técnica era un e-learning genérico tomado de GitHub, con listado de cursos, permisos simples, carrito y cobro externo. Profesores y alumnos no tenían panel propio, y los diplomas se armaban a mano sobre una plantilla difícil de editar.

Qué hicimos

En un equipo de cuatro personas y en dos meses, transformamos esa base en la plataforma de CEM:

  • Pasamos el cobro externo a un cobro propio con PayPal e Izipay, en soles y dólares.
  • Ampliamos el panel para que profesores y alumnos tengan el suyo, cada uno con sus permisos.
  • Rehicimos la experiencia del alumno: de una pantalla básica a un recorrido completo por sus cursos.
  • Sumamos clases en vivo y un servicio de video en streaming propio sobre Bunny.net.
  • Automatizamos los diplomas: cuando un alumno aprueba, se generan con un clic, en segundos, con las firmas y el temario de cada curso.
  • Agregamos un panel contable para que la administración controle la facturación.

Mi parte

Estuve a cargo del frontend. Por los plazos cortos también trabajé junto al equipo de diseño: varias pantallas se diseñaron directamente en la interfaz y el equipo de diseño ajustó detalles sobre eso.

Organizamos el código por dominio (cursos, pagos, certificados) para absorber los cambios frecuentes sin desordenar el proyecto.

Lo más difícil fueron los cambios de permisos a mitad del proyecto: el cliente pedía secciones nuevas que restringían o modificaban funciones ya hechas, con los plazos al límite. Antes de cada cambio analizaba qué funciones y pantallas iba a afectar y cómo evitarlo, para no romper la seguridad de los permisos ni la experiencia del alumno.

El resultado

CEM pasó de vender por redes a tener su propia plataforma: cobra, dicta clases en vivo, sirve su video y emite certificados sin trabajo manual.

El rendimiento medido con Lighthouse pasó de 54 a 98: memoización de componentes y funciones, carga diferida, imágenes y animaciones optimizadas, caché y la corrección de estados y efectos que se recalculaban de más.

La infraestructura quedó preparada para el crecimiento de la plataforma: puede absorber más cursos, alumnos y datos sin cambios técnicos ni pérdida de rendimiento.

La plataforma, por dentro.

  1. 01

    Una marca propia

    Antes los cursos se vendían por redes y YouTube. Ahora CEM tiene su propia plataforma: cada pantalla lleva su identidad y conduce al alumno hacia los cursos.

    Página de inicio de la plataforma CEM
  2. 02

    Comprar sin fricción

    El alumno paga con PayPal o Izipay, en soles o en dólares, sin salir de la plataforma. Todo lo que compró queda en un solo lugar, listo para cursar.

    Mis compras: los cursos que adquirió el estudiante
  3. 03

    La administración, a la vista

    Un dashboard reúne ingresos, cursos más vendidos y usuarios. La administración decide con datos, en vez de reconstruirlos desde planillas y mensajes.

    Dashboard de administración con ingresos, cursos y usuarios
  4. 04

    Facturación bajo control

    La gestión contable muestra ingresos e historial de ventas por período, dentro de la misma plataforma y sin depender de herramientas externas.

    Gestión contable: ingresos e historial de ventas
  5. 05

    Contenidos ordenados

    Categorías y cursos se administran desde el panel, sobre una estructura pensada para crecer: soporta catálogos y volúmenes de alumnos mucho mayores sin perder orden ni velocidad.

    Gestión de categorías de cursos desde el panel

¿Tu negocio necesita algo así?

Hablemos de tu proyecto