Il progetto
Telefono Amico Italia ha chiamato e noi abbiamo risposto!
L’obiettivo? Migliorare l’esperienza dell’utente nel sito istituzionale con una rielaborazione di grafica, contenuti e user experience che mettesse anche in luce alla mission dell’associazione.
Per raggiungere l’obiettivo abbiamo…
- Aggiornato l’immagine coordinata del sito e i suoi elementi grafici coerentemente all’immagine già esistente dell’associazione.
- Reso i contenuti più comprensibili all’utente, anche attraverso focus tematici e creando un albero di navigazione più accessibile e intuitivo.
- Dato più rilievo alla mission dell’associazione.
- Semplificato l’accesso alle modalità di contatto telefonico o mail in favore dei beneficiari.
- Messo in evidenza le modalità di sostegno con la creazione di una pagina “DONA ORA” e altre opzioni di donazione.
- Selezionato e inserito, nei diversi banner di sezione, immagini coerenti con la causa e in linea con la nuova campagna istituzionale.
Il nuovo sito istituzionale
A partire dai contenuti e dalla grafica esistente, abbiamo proposto un nuovo modello di albero di navigazione ricreando la homepage e aggiornandola con un nuovo stile grafico che fosse più coerente con il logo dell’associazione e che parlasse ad un pubblico più vasto e giovane, in linea con il target identificato.
Il logo di TAI e le sue forme curvilinee, divenute ora elemento portante del nuovo stile grafico, ci hanno guidato nella creazione degli elementi grafici e di tutte le pagine del sito.
La palette di colori scelti e il font selezionato sono stati strutturati sulla base di uno studio accurato rispetto alla tipologia di utente e al messaggio da comunicare.
I toni di blu e azzurro evocano calma, pacatezza e stabilità, doti che caratterizzano anche TAI, la stella dell’ascolto (icona preesistente nell’immagine coordinata di Telefono Amico italia), “mascotte” dell’associazione, la cui forma ci ha ispirati nella creazione di tutto il sito.
FONT
Nunito Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890 (){ } ;:./&$€@‘?!#
Nunito Semibold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890 (){ } ;:./&$€@‘?!#
Nunito Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890 (){ } ;:./&$€@‘?!#
PALETTE COLORI
TYPOGRAPHY DESIGN
Titolo 1
Titolo 2
Sottotitolo
TITOLETTO
TITOLETTO 2
Text – Normal Text – Small Text – Micro
BUTTONS & LINKS DESIGN
Il layout grafico
Doniamo ascolto
a chi ha bisogno
di aiuto
Il sito istituzionale si inserisce in un più ampio studio della comunicazione e immagine istituzionale che abbiamo realizzato per l’associazione.
Abbiamo infatti realizzato una campagna, declinata in un ADV istituzionale, che mira a tracciare una nuova linea comunicativa, con immagini, colori e trattamento pensati ad hoc per meglio arrivare al target di riferimento e capaci di comunicare la mission di Telefono Amico Italia.
