Contexto
- Cliente: TradingLab, academia de trading online española
- Rol: Desarrollador WWX (solo desarrollo)
- Diseño: Proporcionado en Figma
- Colaboración: Trabajé estrechamente con su Project Manager interno
El Desafío
TradingLab construyó inicialmente su academia como un MVP usando Webflow CMS, Memberstack, Airtable y Make.
Esta configuración funcionó bien para validar el producto, pero pronto mostró sus límites a medida que la plataforma comenzó a crecer.
Problemas principales:
- Los límites de tasa de la API del CMS de Webflow afectaban el rendimiento
- Sincronización de datos poco confiable entre Airtable y Webflow a través de Make
- Dificultad para escalar con más estudiantes, cursos y lógica
Al mismo tiempo, TradingLab no quería migrar a plataformas LMS estándar como Teachable o plugins de WordPress, ya que necesitaban control total sobre el diseño e integraciones avanzadas.
La Solución
TradingLab me contactó para construir la v2 de su academia, partiendo de un portal para estudiantes completamente diseñado en Figma.
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
Esto eliminó todas las limitaciones del CMS y permitió a la plataforma escalar a miles de estudiantes.
Integración con Memberstack
Memberstack se conectó directamente a Xano, manteniendo su sistema de autenticación existente mientras se mejoraba la capa de datos.
Eventos y Webhooks de la Academia
Implementé un sistema de eventos personalizado usando triggers de Xano, que permite a la academia notificar a herramientas de terceros mediante webhooks cuando ocurren acciones específicas.
Lógica Frontend con Wized
Usando Wized, conecté el frontend de Webflow con Xano, transformando el diseño de Figma en un portal para estudiantes completamente 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 le da a TradingLab el control total sobre su producto sin quedar atrapado 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 academia es ahora el producto principal del negocio online de TradingLab.
