HomeWork ExperimentsAbout Me
UX Design AI Product Humanitarian Tech UNDP Somalia Active

Designing intelligence
for humanitarian operations

When data is the difference between aid reaching people or not, design has to be invisible — and the intelligence has to be immediate.

Client
UNDP Somalia
Role
Lead UX Designer
Platform
Humanity Hub
Status
Active engagement
Humanity Hub login — aerial Somalia
Humanity Hub home dashboard

One platform. All of Somalia's humanitarian data.

UNDP's data had always existed — displacement tracking, nutrition assessments, climate analysis, risk registers. Humanity Hub makes it instantly accessible through AI search, interactive maps, and structured insights — for every agency in the field.

AI Search home — What information do you need today? AI response output
🤖
AI Search & Intelligence
Ask anything in natural language. Get structured, sourced intelligence back — DTM reports, climate data, displacement figures — instantly surfaced from across UN data sources.
My Resources
📁
Resource Management
Manage and discover operational documents, research, and links — tagged, shared across agencies, and searchable.
Invite to chat collaboration
🤝
Collaboration
Invite colleagues into a shared research thread. Multiple agencies working from the same intelligence, in real time.
Strategic Insights dashboard
📊
Strategic Insights
Thematic dashboards covering Aid Flow ($2.14B committed), Climate Data, Migration, Projects Performance, and Risk — all live, all structured for decision-making.

From V1 to shipped

The first version established the core concept — AI search as the primary interface. Testing and stakeholder feedback pushed it toward something more personalised and contextually rich.

Version 1 — Initial Direction
Humanity Hub V1 — Find what matters
The concept: search-first, minimal
  • Generic headline "Find what matters."
  • Search chips as suggested queries
  • Minimal information density
  • No personalisation or context
Shipped — Final Version
Humanity Hub final — What information do you need today
After testing: personalised, contextual
  • Personalised greeting — "Hi George, what do you need today?"
  • Category filters (Reports, Training, Security)
  • Trending with view counts and doc types
  • Richer, more actionable information surface

The shift from V1 to final wasn't cosmetic — it came from testing with real UNDP users who needed to feel the platform knew their context, not just their query. Personalisation and trending content reduced the cognitive load of starting a session from scratch.

No PM. No brief. Just a problem that needed solving.

On most product teams, a PM defines the feature set. They write the brief, scope the requirements, prioritise the roadmap. The designer executes within that structure.

This project had no PM. I sat across from UNDP stakeholders and had to do both jobs simultaneously — ask the right questions to surface requirements, synthesise what I heard into a feature set, propose a product direction, and then design it.

It demanded a different kind of rigour — less about executing well and more about framing the right problem to begin with. Getting that wrong at the start means designing the wrong thing beautifully.

I got it right by staying curious longer than was comfortable, and proposing less before I understood more.

What I had to figure out
Feature set, product scope, user needs, design direction — without a PM to hand any of it to me
How I approached it
Deep stakeholder discovery with UNDP teams. Multiple direction explorations. Competitor analysis across humanitarian and AI platforms.
The discipline this required
Resisting the urge to design before understanding. The hardest thing in design is waiting until you know enough.

From discovery to shipped code

🎯
Stakeholder Discovery
Interviewed UNDP stakeholders to define features and context — no PM to rely on.
🔍
Competitor Analysis
Studied humanitarian software and AI platforms to understand patterns and set a design benchmark.
✏️
Direction Exploration
Explored multiple design directions with stakeholders. Aligned on one before going deep.
Rapid Prototyping
Used Figma Make to build interactive prototypes fast — tested with UNDP agencies and managers.
🚀
Dev Collaboration
Shipped front-end code alongside the dev team. Raised PRs. Blurred the line between design and engineering.

When the most skeptical person in the room went quiet

The feature that changed everything: promptable maps. Type a natural language question — see the answer plotted on a map of Somalia. Refugee camps, UNICEF project sites, risk zones — all accessible through a sentence.

Promptable map — IDP camps near Mogadishu with AI analysis
↳ "Show me refugee camps within 50km of Mogadishu" — 237,600 displaced persons across 7 camps plotted instantly
Promptable map — UNICEF active projects in Somalia
↳ "Show me UNICEF projects in Somalia" — 10 active programs, 492,000 beneficiaries, $13.5M budget surfaced

The interactive prototype did the work words couldn't. Seeing spatial data respond to a natural language query — in real time — changed the conversation in the room. That's when the project got its momentum.

Designed for every role, not just end users

Humanity Hub isn't just a search tool. It's a platform — with user management, organisation access controls, usage analytics, system health monitoring, and AI-generated insights about how the platform itself is being used.

The Admin Dashboard gives UNDP super admins visibility across all 214 users, 5 agencies (UNICEF, WFP, UNHCR, IOM, UNDP), and real-time search activity — including AI-surfaced signals like which agencies are most engaged and why.

Humanity Hub super admin dashboard
MapIntelligence.tsx
// Natural language → spatial query
const handlePrompt = async (query) => {
  const response = await ai.spatialQuery({
    prompt: query,
    context: 'somalia-operations',
    returnType: 'geojson'
  });
  plotOnMap(response.features);
};
// PR #47 — merged ✓
// Denis shipped this to production
Active branch · production

The designer who raises pull requests

Humanity Hub was the first project where I didn't hand off designs and wait. I shipped front-end code directly — using AI-assisted development to move at a speed that kept pace with the engineering team.

When you can raise a PR yourself, the conversation between design and engineering changes. Nuances that live in interaction details — timing, state transitions, edge cases — make it into the product because the designer is there to put them in.

It's a different kind of craft. And it made the product better.

What this project taught me

🧭

Design leadership starts before the brief

The hardest design work isn't in Figma. It's in the room with stakeholders, asking the questions that define what you're going to build. Get that wrong and no amount of craft fixes it downstream.

🗺️

The prototype is the argument

Describing a promptable map would never have worked. Showing it to skeptical stakeholders did. In complex AI products, the interactive prototype is how you earn belief from people who've been burned by demos before.

The designer-engineer boundary is a choice

When I started shipping front-end code, the quality of implementation improved. The gap between design intent and shipped product closed. That gap is where good design goes to die — and you can choose to close it.

Portfolio
More work & case studies