La finanza, spiegata in modo semplice

Claudia Vago e gli altri membri del team di Valori hanno espresso il desiderio di creare uno strumento di e-learning mirato a supportare le persone nel diventare consumatori più attenti e consapevoli riguardo la gestione del denaro, comprendendone i rischi, i limiti e le opportunità. Con entusiasmo, abbiamo accettato l’invito a collaborare a questo progetto di significativa importanza sociale.

Co-design Workshop

Come sempre, abbiamo iniziato il processo di lavoro con un workshop per comprendere approfonditamente il progetto e creare un concept di alto livello. Abbiamo supportato il team Valori nel delineare chiaramente gli obiettivi del progetto, identificando il pubblico di riferimento e le sue esigenze. Infine, abbiamo definito le funzionalità destinate a essere presenti nella piattaforma. Nel farlo, abbiamo tenuto in considerazione il budget di progetto, consigliando alla fondazione soluzioni adatte al livello di spesa previsto. Le sessioni del workshop sono state condotte interamente in modalità remota.

Poi abbiamo delineato wireframe a bassa fedeltà rappresentativi dell’esperienza utente che volevamo ottenere. Abbiamo infine redatto un documento dettagliato di requisiti e specifiche che descrivesse in modo esaustivo la soluzione tecnologica da implementare.

Progettazione e analisi tecnologica

Il team di Valori aveva l’intenzione di fornire corsi di apprendimento online completamente gratuiti, strutturati in un programma di lezioni progressive con quiz interattivi, certificati di completamento e materiale didattico scaricabile. Abbiamo raccomandato di adottare una piattaforma software robusta che già contenesse, almeno a livello strutturale, la maggior parte delle funzionalità richieste. La scelta si è orientata verso Sensei, uno dei componenti più completi per la creazione di un Learning Management System (LMS) basato WordPress.

L’adozione di software open source come WordPress permette di contenere i costi e, al contempo, di beneficiare di un livello di personalizzazione adeguato. Abbiamo infatti proposto di sviluppato per ValoriLab un tema completamente personalizzato, con un’interfaccia utente e interazioni pienamente conformi alle indicazioni dei nostri designer.

Progettazione dell’identità del brand

Dopo il workshop strategico iniziale, ci siamo dedicati a progettare la Brand Identity di ValoriLab. Il team di Valori desiderava che il progetto avesse un’identità coerente con la propria, ma al contempo chiaramente distinta dal progetto principale Valori.it.

In linea con questa indicazione, abbiamo sviluppato un’identità visiva basata sulle principali linee guida di quella di Valori, nata in Moze alcuni anni prima, grazie all’utilizzo di elementi ricorrenti come i colori e la tipografia, ma con nuovi tratti caratteristici. L’elemento illustrativo in stile collage dona al brand un carattere amichevole e umano, e avvicina il target di riferimento grazie alla sua inclusività e giocosità, rispecchiando l’intento della piattaforma di rendere l’educazione finanziaria più semplice e accessibile.

Progettazione dell’interfaccia utente

Poi abbiamo affrontato la fase di UI Design. Il team di Valori aveva l’obiettivo di offrire percorsi di apprendimento completi per i consumatori, consentendo loro di acquisire una comprensione completa delle tematiche legate alla finanza personale, agli investimenti e al risparmio. Allo stesso tempo, desiderava rivolgersi agli educatori per promuovere l’attività di divulgazione svolta dalla Fondazione Finanza Etica nelle scuole, tramite le iniziative di educazione finanziaria intraprese dai soci della fondazione (i gruppi GIT), e attraverso nuovi progetti tematici.

In base a queste indicazioni abbiamo progettato due percorsi principali: uno dedicato all’apprendimento online e uno incentrato sulla narrazione delle iniziative della fondazione all’interno delle istituzioni scolastiche.

Sviluppo software con WordPress, Sage e Keycloak

Lo sviluppo software della piattaforma ha preso avvio con la creazione del tema personalizzato e l’implementazione delle funzionalità di Sensei. Abbiamo sviluppato l’applicazione WordPress utilizzando il consueto starter theme Sage, che offre un ambiente e strumenti di sviluppo avanzati, inclusi i template Laravel Blade e la build degli asset.

Inoltre, poiché la Fondazione Finanza Etica desiderava offrire contenuti riservati solo agli utenti registrati e ai soci di Banca Etica, abbiamo implementato l’autenticazione utilizzando le credenziali Single Sign-On (SSO) del gruppo Banca Etica. Per farlo, abbiamo integrato il sistema di autenticazione di WordPress con quello della soluzione SSO Keycloak. In questo modo, un cliente o socio del Gruppo Banca Etica può accedere al sito ValoriLab utilizzando le sue credenziali uniche.

Formazione e pubblicazione

Abbiamo condotto sessioni di formazione per istruire lo staff di Valori sull’utilizzo del back office di WordPress personalizzato, consentendo loro di essere autonomi nella gestione ordinaria dei contenuti del sito. Infine, a novembre 2023 la nuova piattaforma web ValoriLab è stata rilasciata pubblicamente.