Case History

Vibly

Un viaggio nel redesign di una piattaforma di apprendimento musicale: come ho trasformato l’esperienza utente per renderla più accessibile, coinvolgente ed efficace.

Vibly copertina

Contesto

Vibly.tv è una piattaforma dedicata all'apprendimento musicale online. Il suo obiettivo è offrire corsi professionali, tenuti dai migliori musicisti italiani, per aiutare principianti ed esperti a migliororare le proprie abilità. Tuttavia, prima del redesign, la piattaforma presentava sfide significative che ostacolavano il coinvolgimento degli utenti e la loro permanenza nel tempo.

Il problema

Dopo un'analisi approfondita dell'esperienza utente attuale e dei feedback raccolti, abbiamo individuato quattro criticità principali:

  • Navigazione dispersiva

    Gli utenti faticavano a trovare corsi adatti al loro livello e obiettivi.

  • Mancanza di onboarding

    Nessuna guida iniziale, alto tasso di abbandono nei primi giorni.

  • Bassa retention

    L'assenza di progress tracking e incentivi diminuiva la motivazione.

  • Difficoltà di accesso ai contenuti

    Materiali didattici poco organizzati, esperienza frammentata.

Come posso creare un percorso più fluido e coinvolgente per gli utenti?
Analisi user flow prima del redesign e Personas.

Analisi user flow prima del redesign e Personas.

La soluzione

Introduzione di un Onboarding guidato (prima assente)

Abbiamo creato un onboarding in tre step per indirizzare gli utenti sin dall'inizio:

Scelta dello strumento -> L'utente indica cosa vuole imparare.

Numero sessioni studio -> Frequenza di esercizio e studio durante la settimana.

Percorso che vuole intraprendere -> Indicando se già conosce lo strumento e a che abilità attraverso frasi identificative.

Wireframe dei tre step dell'onboarding.

Wireframe dei tre step dell'onboarding.

Schermate onboarding Vibly.

Catalogo più intuitivo e organizzato

Filtri chiari per strumento, livello e genere musicale.
Sezioni personalizzate come "Continua a guardare" e "Consigliati per te".
Layout più leggibile con anteprime rapide.

Wireframe della pagina catalogo e della modale di dettaglio.

Wireframe della pagina catalogo e della modale di dettaglio.

Schermate catalogo Vibly.

Esperienza video ottimizzata

Controllo della velocità, loop su sezioni specifiche.
Materiali didattici accessibili direttamente dal player.
Tracciamento dei progressi con suggerimenti automatici.

Wireframe del player.

Wireframe del player

Schermate player Vibly.

Risultati: un’esperienza più efficace

+30%

Tempo medio trascorso in piattaforma

+25%

Retention dopo 30 giorni

-20%

Riduzione tasso abbandono iniziale

Cosa ha funzionato meglio?

  • Un onboarding efficace ha ridotto il tasso di abbandono

  • La personalizzazione ha reso il catalogo più accessibile.

  • La maggiore interazione ha aumentato il coinvolgimento.

Design system Vibly.
Mobile app Vibly.

Sarica
Case history

Realizziamo
qualcosa di unico
insieme