Back to work

FloodRun
Emergency App

Emergency Flood Evacuation for Lagos, Nigeria

Lagos experiences severe seasonal flooding that leaves millions stranded with no reliable guidance. FloodRun is a mobile app designed to help residents quickly find safe routes, locate shelters, and alert emergency contacts, all optimized for high-stress, low-bandwidth situations.

Type
Solo Project
Duration
4 Weeks
Tools
Figma
Role
UX Research  ·  UI Design  ·  Prototyping
FloodRun App

Overview

The problem with flooding in Lagos

Lagos, Nigeria faces increasingly severe urban flooding driven by heavy rainfall, rapid population growth, low-lying coastal terrain, and insufficient drainage systems. Events like the July 2024 Lekki floods caused widespread street inundation, property damage, and disrupted travel across major neighbourhoods.

Entire neighbourhoods like Amuwo-Odofin are constantly at risk. Current communication channels — social media, word-of-mouth, SMS alerts, are not optimised for high-stress, fast-moving flood situations. There is a clear need for real-time, accessible emergency UX that enables safe evacuation decisions.

Precedent Research

What exists and where it falls short

I analyzed three existing tools Lagos residents rely on during floods. Each has real strengths but leaves a critical gap: none of them guide users through what to do next in a high-stress emergency.

Tool What it does well What's missing
Google Maps Real-time traffic Road closures Familiar interface Not built for emergencies No flood-safe routing Too many options under panic
NEMA SMS Alerts Official source Broad reach Works on basic phones Text-heavy, no visuals No routing or shelter info One-way communication only
Twitter / WhatsApp Fast information spread Real-time resident updates No verification Amplifies panic & misinformation No safety action prioritization

Design Challenge

How might we design a flood emergency app that helps Lagos residents act quickly and safely — even under panic, with limited data and a dying phone battery?

User Persona & Journey Map

Designing for Tom

Tom is a 32-year-old graphic designer commuting home during heavy rainfall. Within minutes, roads begin to flood, traffic stalls, and water levels rise. He has limited mobile data and his phone battery is low. His goals are to escape the flooded area quickly, find a safe route or nearby shelter, and alert his family if he's in danger.

His emotional journey moves from hopeful alertness → curious focus → acute anxiety → relief. The design needed to support him at the most critical stage: Stage 3, where flooding worsens and time pressure peaks.

User journey map — Tom
Empathy map

Site Map & Sketches

Structuring the flow

The site map kept the structure deliberately simple: onboarding leads to a single home screen with three core actions — Find Safe Route, Send SOS, and Share Location. Each branch follows a clear linear path to resolution, minimizing decision points under stress.

Hand-drawn sketches
Site map

Wireframes

Low-fidelity before high-fidelity

Wireframing helped validate the core user flow — from language selection on onboarding through to the "You've arrived safely" confirmation screen, before committing to visual design. Key decisions included the placement of the SOS button (always visible), the shelter capacity bar, and the step-by-step navigation layout.

Wireframes

Key Design Decisions

Designing for panic

01
Colour-Coded Routes
  • Green = safe, Red = blocked — immediately readable at a glance
  • No legend needed; meaning is universally understood
  • Reduces cognitive load in high-stress moments
02
Persistent SOS Button
  • SOS is always visible regardless of which screen the user is on
  • One-tap emergency contact — no navigation required
  • Designed for one-handed, panicked use
03
Multilingual Onboarding
  • Language selection (English, Igbo, Yoruba, Hausa) before anything else
  • Removes language as a barrier in an emergency
  • Reflects the real linguistic diversity of Lagos
04
Shelter Capacity Bar
  • Visual progress bar shows available spots at a glance
  • Distance and ETA shown immediately below shelter name
  • "If you can, bring" checklist sets expectations before arrival
05
Low-Bandwidth First
  • Interface designed to function on limited mobile data
  • Critical information surfaced immediately without deep navigation
  • Minimal animation and resource load during emergency use
06
Safe Arrival Confirmation
  • Clear "You've arrived safely" end state closes the loop
  • Option to share safe status with contacts in one tap
  • Provides emotional relief and closure after a stressful journey

Final Design

The complete FloodRun experience

The final prototype covers the full emergency flow — language selection, real-time flood map with safe/blocked route colour coding, shelter finder with capacity status, turn-by-turn navigation, SOS alert, location sharing, and a safe arrival confirmation screen.

All final FloodRun screens

Reflection

What this project taught me

FloodRun pushed me to think about design in genuinely high-stakes contexts, where poor decisions aren't just frustrating, they could be dangerous. The strongest part of the work was the clarity of the user flow: from home screen to safe route to shelter to arrival, each screen serves one purpose and guides the user forward without asking them to think.

With more time, I would refine edge cases — what happens when no safe routes are available, or shelters reach capacity and conduct usability testing with users who speak Igbo, Yoruba, or Hausa to verify the multilingual experience holds up under pressure.

01
Clarity Over Completeness
In emergency design, less is more. Removing options and simplifying decisions is the work. Every screen should answer one question: what does the user need to do right now?
02
Context Shapes Constraints
Designing for Lagos meant designing for limited data, multilingual users, and one-handed phone use in the rain. Real-world constraints produced better design decisions than abstract guidelines.
03
Research Grounds Empathy
Reading about the 2024 Lekki floods and studying NEMA's response gaps made the problem real. Research transformed a design exercise into something that felt meaningful and urgent.
Next Project
Uni.Verse