Skip to main content
    UX Studio ©
    Torna al portfolio

    Caso studio di prodotto / Piattaforma di formazione accessibile

    EduSpera

    È la formazione che deve adattarsi alle persone.

    Un ecosistema di formazione accessibile che unisce creazione dei corsi, studio quotidiano e feedback umano. Un prodotto costruito intorno alle esigenze di chi insegna e di chi impara.

    EdTech
    Product design
    Accessibility
    SaaS
    EduSpera — Copertina generata con AI per illustrare i concept di design.
    Copertina generata con AI per illustrare i concept di design.
    Il nostro contributo
    Strategia di prodotto, UX/UI e sviluppo
    Focus del progetto
    Sito di presentazione, workspace creator ed esperienza studente

    01 / La sfida

    Una piattaforma, tanti modi di imparare

    Pubblicare un corso è solo l'inizio. Chi studia deve ritrovare il proprio percorso, capire il prossimo passo, accedere ai contenuti e chiedere aiuto. L'academy deve gestire questa esperienza senza affiancare uno strumento diverso a ogni attività. EduSpera riunisce queste responsabilità in un prodotto connesso, con l'accessibilità integrata nella creazione dei contenuti e nell'interfaccia di apprendimento.

    La sfida era conciliare una gestione articolata con un'esperienza di studio semplice. Corsi, percorsi, consegne e community hanno ruoli e permessi diversi. La loro struttura deve rimanere comprensibile, mentre preferenze di lettura, sottotitoli e accesso da tastiera devono accompagnare l'intero percorso.

    Le scelte dietro l’esperienza

    01

    Rendere visibile il prossimo passo

    L'esperienza studente collega struttura del corso, progressi salvati e contenuto della lezione. Riprendere lo studio parte da una posizione riconoscibile nel percorso. Esercizi e correzioni restano parte dello stesso ciclo di apprendimento.

    02

    Accessibilità nelle azioni quotidiane

    Sottotitoli e trascrizioni affiancano le videolezioni; suggerimenti per le descrizioni delle immagini e indicatori di accessibilità aiutano chi crea i contenuti. Chi studia può adattare tema, dimensione del testo e spaziatura. Questi controlli fanno parte del prodotto e seguono lo studente fra i corsi.

    03

    Una distinzione chiara fra gestire e partecipare

    L'architettura informativa distingue academy, percorso e corso, con contesto visibile e navigazione coerente. Il pannello di gestione e l'esperienza dei membri hanno responsabilità diverse; i componenti condivisi mantengono familiarità nel passaggio fra le attività.

    04

    Progettare anche il feedback

    Una consegna non si esaurisce nel caricamento di un file. Stato, modifiche richieste e prossima azione dello studente devono essere leggibili. Lo stesso principio guida caricamenti e navigazione: mostrare cosa sta succedendo e mantenere l'orientamento durante l'attesa.

    02 / Persone e ricerca

    Progettare intorno ai bisogni

    Proto-personas illustrative, ricavate dai ruoli e dai flussi del prodotto. Descrivono ipotesi progettuali, non persone intervistate.

    Chi coordina l'academy

    Proto-persona illustrativa · gestione della formazione

    Bisogno
    Organizzare corsi, persone e consegne con una visione chiara.
    Ostacolo
    Passaggi fra strumenti e perdita del contesto di corso o pubblico gestito.
    Risposta progettuale
    Navigazione coerente, contesto del corso esplicito e code di consegne leggibili.

    Chi riprende a studiare

    Proto-persona illustrativa · studio autonomo

    Bisogno
    Riprendere una lezione, comprenderla nel formato adatto e sapere come proseguire.
    Ostacolo
    Impostazioni di lettura rigide, video senza alternative e feedback poco chiari.
    Risposta progettuale
    Progressi salvati, sottotitoli e trascrizioni, lettura adattabile e prossime azioni esplicite.

    Domande di ricerca e validazione

    Questo framework di ricerca ricostruito collega due momenti critici: preparare un corso alla pubblicazione e riprendere una lezione. Le decisioni documentate sulla navigazione evidenziano l'importanza di riconoscere academy, percorso e corso attivi. Gli strumenti di accessibilità aprono una seconda domanda: chi crea può rendere utilizzabili i contenuti nel flusso abituale, e chi studia può conservare le proprie condizioni di lettura? La traccia di intervista e le verifiche proposte esplorano orientamento, alternative ai contenuti e chiarezza delle correzioni.

    Una ricostruzione editoriale del ragionamento progettuale. Le domande d’intervista e gli scenari di usability testing sono una traccia di validazione: non vengono presentati come ricerca sul campo già svolta o risultati misurati.

    Traccia per le interviste

    • Ipotesi: progressi visibili facilitano il rientro. Domanda: come ritrovi oggi il punto in cui avevi interrotto?
    • Ipotesi: alternative utili rendono i contenuti più flessibili. Domanda: quando preferisci trascrizioni, sottotitoli o un testo adattato?
    • A chi crea corsi: quali controlli fai prima di pubblicare e quali sono più facili da dimenticare?
    • A chi studia: cosa rende una correzione abbastanza chiara da procedere senza contattare l'assistenza?

    Scenari di usability testing

    • Riprendere un corso e trovare la prossima lezione da completare senza aiuto.
    • Cambiare lettura, aprire i sottotitoli e verificare che le preferenze restino navigando.
    • Consegnare un esercizio, riconoscerne lo stato e spiegare il prossimo passo da una correzione di esempio.
    • Verificare tastiera, focus, mobile e stati di caricamento o errore nei due ruoli.

    03 / Customer journey

    Customer journey

    Un percorso rappresentativo ricostruito dai flussi del prodotto, che collega ogni bisogno a una scelta d’interfaccia.

    1. 01Scoprire

      Azione della persona
      Capire l'offerta formativa
      Ostacolo
      Una lista di funzionalità nasconde il valore formativo
      Risposta progettuale
      Spiegare l'esperienza e mostrare il prodotto
    2. 02Iniziare

      Azione della persona
      Trovare corso e prima lezione
      Ostacolo
      Gerarchia dei corsi poco chiara
      Risposta progettuale
      Struttura visibile e punto di ingresso riconoscibile
    3. 03Studiare

      Azione della persona
      Leggere, guardare e adattare la lezione
      Ostacolo
      Il contenuto non si adatta alle esigenze di accesso
      Risposta progettuale
      Sottotitoli, trascrizioni e preferenze di lettura persistenti
    4. 04Mettersi alla prova

      Azione della persona
      Consegnare un esercizio e leggere la correzione
      Ostacolo
      Incertezza su stato e modifiche richieste
      Risposta progettuale
      Stato esplicito e prossima azione concreta
    5. 05Riprendere

      Azione della persona
      Continuare il corso in un altro momento o dispositivo
      Ostacolo
      Perdere progressi e impostazioni personali
      Risposta progettuale
      Progressi e preferenze conservati nell'esperienza formativa

    04 / Wireframing

    Dalla struttura all’interfaccia

    Wireframe a bassa fedeltà ricostruiti per questo caso studio. Spiegano gerarchia delle informazioni e flusso, senza riprodurre file originali di progetto.

    01 / Panoramica del corso
    Identità del corso e progressi salvati
    Struttura visibile delle lezioni
    Riprendi lo studio
    02 / Spazio della lezione
    Contesto del corso e navigazione
    Contenuto, sottotitoli e trascrizione
    Preferenze di lettura e prossima lezione
    03 / Esercizio e correzione
    Consegna richiesta e stato
    Lavoro consegnato e feedback docente
    Modifiche richieste e prossima azione
    Illustrazione editoriale generata con AI di un tavolo di prototipazione; non è la foto di una sessione di ricerca reale.
    Illustrazione editoriale generata con AI di un tavolo di prototipazione; non è la foto di una sessione di ricerca reale.

    05 / UI e design visivo

    Siti pubblici e bozze di design

    Le didascalie distinguono catture di siti pubblici e bozze di piattaforma generate con AI. Apri un’immagine per osservarla nel dettaglio.

    Il sito presenta il prodotto attraverso i bisogni di apprendimento e un ingresso chiaro nella piattaforma.
    Le funzionalità diventano concrete: contenuti, video, esercizi ed esperienza studente. Schermata del sito; le illustrazioni dell'interfaccia sono esplicative.
    L'accessibilità è spiegata attraverso comportamenti concreti del prodotto, con perimetro e limiti visibili.
    Visita il sito

    Cosa rende possibile il design

    EduSpera riunisce pubblicazione, apprendimento e feedback in una piattaforma coerente. Il valore distintivo è un approccio concreto all'accessibilità: strumenti per i creator, scelte per gli studenti e contesto chiaro per chi gestisce l'academy. Il caso racconta decisioni di prodotto e un quadro editoriale di ricerca, senza attribuire miglioramenti dell'apprendimento non misurati.

    Diamo una direzione chiara alla tua prossima idea.

    Raccontaci il tuo progetto