Ministero dell'Università e della Ricerca

Crediti

Coordinamento, Design e Sviluppo

Il nuovo portale istituzionale dell'Accademia Albertina di Belle Arti di Torino è stato realizzato interamente dall'Istituzione, senza l'impiego di risorse esterne per la progettazione e lo sviluppo (ad eccezione dei servizi di hosting e delle tecnologie utilizzate). Avviato nel marzo 2022 con l'attivazione del WORKSHOP-TIROCINIO www.albertina.academy, il progetto prosegue con l'obiettivo di migliorare e ottimizzare costantemente il sito web.

La direzione e il coordinamento del progetto sono stati affidati al Prof. Gerardo De Pasquale, docente di Web Design, Metodologia della Progettazione, Applicazioni Digitali per le Arti Visive e Coordinatore della Scuola di Progettazione Artistica per l'Impresa.

Il responsabile dello sviluppo back-end e front-end è Angelo Cicchiello, già Cultore della Materia di Web Design nell'A.A. 2023/2024.

La direzione artistica, la ricerca UX e la prototipazione UI sono state curate da Federico Rosa, già Cultore della Materia di Metodologia della Progettazione nell'A.A. 2023/2024.

Le fasi del progetto

Manifesto
Il workshop “www.albertina.academy” è nato con l’obiettivo di ricostruire il sito istituzionale dell’Accademia Albertina di Belle Arti di Torino. Il nuovo sito è stato ripensato e progettato dalle fondamenta, nel pieno rispetto delle linee guida per i siti web della Pubblica Amministrazione rilasciate da Designers Italia e tenendo conto delle esigenze di tutti gli utenti coinvolti, riflettendo così l’essenza della nostra Accademia.

Il gruppo di lavoro del Workshop | Tirocinio è stato suddiviso in cinque team: Sviluppo, Ricerca e Analisi, Design, Foto e Video, e Redazione. Ciascun team si è concentrato su aree diverse della progettazione, mantenendo però una costante comunicazione e collaborazione.

A partire dall'ascolto di tutti i soggetti coinvolti nell'utilizzo del sito e grazie a una fase di analisi tecnica approfondita, il gruppo ha lavorato per identificare le principali criticità. L'obiettivo era quello di ristabilire, attraverso la revisione e l'arricchimento dei contenuti esistenti, insieme alla creazione di nuovi, il valore culturale che l'Accademia Albertina è chiamata a trasmettere.

 

UX Research
La fase di UX Research ha rappresentato il punto di partenza del progetto e ci ha permesso di comprendere a fondo le esigenze degli utenti. Attraverso un’analisi approfondita degli obiettivi, abbiamo definito con chiarezza gli scopi del sito e le necessità specifiche dell’Accademia.

Sono state condotte interviste dirette con studenti, docenti e visitatori del sito, raccogliendo feedback preziosi per orientare il design. Abbiamo inoltre studiato i siti di altre accademie e istituzioni culturali, individuando best practice e opportunità di miglioramento. Per sintetizzare i dati raccolti, abbiamo creato personas che rappresentano i principali profili degli utenti e tracciato i loro percorsi ideali sul sito (user journey mapping), identificando punti critici e soluzioni per ottimizzare l’esperienza di navigazione.


Prototipazione UI

Completata la fase di ricerca, abbiamo tradotto le informazioni raccolte in prototipi visivi che definiscono l’organizzazione dei contenuti e l’aspetto estetico del sito.

Abbiamo iniziato con la creazione di wireframe a bassa fedeltà, delineando la struttura delle pagine principali. Successivamente, è stato sviluppato un design system che garantisce coerenza visiva, includendo una palette colori, tipografia e stili per pulsanti ed elementi grafici. I mockup ad alta fedeltà hanno fornito una visione dettagliata del sito finale, mentre il processo iterativo ci ha consentito di migliorare continuamente i prototipi grazie ai feedback ricevuti durante le sessioni di revisione interna.


Sviluppo

La fase di sviluppo ha portato alla creazione di un sito altamente personalizzato, progettato per rispondere alle esigenze specifiche dei diversi tipi di utenti che interagiscono con la piattaforma. Il sito offre contenuti differenziati in base ai ruoli degli utenti, garantendo un'esperienza mirata e pertinente per studenti, docenti e personale amministrativo.

Attività principali:

  • Personalizzazione avanzata delle pagine: il sito è stato realizzato utilizzando HTML, CSS, JavaScript e PHP, con un'integrazione strategica di Breakdance Builder per ottimizzare le pagine e gestire contenuti dinamici.

  • Guide all'uso del CMS: sono state sviluppate guide dettagliate per supportare il personale amministrativo ed il corpo docente nell'utilizzo del sistema di gestione dei contenuti.

  • Implementazione del sistema mailing SMTP: configurazione di un sistema di posta sicuro ed efficiente per la gestione delle comunicazioni.

  • Sviluppo di form e sistemi di prenotazione: creazione di moduli avanzati per la segreteria, l'iscrizione ai corsi, la prenotazione degli esami e l'upload delle tesi, tutto gestito internamente.

  • Accessibilità: implementazione di soluzioni specifiche per garantire che il sito sia accessibile a tutti gli utenti, incluse le persone con disabilità, mediante l'inserimento di aria-label e l'applicativo di sistemi che consentono l'utilizzo di keyboard e sistemi adattivi.

  • Ottimizzazione delle performance: miglioramento della velocità di caricamento e delle prestazioni complessive del sito.

  • Sicurezza avanzata: dato l'elevato carico di dati sensibili che gestisce il sito, molto tempo è stato dedicato a rendere sicura la piattaforma. Si accede al sito con la sola email istituzionale (non è possibile registrarsi con altre email), vi è una verifica OTP e qualsiasi tentato accesso da bot/spammer viene tempestivamente bloccato da un sistema di sicurezza sempre operativo, con delle condizioni di lookout e blacklist.

  • Backup a tre livelli: il sito, ogni giorno ed in automatico, ottiene una copia di backup in cloud, in locale e su server.

Questa fase ha richiesto elevate competenze tecniche, in particolare nell'uso di JavaScript, PHP e CSS per garantire che tutte le funzionalità fossero sviluppate internamente e in modo completamente personalizzato.

 

Beta Testing
Come ultima fase, il sito è stato sottoposto a una rigorosa attività di Beta Testing per garantire la massima qualità prima del lancio ufficiale.

Abbiamo coinvolto utenti reali per effettuare test di usabilità, raccogliendo feedback diretti sulle loro esperienze. Eventuali bug o problemi tecnici sono stati rapidamente identificati e corretti. Il sito è stato testato su una vasta gamma di dispositivi e browser per verificarne la compatibilità, e le prestazioni sono state ottimizzate per garantire tempi di caricamento rapidi. La revisione finale dei contenuti ha assicurato che testi, immagini e altri elementi fossero corretti e pronti per il pubblico.

Questa fase prosegue nei mesi successivi al lancio e, con gli strumenti di analitica affiancati, consente l'ottimizzazione di ogni aspetto che, in un contesto di piena operatività, può aver presentato dei problemi e/o la necessità di essere rivisto e migliorato.

Colophon

Coordinamento Prof. Gerardo De Pasquale
Sviluppo back-end e front-end Angelo Cicchiello 
Design e sviluppo front-end Federico Rosa 

WORKSHOP-TIROCINIO
www.albertina.academy

Federico Rosa
Team Manager Design & Ricerca

Angelo Cicchiello
Team Manager Sviluppo

Alessandra Ragona
Ricerca & Analisi, Design

Salma Hilmi
Ricerca & Analisi, Design, Sviluppo (supporto)

Dragana Ilievska
Ricerca & Analisi, Design, Sviluppo (supporto)

Elena Cecilia Aragno
Sviluppo (supporto)

Michela D'Urso
Ricerca & Analisi, Design

Sara Obialero
Ricerca & Analisi

Gabriele Perlo
Ricerca & Analisi

Andrea Lovera
Virtual Tour

Hanno contribuito
Giorgia Alloisio
Federica Scalzi
Fabio Carraro

Indice

C'è un problema? Segnalacelo!

Il nuovo sito è in fase di beta-testing, per questo motivo potrebbero esserci degli errori. Puoi eventualmente segnalarceli o indicarci miglioramenti di funzionalità.