UX/UI CASE STUDY
EduMentor
E-learning Platform
Progettazione UX/UI per una piattaforma innovativa
che vuole rivoluzionare l’e-learning per formatori.
PROJECT OVERVIEW
Un professore universitario ha immaginato una piattaforma educativa innovativa
per supportare i formatori nel mondo delle scienze motorie e della nutrizione.
L’obiettivo era creare uno strumento intuitivo che permettesse ai professionisti di progettare,
gestire e monitorare corsi online asincroni con facilità .
GOALS
Trasformare la visione del professore in un prodotto digitale realmente accessibile, semplice e funzionale per un’ampia gamma di utenti.
Molti dei formatori coinvolti non avevano familiarità con le tecnologie digitali, il che rappresentava una barriera significativa per la loro adozione di strumenti online.
Empatia ed Azione: dal Bisogno alla Risposta
Design Process
EMPHATIZE
- Selezione del target
- Interviews & Survey
- Clusterizzazione
DEFINE
- Insights
- How Might We
- Soluzioni
IDEATE
- Userflow
- Information Architecture
- Wireframe
PROTOTYPE
- UI Design
- Prototype
TEST
- Usability Test
- Feedback
- Iterazione
Analisi delle Esigenze e delle Soluzioni
Emphatize & Define
PROBLEMS
1. Barriere Tecnologiche: complessità nell’uso delle piattaforme digitali;
2. Gestione Contenuti: difficoltà nella gestione autonoma dei contenuti;
3. Mancanza di strumenti di supporto intuitivi: manca un supporto intuitivo per organizzare materiali didattici.
Turn problems
into solutions
OPPORTUNITIES
SOLUTION
Creare una piattaforma di
E-Learning capace di abbattere le barriere tecnologiche dei formatori
Dalle Soluzioni all’Idea
Ideate & Prototype
Con il team, abbiamo sviluppato un sistema basato sull’AI per semplificare la creazione e la gestione dei corsi, superando le barriere tecnologiche e di tempistiche. Dopo una ricerca desk approfondita, sono stati definiti lo user flow e l’architettura dell’informazione.
Le idee sono state trasformate in wireframe e prototipi interattivi per garantire un’esperienza intuitiva per i formatori. Le principali caratteristiche includono: un’interfaccia guidata step-by-step, l’integrazione dell’AI per facilitare la creazione dei contenuti e strumenti visivi e interattivi per la gestione dei corsi.
Typography
Regular
Medium
SemiBold
Poppins
Corsi
Formatori
Monitoraggio
Studenti
Scienza
Dashboard
Colors
PRIMARY COLORS
Deep Purple
#532B88
Purple
#7857AB
Liliac
#ece0ff
Soft Liliac
#f9f7fc
BLACK/WHITE / GREY SHADES
Midnight Violet
#080008
Grey
#A1A1AA
Light Grey
#D0D0D4
STATUS COLOR: SUCCESS
Green
#3C983C
Light Green
Pastel Green
STATUS COLOR: WARNING
Orange
#F9A113
Warm Sand
#FCD697
Pastel Peach
STATUS COLOR: ERROR
Red
Deep Coral Red
#DB5555
Dusty Rose
Icons, Components, Buttons
ICONS
SIDEBAR
FILTERS & SEARCH
CARDS
BUTTONS & STATUS
UI Design
CONCLUSIONS
Il Design come strumento, non come fine.
Abbiamo ascoltato, osservato, testato, e riprogettato.
Il risultato? Una piattaforma costruita davvero intorno ai bisogni dei formatori, che semplifica, guida e valorizza le loro competenze.
CREDITS:
JASMINE PROIETTI – UI/UX DESIGNER
jasmine@delta-we.net