Piattaforma e-learning

Redesign UI per Learning Hub

Il redesign della UI di un Learning Management System (LMS) all’interno di un’architettura esistente.

UI Design ·Design System 

Una nuova identità visiva per il Learning Hub di D.R.E.AM. Italia

Il progetto ha riguardato il redesign dell’interfaccia del Learning Hub, la piattaforma di formazione tecnica di D.R.E.AM. Italia già impiegata in progetti dedicati a professionisti dei settori ambiente e sviluppo sostenibile. L’obiettivo era superare un’impostazione grafica datata e poco leggibile, allineando l’interfaccia all’identità visiva di D.R.E.AM.

Il vincolo principale era mantenere intatte struttura, layout e architettura dell’informazione esistenti. Il lavoro di UI si è quindi concentrato sugli elementi di interfaccia: gerarchia tipografica, palette cromatica, leggibilità delle informazioni sui corsi e stati interattivi.

Gli interventi principali:

  • Introduzione del verde come colore secondario, per guidare le azioni degli utenti e caratterizzare l’interfaccia.
  • Definizione di un’area di apprendimento riconoscibile, con sfondi colorati nelle pagine interne dei corsi che le distinguono dalle sezioni pubbliche.
  • Progettazione di quattro schermate chiave (homepage, elenco corsi, iscrizione e materiali didattici), corredate dei principali stati di interazione (hover, tooltip, corsi non disponibili).
Con

D.R.E.AM. Italia

Per
Ministero dell’Ambiente e della Sicurezza energetica
Anno

2025