El Problema
TradingLab construyó inicialmente su academia como un MVP usando Webflow CMS, Memberstack, Airtable y Make.
Esta configuración había funcionado para avanzar rápido al principio, pero con el crecimiento de estudiantes y contenidos empezó a mostrar límites cada vez más evidentes.
Problemas principales:
- Los límites de tasa de la API del CMS de Webflow afectaban el rendimiento.
- La sincronización entre Airtable y Webflow, gestionada mediante Make, era frágil.
- La plataforma se volvía difícil de escalar con más estudiantes, cursos y lógica personalizada.
El punto no era simplemente "cambiar de LMS". TradingLab no quería moverse a soluciones estándar como Teachable o plugins de WordPress, porque necesitaba mantener el control sobre el diseño, las integraciones y la evolución del producto.
La Solución
Acompañé a TradingLab como socio técnico en la planificación de la v2 de la academia: aclaramos qué mantener del MVP, elegimos las herramientas adecuadas para superar los límites existentes y después desarrollé el nuevo portal de estudiantes a partir del diseño en Figma.
El objetivo era mantener Webflow como front-end, pero sustituir la capa de datos por una arquitectura más sólida: Xano para backend y lógica de aplicación, Wized para conectar la interfaz con las APIs y Memberstack para conservar el sistema de autenticación existente.
Backend Personalizado con Xano
Construí un backend escalable en Xano para gestionar:
- Usuarios y roles
- Cursos, módulos y lecciones
- Seguimiento del progreso de los estudiantes
- Cuestionarios y lógica de aprendizaje
Así, la lógica principal de la academia dejó de depender de los límites del CMS y pudo crecer junto con el producto.
Integración con Memberstack
Memberstack se conectó directamente a Xano, manteniendo el sistema de autenticación existente y mejorando la capa de datos sin obligar a los usuarios a cambiar de experiencia.
Eventos y Webhooks de la Academia
Implementé un sistema de eventos personalizado usando triggers de Xano, para que la academia pueda notificar a herramientas de terceros mediante webhooks cuando ocurren acciones específicas.
Lógica Frontend con Wized
Con Wized conecté el frontend de Webflow con Xano, transformando el diseño de Figma en un portal de estudiantes funcional donde los usuarios pueden:
- Acceder a los cursos
- Seguir su progreso
- Interactuar con lecciones y cuestionarios
Por Qué Este Stack
- Webflow por la velocidad, el SEO y el diseño pixel-perfect
- Wized por la potente lógica JS en el frontend y las llamadas a la API
- Xano por un backend escalable, flexible y preparado para el futuro
Esta configuración permite a TradingLab mantener el control del producto sin quedar atrapada en un LMS rígido.
El Resultado
- Mejora en el rendimiento y la escalabilidad
- Integraciones confiables con herramientas externas
- Arquitectura flexible lista para nuevas funcionalidades
- Experiencia de estudiante personalizada y coherente con la marca
La plataforma hoy soporta a miles de estudiantes y se ha convertido en el producto principal del negocio online de TradingLab.
"I’m amazed, GREAT WORK!"
