UNFPA Equity 2030 — Sito Campagna Globale.
Sfida
UNFPA aveva bisogno di un sito di campagna multipagina per la sua iniziativa Equity 2030 che potesse essere rilasciato velocemente, eseguire animazioni guidate dallo scroll senza il peso di un framework JS, e permettere al team di creare nuove varianti di paese e pagina senza ricostruire da zero.
Approccio
L'ho costruito come architettura statica multipagina HTML/SCSS compilata con Webpack e un orchestratore bash, usando moduli ES6 vanilla — niente Vue, niente React. GSAP con ScrollTrigger e Draggable ha gestito le animazioni, Swiper i caroselli, e script CLI personalizzati (new:page, new:country, delete:page) hanno permesso al team di creare nuove varianti con un singolo comando. Ho lavorato insieme a due sviluppatori frontend senior come parte del team di Elkanodata.
Stack
Risultato
Rilasciato il sito della campagna Equity 2030 senza overhead di framework e con un sistema di build basato su template che supportava aggiunte indipendenti di pagine e paesi.
Contributi Principali
- Architettura statica multipagina con template .html/.scss/.js per pagina
- Animazioni guidate da GSAP con i plugin ScrollTrigger e Draggable
- Layout mobile-aware con logica di breakpoint personalizzata e immagini lazy-loaded
- Utility CLI personalizzate per lo scaffolding dei contenuti (new:page, new:country, delete:page)
- Webpack 5 + Babel + pipeline di build bash personalizzata per ambienti dev/prod