100

Sara Groblechner

Collegio Arcivescovile

Cliente
Arcivescovile
Settore
Istruzione
Servizio
User Interface Design
Anno
2017

Il Collegio Arcivescovile è una scuola con due sedi sul territorio Trentino, che propone un’offerta formativa completa dalle elementare alle superiori, convitti e residenze per universitari. Il progetto è stato sviluppato nel TAGLab, un laboratorio esperienzale del TAG che porta gli studenti a risolvere sfide reali e complesse. Nel team di lavoro, composto da 6 membri e coordinato da Omar Folgheraiter, io mi sono occupata dell’Art Direction e della gestione del micro-team che aveva il compito di sviluppare l’interfaccia utente. Il progetto ha portato alla riprogettazione della User Experience e della User Interface e allo sviluppo del nuovo sito del Collegio Arcivescovile. L’obiettivo era quello di rilanciare il complesso mostrando in modo equo le strutture presenti al suo interno, facilitarne internamente ed esternamente l’utilizzo e aggiungere funzionalità utili alla sua gestione.

Il sito web di partenza presentava scarsa cura nella progettazione dello User Journey, poca qualità nella produzione dei contenuta caricati ed incoerenza nella sua veste grafica.

Attraverso l’analisi del sito precedente e prendendo in considerazione gli obiettivi tipo degli utenti, è stata progettata l’architettura delle pagine del sito. Questa attività ha portato ad eliminare pagine superflue, a raggruppare pagine simili e a modificare le etichette delle pagine, per migliorarne la comprensione del contenuto. Di seguito, ogni membri del team di design ha proposto un’organizzazione dei contenuti delle singole pagine. Questo è stato utile per adottare la miglior soluzione.

L’applicazione del design è avvenuta in 3 diversi step: il test del design sulla homepage e su una pagina interna, la progettazione dello UI Kit e l’applicazione del design sui vari dispositivi. Lo UI Kit ha permesso una progettazione uniforme delle numerose pagine del sito. Il team si è occupato anche della progettazione, realizzazione e post-produzione degli scatti fotografici necessari per il sito.

Nella fase finale il team di sviluppo, guidato da Marco Gadotti, ha utilizzato WordPress per gestire i contenuti e, tramite il plugin Advanced Custom Field, ha personalizzato le funzionalità del CMS creando i template di pagina e i blocchi di contenuto. L’utilizzo di questo strumento ha permesso una corretta gestione del sito da parte del team, e in prospettiva, ha facilitato l’aggiornamento da parte delle segreterie del Collegio.