Case study · UX/UI Design · 2019

E-Learningplatform.

Restyling completo di una piattaforma e-learning: ricerca utenti, UX e UI.

Progetto
Imparo Online
Cosa ho fatto
Branding · UI/UX Design · Marketing
Anteprima di Imparo Online con le etichette Brand Identity, Marketing e UX/UI Design
Overview

Una piattaforma nata a metà degli anni 00.

Ho curato al completo restyling di imparo.online, una piattaforma di e-learning nata nella metà degli anni 00′. Ho lavorato per renderla intuitiva e user-friendly, che permette agli utenti di imparare in modo efficace e coinvolgente.

L’analisi

Prima i bisogni degli utenti.

Ho iniziato con un’analisi approfondita dei bisogni degli utenti, per comprendere quali fossero le loro esigenze e aspettative. Sulla base di questa analisi, ho progettato una piattaforma che fosse:

Facilmente accessibile

La navigazione è semplice e intuitiva, anche per gli utenti che non hanno familiarità con la tecnologia.

Personalizzabile

Gli utenti possono personalizzare la propria esperienza di apprendimento, scegliendo i corsi e i contenuti che più li interessano.

Coerenza visiva

La piattaforma utilizza una serie di elementi multimediali per rendere l’apprendimento più coinvolgente.

Il risultato è una piattaforma apprezzata dagli utenti.

Ho cercato di lavorare sul Brand della piattaforma, dal logotipo alla completa immagine coordinata. Abbiamo anche scelto insieme ai CEO dell’azienda di partecipare a fiere del settore che si sono dimostrate fondamentali.

Il progetto · 01

DS & UI Kit in Figma.

Ho creato un UI Kit e un sistema di design (DS) in Figma per il progetto, che comprende:

  • Varianti e componenti;
  • Booleane;
  • Istanze;

Questo kit fornisce un insieme completo di elementi grafici, stili, componenti e asset visivi per garantire una coerenza e una uniformità nell’aspetto e nella funzionalità dell’interfaccia utente del progetto.

Richiedi accesso al file Figma

Un portatile con aperto in Figma il UI Kit di Imparo Online
Palette

#0074C8
#065A8B
#0097B9
#87B7D3
#FC0063
#ECC810
Caratteri

Amiri BoldA B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z

Aa

League SpartanA B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z

Aa

BiryaniA B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z

Aa

Il progetto · 02

Due utenze: Studenti e Prof.

Ho cercato di lavorare su una piattaforma semplice ed intuitiva, dove i contenuti della piattaforma vengono gestiti direttamente dagli utenti. Dove hai la possibilità di visualizzare i tuoi studenti e inserire nuovi corsi e materiali didattici.

È stato molto sfidante cercare di seguire le necessità degli utenti su due diversi mondi: docente e studente.

Le User interviews condotte si sono rivelate fondamentali per poi definire le User Personas migliori e iniziare a progettare un architettura coerente con i bisogni.

Schermate di Imparo Online lato studente: corsi consigliati, schede dei corsi e area personale
Il progetto · 03

È una piattaforma dove puoi insegnare.

L’utente che decide di vendere i propri corsi può verificare

  • Quanti utenti stanno completando il corso;
  • Cosa pensano gli utenti dei corsi pubblicati;
  • Qual’è la percentuale di acquisto di altri corsi di utenti che già hanno acquistato un proprio corso;
  • L’andamento durante l’anno del completamento dei corsi, cosicché puoi scegliere tu quando pubblicare nuovi contenuti;
  • Quanto hai nel tuo fondo di formazione;

L’obiettivo era di dare una dashboard agli utenti in cui possono avere una visualizzazione rapida ed efficace con la quale possono prendere decisione in autonomia quando caricare i corsi e capire come stanno andando quelli già pubblicati.

Ci sono riuscito tramite interviste mirate agli utenti con domande specifiche, che permettevano comunque una risposta pulita, senza mai condizionare le loro risposte.

Inoltre è sempre possibile vedere cosa stanno acquistando i proprio studenti, in modo da capire eventualmente come si sta muovendo il mercato ed eventualmente integrare nuovi corsi.

Dashboard del docente su Imparo Online: studenti, completamento dei corsi e fondo di formazione
Contatti

Hai un problema
misurabile?

Scrivimi chi sei e su che progetto stai lavorando. Rispondo entro 48 ore lavorative.

Il sito è in costruzione

Presto continuerò a caricare altri miei progetti.

Anteprima

Sto costruendo il mio sito web, ancora non è disponibile la pagina ma puoi vedere la preview su Behance.

Vedi anteprima

Behance

Nel mio profilo Behance troverai altri progetti, presto continuerò a caricarne i dettagli nel mio sito.

Profilo Behance

Altri progetti

Continua dal portfolio.

Anteprima di Medical Assistance*: sito, app e smartwatch, con le etichette Website, App e UX/UI Design

Case study · UX/UI Design · 2020

Health Assistance

Piattaforma di assistenza sanitaria virtuale: UX e UI di sito, app e gestionale per i medici (2020).

Illustrazione risograph: un riquadro rosso da cui parte una fila di tessere blu

Case study · AI Engineering

Pipeline Figma → Code

Pipeline multi-agente Figma to React, vision-diff fino al 95% di match.

Tutto il portfolio