African
Union

Visualizing youth-data across Africa in a clean, interactive dashboard.

African Union

Overview

The Status of African Youth Report (SoAYR) tracks how AU Member States are enabling youth across employment, education, health, and governance. The goal: make cross-country data visible and usable so governments, researchers, and partners can act on evidence, not anecdotes.

Problem

The data lived in a Power BI file—hard to access, slow to share, and intimidating for non-analysts. Without a public, digestible view, the insights risked staying locked away instead of informing policy and youth programs.

Task

Translate dense dashboards into an intuitive, web-first experience that makes youth data explorable, comparable, and shareable.

Responsibilities

  • Simplify complex data into plain-language insights and visualizations
  • Define chart templates developers could populate from the backend
  • Design a navigation model that keeps users oriented across regions and pillars
  • Stay on-brand for the AU while modernizing the look and feel
  • Create exportable, print-friendly views for policymakers and partners

Solution

User flow: The experience starts with five AU regions. Users select a region, choose a country, and then explore four pillars with clear labels and color cues. Sharing and PDF export are available from the same view to keep insight-to-action fast. Youth Development Index (YDI) is surfaced alongside pillar scores so trends are visible in context.

Abbreviations and Keywords:

  • YDI - Youth Development Index
  • DD 1 - Employment and Entrepreneurship (Pillar 1)
  • DD 2 - Education and Skill Development (Pillar 2)
  • DD 3 - Health and Well-Being (Pillar 3)
  • DD 4 - Right, Governance and Empowerment (Pillar 4)
User Flow

Wireframe

Low-fidelity screens aligned with the AU team on core scenarios: select region → pick country → scan pillar summaries → dive into indicators → export. This kept scope tight before investing in visual polish.

Wireframe

Landing page

Designed two hero directions: a calm, chart-led entry and a motion-led map that spotlights random countries. The team chose the chart-led option for immediate clarity.

Landing Page 1 Landing Page 2

Selecting Region and Country

Region-first navigation keeps the map approachable. Hover states preview countries, and selecting a country loads its data without reorienting the user.

Dashboard Design

Dashboard layout prioritizes orientation: region and country controls stay fixed, pillars sit at the top, and cards use consistent color coding for quick scanning. Visuals are tuned for readability and export.

Dashboard 1 Dashboard 2 Dashboard 3 Dashboard 4

Downloadable File

For every indicator (e.g., “Rate of Child Labour”), users can export a clean PDF with the same visual language as the dashboard, making it easy to cite and share.

Downloadable PDF

Conclusion

The engagement turned dense Power BI outputs into a public-facing, on-brand data experience. Quick usability tests guided key tweaks—like adding search and spelling out pillar names—to reduce cognitive load before handoff to development.

Key Performance Test

  • Ease of Navigation: 18/23 found the flow straightforward; feedback led to adding a dashboard search.
  • Intuitiveness: 17/23 understood the journey on first use; expanding pillar labels (DD1–DD4) reduced confusion.
  • Usefulness: 20/23 said the presentation made the data actionable; exports were especially valued.
  • Aesthetics: All 23 praised the clean, AU-aligned look that still felt modern.

View prototype here and visit African Union Site here

Let’s turn your next idea into an experience.

Tell me what you’re imagining and I’ll reply with how we can make it real

Now Booking Collaborations