← Volver a Proyectos

Kathy Monzón Cake Studio

LMS · 2025 · VISITAR SITIO EN VIVO ↗
El Proyecto
Un LMS personalizado para una escuela de pastelería online con más de 11,000 estudiantes en 56 países. Construido desde cero para reemplazar una configuración de WordPress lenta y costosa. Reduje los costos de infraestructura en un 93% mientras hacía la plataforma más rápida para los estudiantes y más simple para el personal.
Desarrollo Full-Stack Diseño UI & UX Infraestructura y Despliegue Arquitectura Personalizada
Stack Técnico
React TypeScript Astro Bun PostgreSQL Cloudflare R2 Mercado Pago LemonSqueezy
Página de detalle del curso de Kathy Monzón Cake Studio en iPhone
Desafío
La configuración existente tenía tres problemas principales. El sitio funcionaba en WordPress con un tema LMS. El rendimiento era pobre, la interfaz de administración era confusa y súper limitante, y solo una persona sabía cómo usarla. Todo el equipo dependía de esa única persona. Los costos eran de $180/mes por hosting y plugins. Con 11,000 usuarios accediendo diariamente, la migración necesitaba ser sin errores.
Acción
Construí un LMS personalizado desde cero para reemplazar la configuración de WordPress, con una nueva base de datos, panel de administración e infraestructura de pagos.
Construyendo desde cero
Un LMS personalizado reemplazando la configuración de WordPress. Maneja más de 120 cursos, procesamiento de pagos en múltiples países, streaming seguro de Vimeo, y un sistema único de membresías que extiende el acceso a los cursos en lugar de proporcionarlo.
Diseño UI/UX
Diseño completo de interfaz en Figma cubriendo cinco tamaños de dispositivos (enfocado principalmente en celular, ya que el 89% del tráfico es por celular). Sistema de diseño consistente en la plataforma de estudiantes, panel de administración y páginas públicas. Cada componente construido para usabilidad, convirtiendo acciones complejas como la gestión de cursos y el checkout en flujos intuitivos.
Estrategia de migración
La migración manejó 11,000 usuarios activos. La base de datos se reorganizó, luego importada a SQL mediante comandos de terminal. Las contraseñas mantuvieron el mismo hash para un inicio de sesión sin problemas. Progreso del curso, historial de compras y certificados, todo se transfirió intacto sin pérdida de datos ni interrupciones.
Carrito de compras de Kathy Monzón Cake Studio en MacBook Pro
El sistema de membresías
La funcionalidad más compleja. Las membresías extienden el tiempo de visualización para cursos comprados (1 año por defecto) en lugar de otorgar acceso. Las extensiones se calculan desde la fecha de vencimiento, o fecha de compra si ya expiró. Cada nivel ofrece descuentos específicos mostrados automáticamente en el carrito con insignias visuales. Lógica personalizada abarca procesamiento de pagos, control de acceso y checkout.
Infraestructura de pagos
Integra dos procesadores de pago: uno local peruano para transacciones domésticas (Mercado Pago) y LemonSqueezy para internacionales. Ambos usan webhooks para verificación de pagos y provisión automática de acceso.
Página de checkout y pago de Kathy Monzón Cake Studio en MacBook Pro
Problemas durante la construcción
Desafíos técnicos durante el desarrollo.
Complejidad de migración de órdenes
Migrar órdenes fue muy difícil. Años de datos de WordPress con estructuras inconsistentes: descuentos promocionales, fechas límite de preventa, precios basados en país, y combinaciones de todos los factores. Cada orden se mapeó cuidadosamente para asegurar que los estudiantes mantuvieran el acceso correcto y el historial de compras.
Confiabilidad de la API
Las fallas de la API impactarían a miles de usuarios, por lo que la confiabilidad era crítica. Todos los endpoints incluyen manejo de errores, validación y mecanismos de respaldo. Pruebas y monitoreo aseguran estabilidad bajo carga del mundo real.
Panel de administración de Kathy Monzón Cake Studio en modo oscuro en MacBook Pro
Optimización de rendimiento
La velocidad de página importaba ya que muchos estudiantes acceden desde regiones o dispositivos con internet más lento. Pasé casi tres semanas optimizando la entrega de imágenes a través del CDN de Cloudflare con enrutamiento inteligente. Configuré encabezados de caché apropiados, implementé carga de imágenes responsivas, y afiné la distribución del CDN para entrega en el edge más cercano. Las consultas de base de datos también se optimizaron para el volumen de usuarios concurrentes.
Plataforma
Los estudiantes pueden explorar cursos, comprar con múltiples métodos de pago, ver lecciones, rastrear progreso y descargar certificados. La interfaz es rápida y funciona bien incluso en conexiones más lentas.
Panel de Administración
El admin de WordPress creó un problema de dependencia. La interfaz confusa significaba que solo una persona podía crear órdenes, editar cursos o gestionar estudiantes. Rediseñado desde cero con aporte del propietario para obtener un dashboard totalmente personalizado. Los miembros del equipo ahora manejan creación de cursos, gestión de inscripciones, revisión de ventas y configuración de promociones sin capacitación.
Backend
Maneja autenticación, procesamiento de pagos, integración de streaming de video, emails automatizados, generación de certificados y lógica de membresías. Construido para escalar. La infraestructura puede manejar más de 68,000 usuarios sin requerir una reconstrucción.
Panel de administración de Kathy Monzón Cake Studio en modo claro en MacBook Pro
Resultado
Reduje los costos de infraestructura en un 93%, de $180/mes a $12/mes. Los estudiantes experimentan tiempos de carga más rápidos, las tasas de conversión mejoraron, y el equipo ganó independencia. Cualquier persona del equipo puede gestionar cursos y estudiantes sin conocimiento técnico. Construido para escalar mientras la escuela crece internacionalmente.