Design e gamification per un'app di economia circolare

Design e gamification per un'app di economia circolare

Abbiamo progettato la UX e l'interfaccia di una nuova funzionalità Referral per l'app di un consorzio no-profit dedicato al riciclo delle bottiglie PET, sviluppando anche nuove animazioni per il sistema di gamification.
Tipologia: UX/UI Design
Attività svolte: Project management, Progettazione interfacce, UI, UX, Visual design

Contesto

Il Cliente è un consorzio volontario senza fini di lucro riconosciuto dal Ministero dell’Ambiente che riunisce diverse imprese per promuovere il modello di riciclo “bottle to bottle”. La loro App permette di trovare gli eco-compattatori più vicini per riciclare le proprie bottiglie, ottenere premi e sconti e dare nuova vita a questi rifiuti, evitandone la dispersione nell’ambiente. Ci è stato richiesto di integrare una nuova funzionalità nella loro applicazione con lo scopo di incentivarne la diffusione e sensibilizzare sul riciclo delle bottiglie di plastica PET.

La Sfida

Il Consorzio aveva la necessità di aggiungere una funzionalità Referral, che rendesse più facile agli iscritti invitare nuove persone a partecipare al progetto, con una nuova raccolta punti pensata esclusivamente per questo circuito. L’obiettivo era quello aumentare gli iscritti e diffondere sempre di più questa pratica di economia circolare.

Un’altra richiesta riguardava l'ideazione e la realizzazione di 15 nuove animazioni per la parte di gamification dell’app, con l’obiettivo di rispondere alla richiesta da parte degli utenti di nuovi livelli, che corrispondono ai punti accumulati tramite il riciclo delle bottiglie PET.

Le Soluzioni

Funzionalità “Referral”

Attività di User Experience e UX Writing: dopo una prima fase di analisi del contesto e dei competitor, abbiamo studiato l’esperienza utente in generale e la user journey dell’app attuale per integrare la funzionalità Referral in modo fluido e continuativo.

Dopo aver definito anche i flussi di navigazione per coprire tutti i possibili casi, siamo passati alla progettazione delle schermate aggiuntive e dei loro contenuti (wireframe). In parallelo, ci siamo occupati anche della progettazione dei testi e dei microcopy, a partire dal nome della funzionalità, con l’obiettivo di trasmettere i messaggi chiave in modo chiaro e conciso.

Il lavoro di UX writing costituisce un processo importante per guidare l’utente nella comprensione dei vantaggi e dei limiti della funzionalità, semplificando la navigazione e migliorando l’usabilità. Anche la progettazione dei testi, infatti, parte dalla ricerca e si concretizza nei copy e microcopy che l'utente può incontrare durante la navigazione della funzionalità, dall’ideazione del nome, all’attenzione per la coerenza semantica e lessicale di tutti i messaggi.

User Interface: la realizzazione dell’interfaccia visiva si pone in continuità con quella già presente sull’app, con focus particolare su qualità estetica, accessibilità e usabilità. Abbiamo creato, inoltre, alcune componenti ad hoc per la nuova funzionalità sempre coerenti con le style guide.

wireframe consorzio riciclo Wireframe per la progettazione della funzionalità Referral dell'app

Gamification

Attività:

  • Analisi animazioni attuali e ideazione concept nuovi livelli
  • Illustrazioni
  • Animazione

Questo progetto unisce illustrazione, motion design e sensibilità UI. Partendo da un sistema a livelli esistente, abbiamo sviluppato un nuovo concept creativo per rappresentare visivamente i progressi dell'utente, ampliando l'esperienza con tre nuovi scenari dinamici. Il risultato finale è un insieme coeso di ambientazioni ispirate alla natura che migliorano il coinvolgimento attraverso lo storytelling visivo, bilanciando creatività e gioco con chiarezza e coerenza.

La libertà creativa concessa dal cliente ci ha permesso di arricchire la progressione dell'app tramite una narrazione animata fluida: ogni transizione è stata studiata per guidare l'utente alla scoperta di nuovi ecosistemi. Il risultato finale aumenta l'engagement, mantenendosi leggero, chiaro e perfettamente allineato con gli obiettivi educativi del prodotto.

case_study_consorzio_animazioni Alcune bozze delle animazioni create per la gamification dell'app

La fase di sviluppo per entrambe le attività è stata gestita da Weyotech per quanto riguarda la parte di front-end e dal team IT del Consorzio per la parte di back end direttamente all’interno dell’applicazione.

Il coordinamento e la gestione del progetto erano in carico ad Ariadne, che si è servita dell’approccio Agile per garantire il rispetto delle tempistiche e il coordinamento efficace di tutti i/le professionisti/e coinvolti/e.

I risultati

La nuova funzionalità è online sull’app del Consorzio da maggio 2026 e gli utenti che raggiungono il livello 16 e i successivi, possono già vedere le nuove animazioni. La collaborazione e la disponibilità dei team del Cliente e Weyotech ci hanno permesso di portare a termine il progetto in modo puntuale e con successo.

Contattaci

Vuoi che il tuo progetto sia un successo?

Scrivici per raccontarci le tue esigenze e trovare insieme la soluzione migliore!

Ci hanno già scelto

  • Aci Global
  • Artemide Group
  • Autostrade per l'Italia
  • Borsa Italiana
  • Buzzi Unicem
  • Cassa Depositi e Prestiti
  • Cattolica Assicurazioni
  • Comune di Milano
  • Costa Crociere
  • Decathlon
  • Enea
  • Engie Italia
  • Euronext
  • Euronics
  • Fiera Milano
  • Generali Italia
  • Gruppo Banca Sella
  • Haier Group Candy Hoover
  • Infocamere
  • KPMG
  • Leonardo
  • Luxottica
  • Mercuri International
  • Monnalisa
  • Mooney
  • North Sails
  • PagoPA
  • Pearson Italia
  • Riso Scotti
  • Sisal Italia
  • Unicredit
  • Università degli Studi di Milano

Certificazioni e Partnership

Il nostro team è in continuo miglioramento. Verso l'eccellenza, insieme.