Magma Fest/
Progettazione e sviluppo di un ecosistema WordPress completamente personalizzato per Magma Fest, festival internazionale che si tiene ogni anno a Matera e organizzato dal Consorzio Materahub. Il progetto combina identità visiva, animazioni e interazioni avanzate con strumenti editoriali dedicati alla gestione del programma, delle call, degli eventi e delle richieste di partecipazione.
Magma Fest aveva bisogno di un sito capace di essere qualcosa di più di una semplice vetrina del festival.
L'obiettivo era costruire un'esperienza digitale coerente con un'identità visiva fortemente sperimentale e, allo stesso tempo, offrire al team strumenti semplici per gestire autonomamente edizioni, programma, location, partner, call e modalità di partecipazione agli eventi.
Una delle sfide principali è stata trovare un equilibrio tra una forte componente visuale - animazioni, transizioni e interazioni legate allo scrolling - e la necessità di mantenere il sito veloce, leggibile e utilizzabile su dispositivi differenti.
Il progetto doveva inoltre gestire situazioni diverse: eventi aperti al pubblico, appuntamenti accessibili esclusivamente su invito e call alle quali gli utenti potessero candidarsi direttamente attraverso il sito.
Ho sviluppato un tema WordPress custom e un plugin core dedicato che trasformano WordPress nel sistema di gestione del festival.
Il front-end è stato ideato e costruito con il prezioso supporto del graphic designer del Consorzio, legato all'identità di Magma Fest, con l'idea di visual utilizzando grandi elementi tipografici, colori dinamici, movimento e animazioni che accompagnano la navigazione senza diventare semplici elementi decorativi.
Particolare attenzione è stata riservata ai meccanismi di partecipazione. Le call possono essere pubblicate con deadline, organizzazioni promotrici, location e informazioni specifiche, mentre gli eventi possono essere configurati come aperti oppure chiusi al pubblico.
Parallelamente ho realizzato un back-end personalizzato che permette al team di gestire le diverse edizioni del festival, il programma, gli eventi, le location, i partner e le call attraverso strutture editoriali dedicate.
Nel caso degli eventi su invito, il visitatore può inviare direttamente dal sito una richiesta di partecipazione. Le richieste vengono raccolte nel backend di WordPress e possono essere gestite dall'organizzazione senza ricorrere a piattaforme esterne.
- Tema WordPress completamente custom
- Plugin core dedicato alla gestione delle funzionalità del festival
- Gestione di più edizioni di Magma Fest
- Programma del festival organizzato per giorni e fasce orarie
- Eventi configurabili come aperti o accessibili esclusivamente su invito
- Sistema per l'invio delle richieste di partecipazione agli eventi chiusi
- Area backend dedicata alla gestione delle richieste di invito
- Gestione delle call con deadline, descrizione, organizzazioni promotrici e location
- Possibilità di partecipare alle call direttamente attraverso il sito
- Popup dedicati alle call attive
- Archivio e pagine singole delle call
- Gestione di partner e sponsor suddivisi per tipologia
- Gestione delle location associate alle edizioni e agli eventi
- Timeline animata del programma
- Animazioni e microinterazioni basate sullo scroll
- Hero dinamica con elementi tipografici e cromatici animati
- Sezione video con trasformazioni progressive durante lo scrolling
- Gallery interattiva con immagini attivate dal movimento del cursore
- Menu e navigazione responsive personalizzati
- Gestione multilingua
- Backend progettato per permettere al team di aggiornare i contenuti senza intervenire sul codice
Il progetto è stato sviluppato seguendo un approccio modulare: il tema gestisce presentazione, layout, animazioni e comportamento dell'interfaccia, mentre le funzionalità specifiche del festival sono concentrate nel plugin core.
Questa separazione permette di mantenere il codice più ordinato e rende le funzioni principali indipendenti dalla componente puramente grafica.
Per le animazioni ho privilegiato JavaScript e CSS custom, evitando di affidare l'esperienza del sito a page builder o a una lunga catena di plugin di terze parti.
Il movimento è stato utilizzato come parte del linguaggio visivo del festival: elementi che cambiano durante lo scrolling, timeline che si costruiscono progressivamente, immagini che reagiscono al cursore e transizioni che accompagnano il visitatore attraverso le diverse sezioni.
Lo sviluppo è stato realizzato soprattutto attraverso workflow di AI-assisted coding, utilizzando l'intelligenza artificiale come supporto nella prototipazione, nel debugging e nell'iterazione delle funzionalità, mantenendo però controllo diretto sull'architettura, sull'interfaccia e sul comportamento finale del codice.
Il risultato è una piattaforma che unisce comunicazione e gestione operativa del festival.
Magmafest.it non si limita a raccontare programma e identità dell'evento: consente al pubblico di interagire direttamente con il festival, candidandosi alle call o richiedendo l'accesso agli appuntamenti riservati.
Per il team, WordPress è diventato uno strumento editoriale costruito intorno alle esigenze reali dell'organizzazione, permettendo di gestire autonomamente contenuti e modalità di partecipazione senza modificare il codice del sito.
Dal punto di vista visivo, animazioni e interazioni contribuiscono a trasferire online il carattere sperimentale di Magma Fest, mantenendo allo stesso tempo una struttura flessibile che può essere riutilizzata e adattata alle future edizioni.
Una parte importante del progetto ha riguardato il movimento.
L’obiettivo era quello di utilizzare l’animazione per costruire ritmo e accompagnare la scoperta dei contenuti. La timeline del programma prende forma durante lo scrolling, il video cambia progressivamente dimensione, alcuni elementi tipografici modificano posizione e presenza nello spazio e la gallery reagisce al movimento del cursore.
Ogni interazione è stata pensata come parte dell’identità del festival, cercando di mantenere un equilibrio tra sperimentazione e usabilità.
Da visitatori a partecipanti
Un secondo elemento centrale è stato trasformare il sito da semplice strumento informativo a punto di accesso alle attività di Magma Fest.
Le call dispongono di pagine dedicate e possono essere promosse attraverso popup e sezioni della homepage. Gli utenti possono consultare informazioni, scadenze e modalità di partecipazione e avviare il percorso previsto dall’organizzazione.
Lo stesso principio è stato applicato agli eventi riservati: quando un appuntamento non è aperto liberamente al pubblico, il sito permette di inviare una richiesta di invito.
In questo modo la piattaforma diventa parte del processo organizzativo del festival e non soltanto il luogo nel quale viene pubblicato il programma.