UNFPA Equity 2030 — Global Campaign Site.

Challenge

UNFPA needed a multi-page campaign site for its Equity 2030 initiative that could ship fast, run scroll-driven animations without the overhead of a JS framework, and let the team spin up new country and page variants without rebuilding from scratch.

Approach

I built it as a static HTML/SCSS multi-page architecture compiled with Webpack and a bash orchestrator, using vanilla ES6 modules — no Vue, no React. GSAP with ScrollTrigger and Draggable handled animations, Swiper drove carousels, and custom CLI scripts (new:page, new:country, delete:page) let the team scaffold new variants in one command. I worked alongside two senior frontend developers as part of the Elkanodata team.

Stack

Outcome

Shipped the Equity 2030 campaign site with no framework overhead and a templated build system that supported independent page and country additions.

Key Contributions

• Static multi-page architecture with templated .html/.scss/.js per page
• GSAP-driven animations with ScrollTrigger and Draggable plugins
• Mobile-aware layout with custom breakpoint logic and lazy-loaded imagery
• Custom CLI utilities for content scaffolding (new:page, new:country, delete:page)
• Webpack 5 + Babel + custom bash build pipeline for dev/prod environments