LaPiadineria

Responsabilità
UX Designer e progettista Design System
Team
4 persone
Durata di sviluppo
3 mesi
Anno
2025
Piattaforma
Figma
Panoramica
L’app de La Piadineria è stata completamente riprogettata per trasformare l’esperienza d’acquisto in un’avventura interattiva.

Grazie a una strategia di gamification integrata, l’app connette il mondo reale dei ristoranti con l’universo virtuale di Piadaland, coinvolgendo gli utenti in missioni, collezioni e premi.

Il progetto risponde a criticità reali emerse da shadowing e interviste, come l’abbandono della coda, la mancanza di stimoli durante l’attesa e un programma fedeltà poco coinvolgente.

Caratteristiche

Piadaland

Piadaland è l’universo virtuale dell’app, progettato per coinvolgere gli utenti con meccaniche di gioco, collezione e ricompensa.

Ogni acquisto in store sblocca contenuti esclusivi: personaggi stagionali, missioni e ambienti da esplorare.
Scansionando i QR code nei ristoranti o nei libri Pop-Up, l’utente accede a sfide a tempo, colleziona badge e ottiene premi reali o digitali.

Piadaland valorizza l’attesa, rafforza il legame con il brand e rende l’esperienza d’acquisto più memorabile e continuativa nel tempo.
Tre interfacce dell’app La Piadineria progettata dal team con Davide Molea, mostrate su iPhone: sezione Piadaland per avviare il gioco, interfaccia del villaggio virtuale di Piadaland e schermata con l’elenco delle missioni da completare.Tre interfacce dell’app La Piadineria progettata dal team con Davide Molea, mostrate su iPhone: schermata di accesso all’orto di Tito con visualizzazione di un secondo villaggio, interfaccia di avvio della missione “Pulisci le carote” e schermata di riepilogo dei punti guadagnati completando la missione.

MondoPiada

Il nuovo sistema fedeltà è stato completamente ripensato: missioni, crediti, livelli e badge prendono il posto dei classici sconti.
Gli utenti accumulano Punti Stella completando le missioni di gioco, convertibili in Crediti Piada da usare per ottenere bevande o gadget direttamente in negozio.
Tre interfacce dell’app La Piadineria progettata dal team con Davide Molea, mostrate su iPhone: riepilogo missione completata con punti guadagnati, schermata riepilogo punti totali con tasto per convertire i punti in Piada Crediti e sezione Mondo Piada con visualizzazione dei punti totali e dei premi riscattabili.

Processo

Ricerca sul campo

Il redesign dell’app è nato da una fase di ricerca sul campo e interviste qualitative, che hanno fatto emergere criticità rilevanti: oltre la metà degli utenti (54,5%) ha dichiarato di provare ansia durante l’attesa, il 21,4% degli ordini veniva abbandonato e solo il 9,09% utilizzava il sistema fedeltà “Mondo Piada”. L’app era percepita come poco smart e priva di coinvolgimento.
Soluzione
A partire da questi dati, dopo un workshop di team, abbiamo creato un’esperienza digitale basata su gamification, storytelling, personalizzazione e continuità tra fisico e digitale. Attraverso wireframe, flussi logici, test utente e UI design finale, abbiamo progettato un’app capace di valorizzare l’attesa, rafforzare la fedeltà e offrire un’esperienza crossmediale memorabile.

Colori

La palette colori utilizza toni vivaci e caldi, pensati per trasmettere energia e allegria, in perfetta sintonia con il concept di gioco e divertimento.
La palette colori per l’app La Piadineria utilizza toni vivaci e giocosi per rafforzare il concetto di divertimento e gamification: rosso #FB1300, rosa #F6B1F9 e azzurro #6AB5F9. Grigio #777777 e arancione #FF5E00. Un sistema cromatico pensato per rendere l’esperienza visiva coerente, coinvolgente e memorabile.La palette colori per l’app La Piadineria utilizza toni vivaci e giocosi per rafforzare il concetto di divertimento e gamification: rosso #FB1300, rosa #F6B1F9 e azzurro #6AB5F9. Grigio #777777 e arancione #FF5E00. Un sistema cromatico pensato per rendere l’esperienza visiva coerente, coinvolgente e memorabile.

Font

Per il progetto è stata scelta la famiglia tipografica Owners Narrow e Owners, dal design moderno e pulito, che garantisce ottima leggibilità e coerenza con l’identità visiva del brand. Questi font accompagnano l’utente tra elementi ludici e funzionali, valorizzando sia la componente narrativa sia quella pratica dell’app.
Font Owners Narrow Medium utilizzato per l’app La Piadineria: in foto sono mostrati titoli H1, H2, H3 e H4 con dimensioni da 40 a 20 px. Tipografia scelta per garantire leggibilità su interfacce mobili e mantenere coerenza con l’identità visiva del brand.Font Owners Medium utilizzato per l’app La Piadineria: in foto sono mostrati titoli H1, H2, H3 e H4 con dimensioni da 40 a 20 px. Tipografia scelta per garantire leggibilità su interfacce mobili e mantenere coerenza con l’identità visiva del brand.Font Owners Narrow Medium utilizzato per l’app La Piadineria: in foto sono mostrati titoli H1, H2, H3 e H4 con dimensioni da 40 a 20 px. Tipografia scelta per garantire leggibilità su interfacce mobili e mantenere coerenza con l’identità visiva del brand.Font Owners Medium utilizzato per l’app La Piadineria: in foto sono mostrati titoli H1, H2, H3 e H4 con dimensioni da 40 a 20 px. Tipografia scelta per garantire leggibilità su interfacce mobili e mantenere coerenza con l’identità visiva del brand.

Componenti

Abbiamo creato i componenti strutturandoli in modo modulare per garantire coerenza e scalabilità. Ogni elemento è stato organizzato con varianti e valori booleani, ottimizzando usabilità e manutenzione.
Varianti
Le varianti gestiscono le diverse configurazioni dei componenti; analizzarle con attenzione aiuta a capire cosa può coesistere e cosa deve essere separato.
Booleani
I valori booleani semplificano il sistema, riducendo il numero di varianti e rendendo i componenti più leggeri e facili da gestire.

Design modulare

Grazie all’uso di variabili di colore, abbiamo potuto modificare rapidamente il design e testarne l’aspetto sia in modalità chiara sia in modalità scura.