Condiviso

Restyling immagine coordinata e sito internet per la scuola di musica Trillargento

Trillargento, musica d’insieme che trasforma

Abbiamo completamente rinnovato il sito web e l’identità visiva di Trillargento, una scuola di musica con una forte vocazione sociale e internazionale. L’obiettivo era creare una presenza digitale che rispecchiasse i principi cardine del brand: collaborazione, sostenibilità, creatività e inclusività. Il processo si è basato su una metodologia partecipata, coinvolgendo attivamente il cliente in tutte le fasi del lavoro. La scuola promuove l’accesso universale alla cultura musicale, con un’attenzione particolare a persone in condizioni di fragilità sociale e disabilità, e collabora con scuole e istituzioni per favorire l’inclusione attraverso la musica.

Il progetto di digitalizzazione e brand identity di Trillargento è stato finanziato dall’Unione europea – Next Generation EU (bando PNRR TOCC – Transizione digitale, Organismi Culturali e Creativi della Direzione Generale Creatività Contemporanea del Ministero della Cultura).

Servizi

Perché un restyling?

La brand identity che ha accompagnato l’associazione fin dall’inizio delle sue attività aveva delle caratteristiche adatte ad una realtà giovane che iniziava il suo percorso professionale. Ma i tempi cambiano, così come le esigenze di comunicazione. Per questo motivo abbiamo deciso di rinnovare l’identità visiva e digitale mantenendo vivo lo spirito originale: una scuola di musica sociale, accogliente, dove ogni persona può trovare il proprio spazio.

Il nuovo visual è stato pensato per essere:

Riconoscibile: con un’icona immediatamente associabile alla musica.
Accessibile: grazie a una palette di colori ad alto contrasto e leggibilità.
Coerente: con l’anima comunitaria e inclusiva del progetto.

Obiettivi

Rinnovare l’immagine digitale e coordinata.
Migliorare l’estetica generale e l’esperienza utente (UX) e rendere il sito più coinvolgente.
Implementare un’area menu più intuitiva e facile da gestire, includendo in modo chiaro gli strumenti per la raccolta fondi.
Comunicare in modo più efficace la mission e le attività.
Implementare una soluzione completamente responsive supportata da WordPress CMS per una facile gestione dei contenuti.
Migliorare il posizionamento online tramite strategie SEO e strumenti per la raccolta fondi.

Processo creativo

1. Analisi e ascolto

Abbiamo dato inizio al progetto con un periodo di ascolto attivo e raccolta delle necessità del cliente, studiando il background, i valori e il collocamento di Trillargento. Questa fase ci ha consentito di identificare gli obiettivi strategici e le caratteristiche da enfatizzare nel nuovo percorso comunicativo.

2. Scelta della palette colori e dei font

Sulla base dei valori emersi, abbiamo scelto una gamma di colori originale e moderna, con il fucsia come colore predominante per esprimere creatività e apertura. La selezione dei caratteri è stata mirata a garantire leggibilità, modernità e accessibilità, seguendo le migliori pratiche di accessibilità web.

Abbiamo scelto una palette originale e significativa:

Fucsia acceso come colore principale: esprime energia creativa e apertura.
Toni caldi complementari: per comunicare inclusione e partecipazione.

I font selezionati sono moderni, leggibili e accessibili, conformi alle linee guida WCAG per garantire un’esperienza universale.

3. Redesign del logo e immagine coordinata

Il nuovo logo ruota attorno a un’icona semplice ma potente: un “tremolo” stilizzato, che richiama il movimento delle note e la dinamicità della musica.
Volevamo un segno universale, comprensibile anche da chi non legge la musica . Così è nata l’icona a forma di nota in vibrazione – un richiamo al “trillo” del nome e all’idea che la musica è vita, oscillazione, incontro.
Sono state realizzate diverse versioni per garantire coerenza e riconoscibilità su tutti i supporti, sia digitali che cartacei. Il logo book raccoglie le linee guida sull’uso del marchio, dei colori e dei font, offrendo uno strumento completo per la gestione della brand identity.

PrimaDopo

4.Prototipazione del sito e web design

Abbiamo elaborato il prototipo del nuovo sito, definendo la struttura delle pagine e l’esperienza dell’utente. Il design mette in risalto immagini genuine e contenuti emozionali multimediali, con un layout progettato per semplificare la navigazione e comunicare la missione di Trillargento. In questa fase sono state incorporate le migliori pratiche di web design accessibile e ottimizzazione SEO.

prototipazione sito trillargento con flusso dei collegamenti

prototipazione sito trillargento con flusso dei collegamenti evidenziati

5.Sviluppo e realizzazione del sito web

Il sito è stato sviluppato su CMS WordPress, garantendo facilità di aggiornamento per il team interno.
La struttura del sito è stata completamente ripensata per garantire una navigazione intuitiva e una user experience coinvolgente, valorizzando immagini e video autentici di Trillargento che raccontano la sua mission e i suoi valori. Il layout è stato progettato per evidenziare sezioni chiave come corsi, docenti, news e donazioni, facilitando l’accesso alle informazioni più rilevanti.
Inoltre, sono state integrate strategie specifiche per la raccolta fondi, con call to action ben visibili e accessibili, per facilitare il coinvolgimento degli utenti e supportare le attività di Trillargento. L’attenzione all’accessibilità digitale è stata un elemento fondamentale, assicurando che il sito rispetti gli standard europei e offra un’esperienza inclusiva a tutti gli utenti.

Trillargento ha festeggiato quest’anno i suoi 10 anni di attività con “Fortissimo, Festa internazionale delle Orchestre Giovanili Inclusive”: 270 giovani e giovanissimi da quattro paesi, Italia, Grecia, Cipro e Svezia, in scena al Teatro Nazionale di Genova e, in varie formazioni, a Palazzo Ducale e nelle vie e piazze della città, per affermare il potere trasformativo e inclusivo della musica.