INFF

The UNDP needed a platform that 80+ country offices could update independently, without relying on developers, IT tickets, or risking brand consistency. I chose Webflow as the CMS layer specifically because it gives non-technical regional staff full content control while enforcing structural guardrails.

The architecture includes modular page templates, a locked design system, and a content model structured around country-level data. Staff in Nairobi update their country page the same way staff in Mexico City do.

Global Platform Landing - Hero

Mega Menu

Webflow's native tools can't handle interactive data maps or complex filtering across hundreds of country records. Rather than switching to a heavier stack, I wrote custom JavaScript to extend the CMS, implementing real-time search, dynamic SVG map rendering, and client-side filtering that queries the collection data instantly.

The result is a platform that behaves like a custom web app but is maintained through Webflow's visual editor. No backend to manage, no deploy pipeline.

Interactive World Map

Report Landing Page

A UNDP platform must meet WCAG 2.1 AA standards and strict institutional brand guidelines. Since these standards are non-negotiable, I built a Webflow component library with locked styles: consistent heading scales, compliant contrast ratios, and a systematic class naming convention (BEM) so that any future editor inherits the rules automatically.

The system is designed to stay consistent even when managed by non-technical authors across different regions.

Accessible Report Framework

News Template Page

News & Events Page