RAPIDA UI

Map Home

A living map of the crisis zone — community-built. The default screen after onboarding. Shows all submitted reports as damage-colored pins.

View live: /

Organisms Used

  • x-organisms.navigation-header — Sticky top bar with nav, language, Safe Exit
  • x-organisms.map-organism — Full-height map with damage pins and legend
  • x-organisms.community-report-feed — Bottom sheet with recent reports
  • x-atoms.button — Floating "Report Damage" CTA

Preview — Map with floating button

Damage Level

Minimal
Partial
Complete

Preview — Community report feed (bottom sheet)

Online
Partial
road Synced

14 Elm St

Ahmed K.
Complete
bridge Synced

Al-Nahr Bridge

Fatima R.

Trauma-Informed Design Notes

  • Map fills the viewport — the crisis zone is always visible, grounding the user in place.
  • "Report Damage" button floats above the map with clear contrast and shadow for affordance.
  • Community Report Feed builds trust — others have reported successfully.
  • Navigation header includes Safe Exit button for users who need to leave quickly.
  • No login wall between the user and the action of reporting.