Contesto
- Cliente: TradingLab, accademia di trading online spagnola
- Ruolo: Sviluppatore WWX (solo sviluppo)
- Design: Fornito in Figma
- Collaborazione: Ho lavorato a stretto contatto con il loro Project Manager interno
La Sfida
Inizialmente, TradingLab ha costruito la sua accademia come MVP utilizzando Webflow CMS, Memberstack, Airtable e Make.
Questa configurazione ha funzionato bene per validare il prodotto, ma ha rapidamente mostrato i suoi limiti non appena la piattaforma ha iniziato a crescere.
Problemi principali:
- I rate limit dell'API del CMS Webflow influenzavano negativamente le prestazioni
- Sincronizzazione inaffidabile dei dati tra Airtable e Webflow tramite Make
- Difficoltà nel scalare incrementando studenti, corsi e flussi logici
Allo stesso tempo, TradingLab non voleva passare a piattaforme LMS tradizionali o all'uso di plugin di WordPress, in quanto necessitavano del completo controllo sul design oltre a diverse opzioni e integrazioni avanzate.
La Soluzione
TradingLab mi ha contattato per costruire la v2 della loro accademia, partendo da un design interamente sviluppato e delineato del portale per studenti su Figma.
Backend Personalizzato con Xano
Ho costruito un backend altamente flessibile e sicuro su Xano per gestire:
- Utenti & ruoli
- Corsi, moduli e lezioni
- Monitoraggio dei progressi
- Quiz e logica di apprendimento
Questo ha eliminato tutti i limiti previsti dal CMS e ha consentito alla piattaforma di scalare verso decine di migliaia di iscritti in contemporanea.
Integrazione Memberstack
Memberstack è stato connesso direttamente a Xano, mantenendo il loro precedente sistema per l'autenticazione sicuro mentre ho migliorato notevolmente le richieste al server.
Eventi & Webhook dell'Accademia
Ho implementato un sistema personalizzato per gestire vari eventi su specifici criteri sfruttando i trigger di Xano, per poi comunicare a varie API in tempo reale e gestire azioni specifiche di risposta sulla propria dashboard.
Logica Frontend con Wized
Sfruttando Wized, sono riuscito a implementare la connessione con Xano verso un frontend Webflow interattivo e interamente strutturato partendo da un accurato layout ed un’adeguata risposta verso le diverse funzioni della piattaforma e portale studente che possono:
- Accedere ai corsi
- Controllare i progressi
- Interagire direttamente in base a quiz veloci ed efficaci
Perché Questo Stack
- Webflow offrendo notevole comodità e prestazioni scalari sul design in un sistema visivo integrato al CSS e a classi ad alta fruizione
- Wized incrementando l'affidabilità nelle implementazioni tra frontend visuale e logic call JavaScript personalizzate
- Xano basandosi su processi server in Cloud relazionali con ampia customizzazione delle tabelle con API interfacciate su SQL e REST
Questa logica porta l'intero controllo senza alcun vincolo dettato dall’infrastruttura LMS tipica.
Il Risultato
- Miglioramento notevole su prestazione e gestione traffico e picchi per il sistema API
- Alta confidenza per connessione esterna in ogni tipologia o funzione del sistema. E flessibilità d'intervento personalizzazione nel flusso Web/App.
- Costantemente allineato a una perfetta Customer Identity visiva.
L'app e il sistema sono ora parte del core product e del forte flusso scalabile e crescente nell’offerta Trading e dell’intero portale Spagnolo.
