Progetti

I seguenti progetti sono stati integralmente svolti durante il corso di Laurea Magistrale di Teoria e Tecnologia della Comunicazione dell’Università degli Studi di Milano Bicocca. La maggior parte dei progetti sono stati svolti in team, esperienza che ha contribuito a consolidare la mia capacità di lavorare in gruppo, mentre il progetto della mia tesi di laurea è stato sviluppato integralmente in maniera autonoma.

Il principale tool utilizzato è Figma, ma vi sono anche esempi di progetti in cui ho gestito lo sviluppo del codice, attraverso HTML, CSS e l’utilizzo della libreria Bootstrap per integrare questi.

Carrie – Caregiver Assistant

Progetto di tesi di un'interfaccia chatbot con elementi di realtà virtuale a supporto del caregiving informale. Il progetto è stato svolto attraverso un'analisi di ricerca letteraria su caregiving, italiano ed estero, e sulle tecnologie chatbot e VR. Concentrato poi nell'interfaccia realizzata su Figma attraverso il ciclo di Interaction Design, distribuito in tre cicli iterativi.

Target

Caregiver informali over 50

Task Completion Rate

71.9%

Descrizione

Il prodotto si declina in 5 pagine, home, chatbot, comfort, corsi e profilo:

mostra in primo piano le notifiche principali, come appuntamenti, visite e somministrazione dei farmaci. Offre shortcut per riprendere facilmente corsi e sessioni di mindfulness. Include un pulsante per le emergenze, con accesso ai numeri utili e a istruzioni guidate dal chatbot per le manovre di soccorso.

Chatbot: Permette il dialogo con l’utente per emergenze, corsi, gruppi della community e orientamento all’interno dell’app, utilizzando testo, foto e audio.

Chatbot: Permette il dialogo con l’utente per emergenze, corsi, gruppi della community e orientamento all’interno dell’app, utilizzando testo, foto e audio.

Comfort: raccoglie peer-support e mindfulness. Offre gruppi aperti o chiusi con mediazione del chatbot, sessioni VR o audio o video, corsi personalizzabili e “spazi sicuri” per il benessere, con suggerimenti basati sulle attività attive.

Corsi: consente di esplorare un catalogo di corsi filtrabili per modalità e argomento. Propone suggerimenti basati sui corsi già seguiti e gli interessi dell’utente.

Profilo: contiene il fascicolo del caregiver con informazioni sull’assistito, famigliari e operatori coinvolti, agevolazioni e riconoscimenti statali. Include forum, calendario per farmaci e visite, e impostazioni per notifiche, promemoria e gestione generale dell’app.

Il mio contributo

Il prototipo, la ricerca, le grafiche e la simulazione virtuale sono state interamente gestite da me, sulla base di una ricerca in letteratura che ho seguito personalmente.

Link alla progettazione completa

AntiTruffApp

Progettazione di un’interfaccia volta all’istruzione della popolazione anziana riguardo le truffe e le frodi online, per garantire una maggiore autonomia dei soggetti fragili che si affacciano al mondo tecnologico. Il progetto basa le sue fondamenta nella ricerca in letteratura, per individuare criticità del tema e possibili soluzioni, che sono state declinate nella progettazione del ciclo di Interaction Design.

Apri prototipo Figma
Target

Over 60

Task Completion Rate

60.71%

Descrizione

L'interfaccia è stata studiata per essere usabile da soggetti anziani, esposti a truffe online. Dopo interviste utente, sono state progettate 5 pagine:

Homepage: pulsanti grandi per truffe, notizie, numeri utili, numeri sospetti, FAQ e notifiche.

Esercizi: corsi modulari, quiz, video, numeri utili e consigli di comportamento.

Chatbot: simulazioni di truffe, segnalazioni, ricerca numeri e conversazioni informative.

Profilo: progresso gamificato e corsi attivi.

Opzioni: impostazioni di sistema e sicurezza.

Il mio contributo

Ho contribuito a seguire tutte le fasi di IxD, dalle interviste al testing fino alla documentazione finale.

Link

Link alla progettazione

Prep-à-Porter

Progetto di Ergonomia Cognitiva volto alla realizzazione di un prodotto che risolva un bisogno dell'utenza universitaria. Si presenta la realizzazione del prototipo di un’interfaccia che agevoli l'organizzazione efficace dei pasti e della spesa per studenti universitari e lavoratori a partire dai 25 anni che gestiscono i propri pasti da asporto, condizione che spesso si declina in una cattiva gestione alimentare, sprechi e frustrazione.

Target

Studenti e lavoratori che gestiscono pasti da asporto

Task Completion Rate

61.9%

Descrizione

L’interfaccia Prep-à-Porter guida l’utente nella gestione dei pasti da asporto, con funzionalità che permettono di pianificare i pasti, tenere traccia delle scorte alimentari e ridurre sprechi:

Gestione spesa: crea automaticamente liste della spesa basate sui pasti pianificati, a seconda di quale ricetta bilanciata si seleziona come da preparare.

Gamification: con il fine di favorire un'accettazione e una maggior costanza riguardo l'uso dell'app, si è pensato di inserire elementi di gamification, elargiti tramite il contatto con la mascotte del prodotto.

Il mio contributo:

Ho partecipato attivamente alle fasi di brainstorming, creazione e palette, oltre a gestire la presentazione a supporto della consegna del progetto. Ho curato inoltre le User Personas e gli User Profiles svolgendo infine 3 Think Aloud con paper prototyping.

Link

Presentazione

Link alla progettazione

home progetto 3

Terra C-137

Progetto completo di un’interfaccia totem da viaggio, basata sulla consegna di un brief con il compito di sviluppare un totem informativo per presentare le attrazioni di un pianeta terra alternativo la cui estinzione a causa di un fungo letale ha definitivamente modificato flora e fauna. Dal brief di progetto si è sviluppata interamente l’aspetto del pianeta, il concept, il brand e l’interfaccia, attraverso HTML, CSS, JS e Bootstrap

progetto 4
Target

Esploratori, famiglie, studiosi

Task Completion Rate

Non testata

Descrizione

Progettazione di un’interfaccia totem informativo per turisti su Terra C-137, un pianeta parallelo con fauna mutante e storia post-apocalittica. L’interfaccia guida l’esplorazione del pianeta, fornendo mappe interattive, schede informative, itinerari personalizzati e servizi come prenotazioni e traduzione universale. L'obiettivo principale del progetto era offrire un’esperienza accessibile, intuitiva e coinvolgente per diversi tipi di visitatori, promuovendo turismo responsabile e usabilità universale.

Il concept generato dal brief è il seguente: su Terra C-137, una polmonite derivante dal fungo Nihil Chrysogenum stermina gran parte della popolazione, causando il collasso dell’Impero Romano d’Occidente e impedendo la ripresa umana. Il fungo continua a diffondersi, mutando animali e piante, mentre i pochi sopravvissuti si rifugiano in villaggi, ma alla fine la scarsità di risorse li porta all’estinzione.

Mappa interattiva: consente di esplorare Terra C-137, visualizzare punti d’interesse e accedere a informazioni dettagliate su ciascun luogo.

Info: raccoglie schede informative con descrizioni approfondite dei luoghi e contenuti di approfondimento.

Attività per te: sezione dedicata a itinerari e attività personalizzate in base alle preferenze dell’utente, con questionari guidati e funzionalità di prenotazione.

Mezzi di trasporto: consente di cercare stazioni e pianificare itinerari, visualizzando mappe interattive dei percorsi disponibili.

Modalità esploratore: modalità avanzata che supporta segnalazioni contestuali e interazioni specifiche durante l’esplorazione del pianeta.

Il mio contributo

Ho seguito tutte le fasi di UxD, dall'analisi del brief al testing fino alla creazione del progetto tramite HTML, CSS e Bootstrap. Ho generato il concept di partenza che è poi stato sviluppato in gruppo ed ho infine curato e gestito la documentazione, la presentazione del color contrast checker secondo le norme del WCAG, oltre ad aver organizzato la documentazione a corredo della consegna e sviluppato con HTML CSS e JS la schermata dei Trasporti, il pop-up della prenotazione e quello di conferma dell'uscita del questionario.

Link

Presentazione

Design System

Link alla progettazione

Varmblixt

Realizzazione di un intero sito web tramite Wordpress basato su una promozione fittizia del prodotto Ikea Varmblixt. Il progetto consisteva nella realizzazione della promozione, del concept del sito, dalla moodboard alla resa finale, producendo tre differenti visualizzazioni, per tablet, desktop e mobile, con i rispettivi wireframe e mockup, considerando la clientela in target e i suoi specifici bisogni nell'intero processo.

Target

Appassionati di design, molteplici range d'età

Task Completion Rate

Non testata

Descrizione

Il progetto Varmblixt nasce come realizzazione di un sito promozionale fittizio basato sull'omonimo prodotto Ikea. Il lavoro ha previsto concept, moodboard e sviluppo visuale in tre versioni responsive.

Una volta individuato il prodotto, la richiesta prevedeva la creazione di un'offerta accattivante, richiedendo quindi un buon uso di CTA e informazioni chiare per l'ottenimento della promozione in esame.

Versione Desktop: layout a più colonne, focus su estetica e navigabilità.

Versione Tablet: interfaccia più compatta e ottimizzata all'interazione touch.

Versione Mobile: struttura verticale con navigazione semplificata e call to action evidenti.

Il progetto include wireframe, mockup completi e struttura del sito realizzata su Wordpress.

Il mio contributo

Ho contribuito a gestire la ricerca preliminare di immagini, colori e stile. Ho gestito la moodboard, i copy e l'intera realizzazione dei mockup.

Link

Link alla progettazione

home progetto 5

I miei recapiti