L'esperienza: chi usa il sito, cosa deve riuscire a fare, cosa succede quando qualcosa va storto.

Sette decisioni che guidano tutto il resto

1. Prima il telefono. Quasi tutti arrivano da Instagram, quindi da telefono (da confermare con gli insight del profilo). Una sola azione principale per schermata, raggiungibile col pollice.
2. La scheda del gatto è la pagina più importante. Ha un indirizzo suo, si condivide con un'anteprima che mostra foto e nome, e funziona da prima pagina per chi arriva da un link.
3. Le candidature passano da un modulo, non dall'email. Le domande si vedono prima di iniziare, e alla fine il modulo dice con onestà quando arriverà una risposta.
4. Lo stato del gatto è un dato, non una frase. Disponibile, in preaffido o adottato: lo cambiate dal telefono con un tocco, e il sito si aggiorna ovunque.
5. La distanza è un'informazione, non un ostacolo. Ogni gatto dice se è vicino a chi guarda o se arriva in staffetta; nessuno viene nascosto.
6. Donare richiede meno di un minuto. Il 5×1000 è visibile, e le spese di un gatto sono collegate alla sua storia.
7. Niente va aggiornato a mano in due posti. Il vostro tempo è il vincolo principale di tutto il progetto.

Contesto e vincoli

I Gatti con la Valigia è un ente del Terzo Settore gestito da volontarie: è nato a Favignana e oggi porta gatti dal Sud al Nord con le staffette. Questi vincoli condizionano ogni scelta.

Chi usa il sito

Sei persone, ognuna con un compito preciso. Sono ipotesi costruite dal materiale dell'associazione, non da ricerca con utenti: vanno verificate (vedi Come misurare).

Tre osservazioni

• Si entra di lato. Chi arriva da un post finisce su una scheda, non in home. Per lui la scheda è il sito.
• Il tempo di attenzione è quello di Instagram. Pochi secondi per decidere se proseguire, con una mano sola e spesso in movimento.
• La volontaria è un utente a tutti gli effetti. Se aggiornare il sito le pesa, i contenuti invecchiano e le schede mostrano gatti già adottati.

Cosa teniamo della prima bozza, cosa cambia

La prima bozza su Lovable ha già trovato la voce giusta. Teniamo il tono caldo e concreto, il menu semplice con «Dona ora» sempre visibile, il percorso di adozione in quattro passi, i tre modi chiari di donare. Cambia ciò che non può funzionare senza un archivio di dati vero.

Le pagine

Quattro voci di menu, al massimo due livelli, e la scheda del gatto al centro: tutte le pagine di «Cercano casa» esistono per portarci o per partire da lì.

Nel prototipo gli indirizzi cominciano con «#/»: così funziona su qualsiasi spazio web senza configurazioni. Nel sito vero diventano indirizzi normali, necessari per le anteprime sui social.

Ogni gatto è un insieme di dati, non una pagina scritta a mano

Così l'elenco, i filtri, la home, l'anteprima social e il modulo si alimentano dagli stessi dati, e li aggiornate una volta sola.

Gli stati di una scheda

«Richieste in corso» non è uno stato da impostare a mano: si calcola dalle candidature aperte. E l'indirizzo di una scheda non scompare mai: i post restano online per anni, e chi apre il link di un gatto adottato deve trovare una buona notizia, non una pagina di errore.

I percorsi

Un principio vale per tutti: le informazioni che scoraggiano si danno prima di chiedere qualcosa, non dopo.

Adozione

1. Arriva sulla scheda, quasi sempre da un post: foto, nome, età, e subito «Può venire a casa tua?».
2. Verifica le condizioni prima di candidarsi. Chi non può adottare quel gatto lo capisce qui, senza compilare nulla.
3. Apre il modulo con il nome del gatto già indicato. Prima di iniziare vede i cinque passi e cosa non gli chiediamo.
4. Invia e riceve una conferma che dice cosa succede ora e in quanto tempo, più un'email con la copia delle risposte.
5. Colloquio, preaffido, staffetta o ritiro avvengono fuori dal sito, con la volontaria referente.

Dove si può interrompere, e come si riprende:

• Il modulo si chiude a metà. Le risposte restano sul telefono; la scheda propone «Riprendi dal passo 3».
• Il gatto viene adottato nel frattempo. La scheda lo dice e propone altri gatti; la richiesta resta valida per un altro.
• Non c'è un gatto preciso. Esiste la candidatura generica: «Raccontaci la tua casa, ti proponiamo noi un gatto».
• L'invio non riesce. Le risposte restano, il messaggio spiega cosa è successo, il pulsante diventa «Riprova l'invio». Provatelo dalla regia.
• Ci sono già altre richieste. Lo si dice prima dell'invio, con onestà.

Stallo

La pagina risponde ai dubbi in quest'ordine: quanto dura, chi paga cibo e veterinario, che spazio serve, se si può avere già un animale, chi chiamare se qualcosa va storto. Poi sei domande. Prova

Donazione

Quattro modi, ognuno con una riga che spiega a cosa serve. PayPal, GoFundMe e Amazon si aprono sul loro sito; per il 5×1000 basta copiare il codice fiscale. Sulle schede con spese indicate, un collegamento porta dalla storia del gatto alla donazione. Prova

Condivisione

Sul telefono «Condividi» apre il menu del sistema (WhatsApp, Instagram, messaggi); al computer copia il link e lo conferma. Nel sito vero il link genera un'anteprima con foto, nome e città.

Gatto trovato in difficoltà

Parte da domande semplici: è ferito? È un cucciolo da solo? Sembra di qualcuno? Per ognuna dice cosa fare subito e chi chiamare. Solo dopo spiega quando ha senso scrivervi, e dice con onestà cosa potete fare e cosa no. Prova

Telefono e computer

Si progetta a 390 px di larghezza e poi si allarga, ripensando le priorità invece di impilare o stirare.

• Area toccabile di almeno 44 px per ogni pulsante, link e filtro; i pulsanti principali sono alti 52 px.
• Testo base di 17 px sul telefono, righe non più lunghe di circa 70 caratteri al computer.
• Niente di essenziale solo al passaggio del mouse, perché sul telefono non esiste.
• Molti gatti stanno su isole o in zone con rete debole, e lo stesso vale per molte di voi: le foto devono pesare poco.

I casi difficili

Un sito di volontariato passa molto tempo in condizioni non ideali: pochi gatti, schede incomplete, foto mancanti, rete lenta. Ogni situazione è progettata, e quasi tutte si provano nel prototipo.

Fiducia, privacy, accessibilità

Chi adotta affida i propri dati, chi dona affida i propri soldi: la fiducia si costruisce con fatti verificabili, non con aggettivi.

Fiducia

• Dati dell'ente nel piè di pagina: denominazione, codice fiscale, sede legale.
• Statuto e rendiconti, anche semplici. Spese reali sulle schede dei gatti che le hanno.
• Tempi di risposta onesti, dichiarati prima che qualcuno scriva.
• Nessun numero gonfiato o fermo: meglio nessun contatore che un contatore vecchio.

Privacy · indicazioni di progetto, non consulenza legale

• L'informativa è linkata accanto al pulsante di invio di ogni modulo, non solo nel piè di pagina.
• Si chiede solo ciò che serve in quella fase: niente documenti o indirizzo completo nella prima candidatura.
• Le candidature non dovrebbero finire nella casella personale di una volontaria, ma in uno spazio condiviso con accessi controllati.
• I post di Instagram si caricano solo dopo il consenso; PayPal, GoFundMe e Amazon sono semplici collegamenti.

Accessibilità

I dettagli e i contrasti misurati sono nello studio tecnico. In breve: testo nero su tutti i colori del sito, mai bianco; ogni stato detto anche a parole; etichette sempre visibili sui campi; tastiera e lettori di schermo considerati in ogni componente.

Tono e testi

Il sito parla con la vostra voce: prima persona plurale, frasi brevi, cose concrete. Va estesa ai pulsanti, agli errori e alle conferme, dove di solito si perde.

Da evitare: la colpa e il pietismo («Se non lo adotti morirà»), che allontanano proprio le persone più sensibili; «Salva una vita» su ogni pulsante; il linguaggio da negozio («Aggiungi ai preferiti», «Disponibile subito»): un gatto non è un prodotto; le formule vaghe come «Scopri di più».

Il vostro lato

Il sito resta aggiornato solo se aggiornarlo costa meno che rispondere a un messaggio su Instagram. Questi sono i requisiti per lo strumento di gestione, qualunque tecnologia si scelga.

• Aggiungere un gatto dal telefono in meno di cinque minuti, con le foto della galleria. Prova
• Cambiare lo stato con un tocco, dall'elenco, con «Annulla» invece di una finestra di conferma. Prova
• Campi a scelta (sì, no, da valutare) invece di testo libero dove possibile, così filtri ed etichette funzionano.
• «Pubblica» dice cosa manca invece di essere solo grigio.
• Ruoli: chi può pubblicare e chi può solo proporre una scheda.
• Candidature in un elenco condiviso, assegnate alla volontaria referente del gatto, con un avviso via email e uno stato (nuova, in colloquio, preaffido, chiusa).
• Promemoria per le schede non aggiornate da 30 giorni.
• Esportazione dei dati, per non restare legate a uno strumento.

Come verificare e misurare

Questo studio si basa su ipotesi ragionevoli, non su dati. Tre verifiche leggere bastano a confermarle o correggerle.

Prima di costruire

1. Gli insight di Instagram. Quante persone toccano il link in bio, da dove vengono, in che orari.
2. Le dieci domande più frequenti. Raccogliete i messaggi dell'ultimo mese e raggruppateli: diventano le risposte nelle pagine su adozione e stallo.
3. Tre o quattro chiacchierate con chi ha adottato di recente. Cosa li ha quasi fatti rinunciare, cosa avrebbero voluto sapere prima.

Sul prototipo

Cinque persone, sul telefono, tre compiti senza aiuto: trovare un gatto adatto alla propria casa e inviare la candidatura; capire cosa comporta fare stallo; donare 10 €. Si osserva dove esitano, non cosa dicono di preferire.

Dopo il lancio

Domande aperte

Otto risposte cambiano il progetto in modo concreto; le altre scelte si possono correggere strada facendo. Le trovate, con lo spazio per rispondere, nel racconto.

Studio aggiornato a novembre 2026. Fonti: i materiali dell'associazione (carosello Instagram, logo, foto del team) e la prima bozza del sito.