UNFPA Equity 2030 — Sitio de Campaña Global.

Desafío

UNFPA necesitaba un sitio de campaña multipágina para su iniciativa Equity 2030 que pudiera lanzarse rápido, ejecutar animaciones impulsadas por scroll sin la sobrecarga de un framework JS, y permitir al equipo crear nuevas variantes de país y página sin reconstruir desde cero.

Enfoque

Lo construí como una arquitectura estática multipágina HTML/SCSS compilada con Webpack y un orquestador en bash, usando módulos ES6 vanilla — sin Vue, sin React. GSAP con ScrollTrigger y Draggable manejó las animaciones, Swiper los carruseles, y scripts CLI personalizados (new:page, new:country, delete:page) permitieron al equipo crear nuevas variantes con un solo comando. Trabajé junto a dos desarrolladores frontend senior como parte del equipo de Elkanodata.

Stack

Resultado

Se lanzó el sitio de la campaña Equity 2030 sin sobrecarga de framework y con un sistema de build basado en plantillas que soportaba adiciones independientes de páginas y países.

Contribuciones Clave

• Arquitectura estática multipágina con plantillas .html/.scss/.js por página
• Animaciones con GSAP usando los plugins ScrollTrigger y Draggable
• Layout mobile-aware con lógica de breakpoints personalizada e imágenes lazy-loaded
• Utilidades CLI personalizadas para scaffolding de contenido (new:page, new:country, delete:page)
• Webpack 5 + Babel + pipeline de build bash personalizado para entornos dev/prod