Progettare un'esperienza
e-learning scalabile

Contesto

Un ecosistema complesso
da rendere chiaro

Ho lavorato alla progettazione di Leone Master School, una piattaforma formativa digitale con percorsi di affiancamento tenuti da imprenditori e professionisti reali. Il progetto richiedeva di gestire un ecosistema complesso — contenuti, docenti, percorsi, utenti free e a pagamento — mantenendo chiarezza e scalabilità nel tempo.

Problema

Non un problema di UI —
un problema di sistema

La home logout mostrava tutti i corsi indistintamente, senza differenziare gratuito da pagamento, senza un percorso guidato, senza un onboarding attivo. Gli utenti di ritorno non avevano un punto di ripresa immediato.

• Corsi gratuiti e a pagamento non differenziati visivamente
• Nessun onboarding guidato — no video, no test, no percorso assegnato
• Nessuna progressione chiara per il nuovo utente
• Alto drop-off iniziale e bassa attivazione
• Utenti di ritorno senza punto di ripresa immediato

Approccio / Strategia

Esperienze diverse
per stati utente diversi

Ho affrontato il progetto come un problema di sistema, non di interfaccia. Ogni fase del framework ha un obiettivo strategico preciso — conversione, attivazione, orientamento, engagement, retention — e logiche invisibili che operano in background.

• Il nuovo utente ha bisogno di orientamento
• L'utente attivo ha bisogno di continuità
• L'utente di ritorno ha bisogno di riprendere senza frizione

Framework: Accesso → Onboarding → Home → Consumo → Ritorno

Soluzione 01

Home logout:
conversione progressiva

Ho progettato la home logout come un funnel di conversione progressiva, dove ogni elemento riduce l'incertezza e abbassa la barriera d'ingresso.

• Video di benvenuto che spiega la piattaforma e riduce l'incertezza
• Anteprima dei corsi per categoria (management, real estate, crescita personale, AI)
• Sezione docenti imprenditori per costruire credibilità
• CTA "Iscriviti gratuitamente" che abbassa la barriera d'ingresso
• Form di registrazione in fondo pagina

Soluzione 02

Onboarding guidato:
non un tutorial, un sistema

Ho progettato un onboarding che combina contenuto guidato e raccolta di preferenze, trasformando il primo accesso in un momento attivo e rilevante. Non "ti mostro contenuti": ti costruisco un percorso.

• Video hero — riduce l'incertezza e crea contesto prima di qualsiasi scelta
• Test preferenze — raccolta di obiettivi e interessi (Duolingo-style)
• Assegnazione corsi gratuiti — percorso personalizzato in base alle risposte

Soluzione 03

Home adattiva:
il componente Continua

Ho progettato una home basata sullo stato dell'utente. Il componente "Continua il tuo affiancamento" elimina la frizione del riorientamento — l'utente vede esattamente il corso, la sezione e la lezione da cui riprendere, con un singolo click.

Il calendario sessioni live mantiene l'engagement nel tempo, mostrando le prossime lezioni in diretta con data, orario e CTA di accesso diretto.

Soluzione 04

Sales page strutturata
per convertire

Ho strutturato la sell page di ogni percorso per comunicare valore prima dell'accesso, riducendo l'incertezza attraverso informazione, credibilità e navigazione guidata.

• Hero con 4 box info chiave: Formazione, Durata, Format, Full Time
• Video introduttivo con docente dedicato per quel modulo
• Mappa interattiva con tooltip che guida l'utente attraverso i moduli
• Programma accordion laterale con i moduli numerati
• Sezione docenti del percorso con card foto + ruolo

Soluzione 05

Architettura docenti:
esperti dalla pratica

Ogni modulo è associato a un docente esperto reale — imprenditori e manager attivi che insegnano dalla pratica quotidiana. Nessun teorico, nessun professore di ruolo.

Ho progettato le pagine docente con 6 card: Ruolo e specializzazione, Competenze chiave, Citazione, Formazione, Valori, Missione formativa.

Soluzione 06

Personalizzazione
e logiche di sistema

Ho introdotto logiche di personalizzazione per adattare l'esperienza in base al comportamento e allo stato dell'utente.

Design System

Componenti riutilizzabili
per un sistema scalabile

Ho progettato componenti riutilizzabili per garantire coerenza e scalabilità del sistema.

• Card corso (con badge gratuito / pagamento e progress bar integrata)
• Componente Continua (thumbnail + sezione + lezione + CTA riprendi)
• Lista moduli (stati: completato / in corso / da iniziare + docente dedicato)
• Card docente (avatar + nome + ruolo)
• CTA (primario scuro, verde gratuito, secondario)
• Progress bar (0% / parziale / 100%)

Risultati

Chiarezza, attivazione
e scalabilità del sistema

Learnings

Quello che ho imparato
progettando il sistema

• Progettare piattaforme significa progettare sistemi
• L'onboarding non è un tutorial — è il primo momento di personalizzazione
• La home deve adattarsi allo stato dell'utente, non essere uguale per tutti
• Il componente Continua è più potente di qualsiasi raccomandazione algoritmica
• Differenziare gratuito e pagamento non è solo commerciale — è un principio di UX

Presentazione

1.500 persone.
PalaRiccione. ICMD.

Il progetto è stato presentato sul palco dell'ICMD — uno degli eventi più grandi del settore formazione in Italia — davanti a 1.500 professionisti. Un momento che ha validato non solo il lavoro di design, ma l'intero approccio sistemico alla piattaforma.

Next Step

• A/B test onboarding
• Personalizzazione predittiva basata sul comportamento
• Tracking avanzato per modulo
• Ottimizzazione mobile