Passa al contenuto principale

Progettare un riflesso nutrizionale, una scansione alla volta.

ProgettoPawka|Anno2026

I proprietari di animali volevano chiarezza. Le etichette non avevano un linguaggio. Pawka aveva la scienza ma nessuna esperienza unificata - il punteggio sembrava opaco, la fiducia non si guadagnava da nessuna parte e ogni corsia diventava una paralisi decisionale.

Ambito di Lavoro

UX RESEARCHMOBILE APPDESIGN SYSTEMACCESSIBILITY
Visualizza il Prototipo Figma

01 - Contesto

Un mercato che nessuno sapeva leggere.

I proprietari di animali affrontano 200+ referenze per corsia, elenchi di ingredienti che nessuno fuori da un laboratorio sa decifrare, e affermazioni di marketing impossibili da verificare. Pawka colma questo divario con un'unica scansione.

01
L'Asimmetria

I consumatori subiscono un sovraccarico cognitivo in corsia. Il divario informativo rende quasi impossibile prendere decisioni razionali nei 4 minuti e 20 secondi che trascorrono davanti allo scaffale.

02
La Soluzione

Pawka agisce come assistente nutrizionale. Scansiona un prodotto e l'interfaccia decodifica la sua composizione in uno score azionabile - personalizzato per specie, razza, età e peso del tuo animale.

03
La Sfida UX

Offrire un'esperienza leggibile e credibile per tre profili utente radicalmente diversi - dall'esperto scettico al genitore sotto pressione che vuole solo una luce verde.

Problema di Design

Come rendere contenuti nutrizionali complessi immediatamente comprensibili e actionable in una situazione d'acquisto veloce per un pubblico eterogeneo - mantenendo al contempo rigore scientifico, completa indipendenza e personalizzazione significativa?

Alfabetizzazione digitale disomogeneaDati altamente tecniciPersonalizzazione profilo animaleDecisione in meno di 5 sec.

02 - Ricerca Utente

Prima il campo. Poi le assunzioni.

12 interviste semi-strutturate, 3 sessioni di osservazione in negozio, un benchmark competitivo. I dati di campo hanno sostituito le assunzioni, non il contrario. Ogni decisione a valle riconduce a un'evidenza precisa.

12
interviste semi-strutturate, 45 min ciascuna, partecipanti dai 17 ai 55 anni
92%
dei partecipanti ha difficoltà a leggere le etichette standard degli ingredienti
4'20"
tempo medio in corsia per il cibo animale - 60% dedicato al confronto dei prezzi
10/12
partecipanti già usano Yuka - un modello mentale pronto su cui costruire
Mappe di Empatia
Insight 01
Leggibilità Immediata

Lo score globale su 100 risolve il blocco cognitivo provocato dalle etichette tecniche. Un codice colore verde/arancione/rosso fornisce una risposta visiva in meno di 3 secondi - senza bisogno di leggere.

92% - opacità delle etichette
Insight 02
Fiducia attraverso il Metodo

L'83% dei tester richiede una fonte indipendente. L'interfaccia espone direttamente dalla scheda prodotto i criteri di valutazione, i loro pesi e la validazione veterinaria - la trasparenza come feature.

83% - bisogno di fiducia
Insight 03
Riduzione del Carico Cognitivo

Il 75% è sopraffatto dalle decisioni in corsia. La funzione di scansione isola una scheda chiara da 200+ referenze in 3 secondi. L'interfaccia suggerisce alternative con score migliore nelle vicinanze.

75% - sovraccarico in corsia
Insight 04
Personalizzazione Profilo Animale

L'onboarding raccoglie specie, razza, età e peso. Questi dati contestualizzano ogni raccomandazione e generano uno score specifico per l'animale ad ogni scansione - modello UX di personalizzazione Laja (2019).

JTBD - Personalizzazione
Insight 05
Attrito Progressivo

La modalità ospite consente 5 scansioni gratuite al giorno senza registrazione. La creazione dell'account si attiva solo nel momento giusto - quando si salvano i preferiti o si visualizza la cronologia delle scansioni. Valore prima dell'impegno.

Modello Nir Eyal (2014)
03 - Personas

Tre profili. Un prodotto.

Una persona primaria, due secondarie, due terziarie, due anti-persona - sette profili su cui poggia ogni decisione di design che segue.

Claire Martin, 34, NGO Communications Manager based in Lyon
Persona Primaria
Claire Martin, 34
NGO Communications Manager · Lyon · High digital literacy

"Voglio essere sicura di comprare il meglio per il mio cane senza cadere nel greenwashing."

Jean-Luc, 47, Transport Manager based in Nantes
Persona Secondaria
Jean-Luc, 47
Transport Manager · Nantes · Average digital literacy

"Se il mio veterinario lo conferma, lo compro. Se un'app me lo spiega chiaramente, la ascolto anche."

Théo Dubois, 28, Freelance Developer based in Paris
Persona Secondaria
Théo Dubois, 28
Freelance Developer · Paris · Very high digital literacy

"Se l'app nasconde la sua metodologia, la disinstallo entro 48 ore. Se la mostra, divento un ambasciatore."


04 - User Journey Map

Dalla scoperta alla fidelizzazione.

5 fasi, il modello Gibbons (NN/g, 2018), emozione valutata da −2 (frustrazione) a +2 (entusiasmo). Ogni punto di attrito e ogni opportunità di design qui sotto arriva dai minimi, non dai picchi.

Scoperta
Neutrale · 0

Vede un post Instagram sul greenwashing nel cibo animale. Cerca un'app di scansione prodotti per animali domestici.

Rivolgersi alle community eco-consapevoli. Forte SEO locale sulla nutrizione animale.
Valutazione
Soddisfatta · +1

Legge le recensioni di Pawka sull'App Store. Confronta la trasparenza della metodologia con altre app.

Mettere in primo piano la trasparenza algoritmica sin dalla prima schermata.
Acquisizione
Soddisfatta · +1

Scarica l'app. Si registra. Crea il profilo del suo cane - razza, età, peso.

Onboarding guidato e progressivo. Prima scansione come tutorial fluido.
Servizio
Entusiasta · +2

Scansiona il cibo per cani in corsia. Legge lo score + la spiegazione. Confronta 2 alternative disponibili nelle vicinanze.

Score + spiegazione in meno di 5 sec. Mostrare alternative locali per distanza.
Fidelizzazione
Entusiasta · +2

Condivide uno score prodotto su Instagram. Si iscrive alle notifiche per ingredienti controversi.

Programma di condivisione comunitaria. Notifiche personalizzate per ingredienti attivisti.
05 - Mappatura degli Attriti

9 punti di attrito. 3 priorità assolute.

Ogni attrito qui sotto riconduce a un preciso minimo emotivo sulla mappa del percorso sopra. Gravità da 1 a 5, in base a frequenza e impatto sulla conversione. Prima risolvere i blocchi. La retention viene dopo.

5/5
Registrazione obbligatoria prima della prima scansione

Catastrofico. L'impegno prima della dimostrazione del valore distrugge la conversione. Soluzione: modalità ospite con 5 scansioni gratuite al giorno.

4/5
Comprensione dello score - cosa significa 48/100?

Importante. Claire vuole una prova oggettiva, Jean-Luc ha bisogno di rassicurazione. Soluzione: scala colori + etichetta testuale + link con un tap alla metodologia di valutazione.

4/5
Navigazione verso la metodologia di valutazione

Importante. Solo 50% di successo diretto nei test di usabilità, media di 4,7 clic sbagliati. Soluzione: pulsante permanente "Come viene valutato?" su ogni scheda prodotto.

4/5
Alternative non disponibili nelle vicinanze

Importante. Claire è in corsia, telefono in mano, deve decidere in 2 minuti. Soluzione: alternative filtrate per geolocalizzazione con disponibilità locale e distanza stimata.

3/5
Modulo onboarding animale troppo lungo

Medio. Solo 3 campi obbligatori nel flusso iniziale (specie, razza, età). Tutto il resto è facoltativo e viene raccolto progressivamente nelle sessioni successive.

3/5
Metodologia di valutazione invisibile in fase di scoperta

Medio. Théo verifica i criteri prima di impegnarsi. Soluzione: pagina FAQ sulla metodologia pubblica sul web. Link diretto dalla descrizione dell'App Store.


06 - Design

Dall'architettura al pixel.

Architettura mobile hub-and-spoke. La scansione come azione centrale. Barra di navigazione a 5 tab. Due modalità - ospite e account - con conversione progressiva al Premium.

Wireframe Low-Fidelity

Struttura prima del colore.

Ogni schermata revisionata 2-3 volte sulla base di feedback interni prima di passare all'alta fedeltà. Il processo esclude completamente il design visivo - in questa fase conta solo l'architettura.

  • Onboarding in 4 passi · stesso scheletro verticale · ritmo cognitivo
  • Schermata di scansione ridotta a un'azione · zero distrazioni
  • Scheda prodotto · score sopra il fold · tabella dati a due colonne
  • Scansione fallita · volutamente vuota · modulo di contributo UGC
Prototipo High-Fidelity

Onboarding & prima connessione.

Lo splash a schermo intero ancora il posizionamento emotivo con "Ogni animale è unico." Email + password + opzione ospite. La modalità ospite testa l'ipotesi che gli utenti si convertano meglio dopo aver sperimentato prima il valore.

  • Splash screen · carosello animali emozionale · CTA colore primario
  • Form · tab Crea/Accedi · validazione inline in tempo reale
  • CTA ospite · modello freemium: valore prima dell'impegno
  • Caricamento animato · pattern Pawka · gestione della latenza percepita
Prototipo High-Fidelity

Scansione & risultato prodotto.

La schermata risultato è il cuore di Pawka. Score su 100 in grande tipografia, badge colore semantico, 9 criteri espandibili, alternative più sane in scroll orizzontale.

  • Badge score · numero grande · sfondo codificato per colore · miniatura prodotto
  • 9 criteri · icona + etichetta + barra di avanzamento colorata + score/100 · accordion
  • Alternative · scroll orizzontale di card · badge score su ogni card
  • Modal limite ospite · dopo 5 scansioni · conto alla rovescia giallo · CTA Premium
Prototipo High-Fidelity

Pagine principali dell'app.

La Cronologia elenca le scansioni passate con score e data relativa. I Preferiti filtrano per animale. La Ricerca combina una barra di testo con filtri per categoria. Il Profilo centralizza l'upsell Premium non invasivo.

  • Cronologia · lista cronologica · badge score colorato · timestamp relativo
  • Preferiti · selettore animale in alto · griglia a 2 colonne · icona cuore attivo
  • Ricerca · barra testo + filtri categoria · accesso comparatore (Premium)
  • Premium €3,99/mese · 3 piani · confronto freemium fianco a fianco
01 / 04
07 - Design System

Un contratto tra design e sviluppo.

Metodologia Atomic Design. Foundations → Atoms → Molecules → Organisms. Un UI Kit strutturato riduce i tempi di handoff, garantisce coerenza visiva e documenta ogni decisione di design mentre il prodotto scala.

Palette Colori - Foundations
Saddle Brown · Primario
Pale Yellow · Secondario
Mint Green · Accento
Snow · Supporto
Tipografia
Bricolage
Grotesque
Bricolage Grotesque - Testo, Etichette, Navigazione. Chiarezza ad ogni dimensione.
Geist Mono - Tag, Score, Dati
Colori Dati - Scala degli Score
0-19 · Critico
20-39 · Insufficiente
40-59 · Accettabile
80-100 · Buono / Eccellente
Livelli Atomic Design
ATOMS
Bottoni, Badge, Icone, Input - tutti gli stati documentati
MOLECULES
Card criterio - riutilizzabile nell'analisi nutrizionale e nel comparatore
ORGANISMS
Scheda prodotto completa, Modulo login, Card abbonamento

08 - Test Utente

Prove empiriche, nessuna sensazione.

Triangolazione metodologica, 4 metodi sequenziali, 6 partecipanti - 2 per persona - da un primo sguardo di cinque secondi fino a un differenziale semantico di 28 parole.

01
Test 5 Secondi

Misura la prima impressione. Valida la leggibilità immediata dello score e la comprensione del value proposition su 2 schermate critiche.

02
Test Moderati

5 compiti che coprono i percorsi critici. Protocollo Think Aloud. Scopre i modelli mentali e le aree di confusione che le sole metriche non possono rilevare.

03
SUS Score

Questionario Likert a 10 punti. Score singolo da 0 a 100. Confrontato con le medie del settore. Valida l'usabilità prima del lancio.

04
AttrakDiff

28 coppie di parole differenziali semantiche. Misura Qualità Pragmatica, Qualità Edonica-Stimolazione, Qualità Edonico-Identità e Attrattività Globale.

100%

dei partecipanti ha ricordato lo score e il codice colore della scheda prodotto dopo 5 secondi. Ipotesi di design centrale validata.

80

SUS score medio - 68° percentile del settore, sopra la media salute/nutrizione (68,4). Livello: «Buono».

1,62

AttrakDiff Qualità Pragmatica - Quadrante Self-Oriented: l'app è percepita come sia utile che identitaria.

P1 · Marie · Comprensione Score

"Ho capito lo score immediatamente - proprio come il Nutri-Score. Arancione significa non buono, non l'avrei comprato."

P3 · Jean-Luc · Modalità Ospite

"Potevo esplorare senza rivelare nulla. È rassicurante per qualcuno come me, diffidente delle app."

P5 · Théo · Proiezione

"Lo metterei come widget sul mio iPhone per accedervi rapidamente senza nemmeno aprire l'app."

Prove empiriche, nessuna sensazione.
CompitoSuccesso DirettoAssistitoØ TempoObiettivoClic Sbagliati
T1 - Onboarding + AnimaleBuon risultato: 83%17%2m 10s<3min2.3
T2 - Scansione + Lettura ScoreBuon risultato: 100%0%28s<60s0.2
T3 - Metodologia ValutazioneDa migliorare: 50%33%1m 45s<60sDa migliorare: 4.7
T4 - Preferiti + CronologiaBuon risultato: 83%17%35s<60s1.1
T5 - Gratuito vs. Premium67%33%1m 05s<60s2.8
09 - Accessibilità

WCAG 2.1 AA dal primo giorno.

Accessibilità integrata dall'inizio, non aggiunta in seguito. Risolvere un problema di accessibilità nel design costa 10× meno che in sviluppo e 100× meno che dopo il lancio. Verificato con Stark e A11y Annotation Kit su 14 criteri WCAG 2.1.

Disabilità Motoria

Tutti gli elementi interattivi rispettano la dimensione minima del target tattile di 44×44pt (Apple HIG). Il pulsante di scansione centrale è 56×56pt. Spaziatura minima di 8pt tra elementi interattivi adiacenti per evitare tap accidentali.

Accessibilità Cognitiva

Il testo dell'interfaccia punta al livello QCER B1-B2. I termini tecnici sono sempre abbinati a spiegazioni in linguaggio semplice. Lo score riduce 200+ referenze a una decisione chiara - indirizzando direttamente il paradosso della scelta. Un feedback visibile costante elimina l'ansia da interfaccia.

Mitigazione del Daltonismo

Il gradiente dello score (da rosso a verde) è il classico rischio di deuteranopia. Mitigato da due decisioni di design: un'etichetta testuale sistematica ad ogni livello di score (Critico, Insufficiente, Accettabile, Buono, Eccellente) e valori di luminosità differenziati tra i livelli di score - non solo la tonalità.

WCAG 2.1 AA dal primo giorno.
Coppia di ColoriRapportoTesto NormaleTesto GrandeUso
Saddle Brown on Snow9.20:1AAAAAACorpo del testo, titoli, etichette (primario)
Snow on Saddle Brown9.20:1AAAAAATesto invertito, pulsanti riempiti
Saddle Brown on Pale Yellow7.36:1AAAAAATitoli e badge su sfondo giallo
Saddle Brown on Mint Green6.28:1AAAAAIntestazioni su sfondo verde
Alert Red on Snow4.82:1AAAAMessaggi di errore, score critici
Premium Gold on Snow3.12:1FailAAIcone e testo grande solo
Snow on Mint Green1.46:1FailFailMai usato per il testo - escluso dai token

10 - UX Roadmap

4 trimestri. Obiettivi misurabili.

Ogni milestone è ancorata ai dati dei test. Prima risolvere i blocchi di conversione. Poi iterare su retention, crescita ed espansione internazionale - ogni trimestre con un obiettivo quantificato.

T2 2026 · Lancio
Correzioni Prioritarie
SUS > 80 · T3 > 80%
  • Pulsante metodologia P0
  • Prova Premium gratuita 7 giorni
  • Loader con progressione + testo
  • A/B test posizionamento CTA Premium
  • Deploy iOS / Android
T3 2026
Retention
D30 > 40% · NPS > 50
  • Comparatore prodotti
  • Widget iOS / Android
  • Modalità offline - 50 prodotti in cache
  • Onboarding video
  • Template condivisione Stories
T4 2026
Crescita
100k scansioni/mese · >5% premium
  • Multi-specie (animali esotici)
  • Marketplace alternative
  • Progressione gamificata
  • Notifiche push con geofencing
T1 2027
Internazionalizzazione
3 paesi · CAC < 2€
  • UK · DE · ES
  • API partner negozi animali
  • Adattamento culturale del codice colore
  • Prescrizione contestualizzata

11 - Insegnamenti Chiave

L'83% dei tester chiedeva una prova prima della fiducia. La trasparenza è diventata il prodotto.

12 interviste hanno detto la stessa cosa con parole diverse: nessuno si fida di un'azienda che si valuta da sola. Per questo ogni criterio di punteggio resta visibile sulla scheda prodotto, pesi inclusi. Per questo anche il 100% dei tester ricordava ancora lo score cinque secondi dopo aver distolto lo sguardo. Pawka non punta a piacere. Punta a essere verificabile - e in un mercato saturo di greenwashing, verificabile è l'unica forma di fiducia che sopravvive a una corsia, un acquirente scettico e quattro minuti e venti per decidere.


Altri progetti

Hai un'idea interessante?

Questo spazio aspetta la tua storia di successo.

In Lavorazione

Twiggli

Product design per un'app mobile di condivisione familiare - aiutare genitori e bambini a restare connessi attraverso ricordi condivisi, routine e una UX attenta.