AI Hub for Sustainable Development

The original AI Hub was a long-scroll marketing page disguised as a platform. Key programs, partner networks, and resources were buried under image carousels and dense paragraphs. Without a clear hierarchy, a visitor landing on the homepage couldn't tell what the AI Hub does within 10 seconds.

The screenshots below show the before state. The redesign started from a simple question: what are the five things a visitor needs to find, and how fast can we surface them?

Old Home Landing page

Old Gorernance Structure page

I restructured the platform around five clear pillars (Data, Green Compute, Talent, Trust, Financing) and gave each one visual weight on the homepage. The hero is a single sentence, not a paragraph. Key metrics (1,000+ innovators, 1.5M GPU hours, USD 3M+ in compute credits) are surfaced immediately, since those numbers are the story for stakeholders.

The information architecture moved from a flat, scroll-heavy layout to a structured hierarchy: programmes, initiatives, and individual projects, each with its own template.

Refactored Landing Architecture

Structured Program Matrix

Like the INFF project, sustainability and maintainability were non-negotiable, meaning UNDP teams had to be able to update content without developer involvement. I built the entire platform in Webflow with custom code extensions for search, filtering, and dynamic page rendering.

The CMS structure mirrors the information architecture: each programme, event, and news item follows a consistent template. Custom JavaScript handles the interactive elements that Webflow can't do natively.

Dynamic Governance Index

Centralized Media Repository