NABA – Nuova Accademia delle Belle Arti di Milano

Il Progetto e la Sfida P+ARTS è un ambizioso progetto che unisce le eccellenze accademiche italiane nel campo della ricerca artistica, della tecnologia e della sostenibilità (capeggiate da NABA). Sviluppato per conto dell’agenzia Punctum.studio, che ne ha curato la direzione artistica e il design, la mia sfida come sviluppatore è stata duplice: da un lato, restituire un’interfaccia utente fluida e perfettamente fedele al design fornito; dall’altro, architettare un sistema di gestione dei contenuti (CMS) in grado di reggere una complessità relazionale molto elevata.

Frontend: Navigazione immersiva e transizioni SPA Per rispettare l’impatto visivo e l’eleganza del design firmato Punctum.studio, ho adottato un approccio ibrido per il frontend. Integrando Swup.js, ho trasformato l’esperienza di navigazione classica di WordPress in quella di una Single Page Application (SPA), azzerando i tempi di ricaricamento delle pagine e offrendo una transizione fluida tra le sezioni. A questo ho combinato GSAP (GreenSock), curando nel minimo dettaglio le micro-interazioni e le animazioni di ingresso, garantendo un feeling moderno, accademico e al tempo stesso dinamico.

Backend: Un Ecosistema Relazionale Complesso Il vero cuore tecnico del progetto risiede nel motore backend sviluppato su WordPress. P+ARTS è un ecosistema che coinvolge 10 prestigiosi partner accademici, e il portale doveva riflettere questa rete. Ho ingegnerizzato un database fortemente relazionale tramite Custom Post Types e tassonomie avanzate, creando un sistema di associazione dinamico in cui:

• Ogni “Partner/Scuola” è un hub connesso a molteplici entità.
• Post, News, Attività, Eventi e video della “P+ARTS TV” sono cross-linkati in modo intelligente. Quando un utente visita la pagina di una specifica università, il sistema recupera e filtra in tempo reale tutti i contenuti (testuali, video, eventi) associati a quell’istituto.

Filtri Avanzati e Aree Riservate Per gestire la mole di contenuti scientifici e artistici, ho implementato un sistema di filtri avanzati asincroni, permettendo agli utenti di incrociare i dati per scuola, tipologia di attività o formato multimediale senza mai ricaricare la pagina. Inoltre, per rispondere alle esigenze operative dei partner, ho sviluppato un sistema di Aree Download personali: ogni università coinvolta nel progetto ha accesso a una propria dashboard riservata e personalizzata, da cui può scaricare materiale e documentazione specifica in modo sicuro e segmentato.

Il Risultato Il portale di P+ARTS è oggi il collettore digitale ufficiale del progetto europeo. Unisce la bellezza e il rigore visivo ideati da Punctum.studio con un’infrastruttura di sviluppo solida, capace di gestire e filtrare migliaia di connessioni logiche tra accademie, autori, video e ricerche scientifiche, senza mai rinunciare alle performance e alla fluidità.