Cliente
Smart SCS
Prodotti realizzati
UI, Web design, brand identity
Strumenti utilizzati
Adobe Illustrator
Figma
WordPress
Smart S.C.S. è una cooperativa che aiuta le persone che si trovano in una condizione di svantaggio sociale a inserirsi nel mercato del lavoro e a riacquistare una propria indipendenza. La missione è quella di offrire dei percorsi che permettano di sviluppare nuove competenze spendibili sul mercato del lavoro.
Smart offre anche dei laboratori formativi dove vengono creati dei prodotti artigianali. Il progetto di punta è il PROsac, uno zaino realizzato artigianalmente attraverso il riutilizzo di materiali di scarto. Questa pratica non rende solo la produzione ecosostenibile, ma dona al prodotto anche un’estetica unica. Il progetto è piaciuto tanto da diventare una vera e propria linea di accessori targati PROsac.
Smart si è rivolta a noi in seguito all’esigenza di presentarsi sul web con un’identità chiara e definita, per poter valorizzare al meglio la sua missione e i prodotti artigianali che realizza.
Da dove siamo partiti
Per capire le nuove esigenze di comunicazione della cooperativa abbiamo fatto un piccolo brief di progetto. C’era prima di tutto la volontà di dare una rinfrescata al sito web, che non era più funzionante.
Tuttavia ci siamo accorti di un altro problema a monte: Smart non aveva ancora un’identità visiva chiara e riconoscibile. Prima di progettare il nuovo sito, abbiamo risolto questo problema, così da avere una linea grafica da seguire.
Per prima cosa, l’immagine coordinata
L’unico elemento grafico che veniva utilizzato era il logo, che abbiamo lasciato invariato perché secondo noi era già noto, riconoscibile ed efficace. Il lavoro si è concentrato sul creare una linea grafica che lo accompagnasse.
Dopo una fase di brainstorming, siamo giunti alla conclusione che lo zaino PROsac è l’elemento più iconico e distintivo della cooperativa. Inoltre racchiude in sé i valori di Smart, motivo per il quale lo abbiamo preso come elemento al quale ispirarci.
L’idea consisteva nel creare degli elementi grafici che ricordassero le porzioni dei materiali di scarto che compongono lo zaino, ognuno con un diverso pattern. Il risultato è stato un insieme di "patch" di diverse forme e colori.
L’obiettivo che ci siamo posti era di fornire degli elementi pratici e semplici da utilizzare in volantini, brochure, locandine e altri prodotti grafici della cooperativa, in modo da renderla sempre riconoscibile.
Abbiamo poi aggiunto altri tre colori alla palette, così da renderla più calda e accogliente. Il rosa e l’azzurro da soli erano infatti troppo freddi e asettici per una cooperativa sociale che si occupa, appunto, di accogliere delle persone.
Rosa e azzurro rimangono comunque i colori primari, perché rappresentano nel logo l’unione e la collaborazione tra uomini e donne.
Perché usare anche le illustrazioni?
Un problema da risolvere era che le persone all’interno della cooperativa non potevano essere fotografate.
Perciò ci siamo dedicati alla progettazione di uno stile di disegno da poter utilizzare nella comunicazione generale, e in particolare sul nuovo sito. Usare delle illustrazioni è un’ottima alternativa per non rinunciare all’efficacia comunicativa delle immagini.
Anche in questo processo è stato fondamentale non perdere di vista l’armonia con l’immagine coordinata. Perciò abbiamo utilizzato la palette di colori già definita, che con le tinte aggiunte è diventata più versatile, e stabilito che le figure dovessero essere composte con gli stessi elementi geometrici delle patch realizzate in precedenza.
Abbiamo previsto anche un utilizzo monocromatico dei disegni, perché sapevamo che ci sarebbe stata la necessità di utilizzarli su sfondi colorati.
Solo adesso possiamo progettare il sito web
Il primo problema del sito web che abbiamo risolto era l’organizzazione delle informazioni. Dopo aver analizzato il contenuto del sito precedente, lo abbiamo ricostruito cambiando le parti che avevano delle criticità.
In particolare l’homepage, che prima non era funzionale a far capire di cosa si occupasse la cooperativa. Abbiamo riassunto il tutto in due tematiche principali, che riteniamo rilevanti: lo scopo della cooperativa e la produzione degli accessori PROsac.
In secondo luogo, abbiamo riorganizzato le pagine interne più “tecniche” che spiegano le procedure da seguire per aderire ai percorsi della cooperativa. Il nostro obiettivo era rendere semplice la fruizione delle informazioni, perché sappiamo quanto può essere frustrante districarsi tra queste procedure burocratiche.
Perciò abbiamo pensato a come impaginare le informazioni per renderle più fruibili e semplici da consultare, usando elenchi, tab, riquadri e altri elementi di UI.
Ci è sembrata una buona idea aggiungere, alla fine di ogni pagina, una sezione con tutti i link e i contatti utili per approfondire quello specifico argomento. In questo modo l’utente ne ha subito accesso senza doverli andare a cercare altrove.
Non dobbiamo reinventare la ruota, basta seguire la brand identity
Avendo già definito le linee guida dell'immagine coordinata in precedenza, abbiamo costruito i componenti della UI rispettandole.
Le patch non sono solo elementi decorativi da usare nelle illustrazioni, ma possono diventare anche dei pulsanti. In questo caso abbiamo creato una barra di navigazione più originale incorporando le forme.
Alla fine il sito web è nato dalla brand identity
Il progetto doveva partire dal restyling del sito, ma è subito emersa la necessità di definire un'immagine coordinata per Smart: il sito web adatto sarebbe poi nato come una naturale conseguenza di tale immagine.
Avere un'identità visiva chiara è fondamentale non solo per uniformare la propria comunicazione ed essere sempre riconoscibili, ma anche per rappresentare e far emergere i valori del proprio brand. Una realtà come Smart, con una visione e una missione molto chiare, non può che avere una comunicazione grafica che le valorizzi.
Se vuoi dare un'occhiata più approfondita al sito di Smart SCS, puoi vederlo a questo link.