Qualitalia

Qualitalia

Overview

I brand alimentari italiani sono tra i più contraffatti al mondo. Qualitalia è la risposta del governo: un portale web che permette ai produttori alimentari di certificare ufficialmente la qualità e l'origine dei propri prodotti, offrendo ai consumatori una garanzia affidabile e ai produttori uno strumento concreto per tutelare la propria reputazione.

Il risultato

Uno strumento di certificazione governativo che non sembra tale. Flussi complessi resi navigabili. La consapevolezza dello stato integrata nel tessuto dell'interfaccia, così né i produttori né gli agenti devono mai chiedersi a che punto si trovano le loro pratiche.

Il problema

Progettare per un flusso di certificazione significa progettare per la complessità. I produttori devono inviare una grande quantità di informazioni: dettagli sul prodotto, documenti di supporto, immagini e certificazioni precedenti, nell'ambito di un processo articolato in più fasi che coinvolge sia il produttore che un agente doganale.

Due problemi emergevano con chiarezza:

Sovraccarico di informazioni durante la compilazione. Il volume di dati richiesto rendeva facile per gli utenti sentirsi disorientati, commettere errori o abbandonare il processo a metà.

Mancanza di visibilità sullo stato delle pratiche. Sia i produttori che gli agenti possono avere decine di pratiche aperte contemporaneamente. Senza una panoramica chiara, tenere traccia di cosa richiede attenzione e cosa sta avanzando diventa una fonte costante di attrito e incertezza.

L'approccio

Ho iniziato mappando l'intero flusso di invio dal punto di vista del produttore, identificando i punti in cui era più probabile che si verificassero abbandoni e confusione. Ho poi analizzato il lato dell'agente, capendo come naviga, revisiona e aggiorna più pratiche aperte contemporaneamente.

Questo approccio a doppia prospettiva ha guidato ogni decisione progettuale successiva.

La soluzione

Per gestire la complessità della compilazione, ho strutturato l'interfaccia attorno a una forte gerarchia visiva verticale delle informazioni. Invece di presentare tutti i campi in una volta sola, il flusso di invio è suddiviso in fasi logiche, guidando l'utente passo dopo passo, mostrando solo ciò che è necessario in ogni momento e rendendo sempre chiaro cosa viene dopo.

Per la visibilità degli stati, ho sviluppato un linguaggio visivo unificato basato su badge, codifica cromatica e iconografia. A colpo d'occhio, qualsiasi utente, che sia un produttore che controlla l'avanzamento o un agente che gestisce un backlog, può capire immediatamente lo stato di ogni certificazione: in attesa, in revisione, approvata o segnalata. Questo sistema è più evidente nella Dashboard e nella schermata delle Certificazioni, che fungono da hub operativo per entrambe le tipologie di utente.

Thanks vor visiting.

© Antonino De Stefano 2026. All Rights Reserved.

Create a free website with Framer, the website builder loved by startups, designers and agencies.