Sito web TAG

Tipologia

Sito vetrina

Cliente

TAG | Trentino Alta Formazione Grafica

Anno

2019

team

Michele Purin
Omar Folgheraiter
Stefano Borgogno

Il progetto

TAG | Trentino Alta Formazione Grafica è un corso dedicato alla Comunicazione Grafica Multicanale che rilascia il titolo di Tecnico Superiore Grafico per la Comunicazione Multicanale.
Visti i numerosi cambiamenti attuati all’offerta formativa nell’arco degli anni e le nuove proposte formative attuate, si è reso necessario un restyling dell’identità visiva del corso.
Oltre al logo e agli applicativi cartacei è stato richiesto di rivedere anche il sito web per renderlo in linea alle nuove linee guida grafiche create e per renderlo di più facile navigazione da parte dell’utente.

Concept

Uno degli interventi più importanti attuati è stata la ristrutturazione dell’albero delle pagine, dando maggiore ordine ai contenuti per rendere la navigazione dell’utente più facile e chiara possibile.

Altro punto sul quale abbiamo puntato è stato di rendere protagonisti i contenuti, cercando di dare gerarchia attraverso l’uso della tipografia e del colore, andando inoltre a inserire dei contenuti visivi solo se realmente necessari.

Per rendere il primo impatto più emotivo ed immersivo abbiamo pensato di inserire nella sezione principale dell’homepage dei video di sfondo. Ad ogni caricamento della pagina il video è diverso per rendere questa esperienza nuova ad ogni accesso dell’utente.

Sviluppo

Il sito è gestito con il CMS WordPress, per il quale è stato sviluppato un tema custom con il plugin Advanced Custom Field per garantire una gestione dei semplificata. Inoltre è stata sviluppato un plugin ad hoc per la gestione dei progetti per i quali viene sfruttato l’editor Gutenberg.

Navigazione

Per rendere il sito di facile navigazione abbiamo deciso di optare per un menù full page a più livelli così da rendere la lettura dei contenuti presenti semplice e chiara.

Tipografia

Per dare maggior risalto ai contenuti e per rendere la lettura più chiara possibile abbiamo osato con il contrasto delle font dando molto risalto ai titoli, dando così risalto alla gerarachia.

Collegamento dei contenuti

Per completare il tutto abbiamo creato un percorso, per guidare l’utente durante la navigazione. Per farlo, in chiusura di pagina, abbiamo inserito delle domande guida per collegare la pagina aperta ad un altro contenuto pertinente.

Responsive design

Visto la tendenza degli ultimi anni, il sito è stato pensato in ottica mobile, così che sia di facile lettura e navigazione da qualsiasi dispositivo, mantenendo coerenza su tutti i device.