Project Snapshot

CloudCity

Emergency Response Admin Panel

A responsive operations dashboard with role-based access so teams can triage incidents, assign work orders, and track resolution status in real time.

  • Role UI/UX Designer
  • Timeline 1 month
  • Platform Web admin panel
  • Responsibilities UX research, user flows, wireframes, UI design, prototyping
  • Tools Figma, Photoshop, InDesign

Operational Control for City Incidents

CloudCity is designed for response teams, not end users. It centralizes incident intake from the public app and gives admins a clear, auditable workflow to resolve issues quickly.

CloudCity overview in light theme CloudCity overview in dark theme
Light
Dark

Challenge

Design a dashboard that supports three user roles with different permissions, while keeping incident triage, assignment, and resolution fast and consistent.

Goals

  • Real-time visibility into incoming incidents
  • Clear status lifecycle (open, urgent, in progress, pending, resolved)
  • Quick assignment and escalation workflows
  • Audit-friendly logs and activity history

Admin-First Workflow Design

Discover

Operational Needs

Define what admins, supervisors, and operators need to see first to triage incidents fast.

Define

Roles & Permissions

Map access levels for device management, user control, assignments, and reporting.

Design

Dashboard UI

Build modular tables, filters, and status badges for fast scanning and action.

UI Decisions

A reusable component system ensured the UI stayed scalable as new features were added.

CloudCity UI decision system overview

Accessibility & Responsiveness

Accessibility considerations

  • High-contrast status badges and readable table typography
  • Consistent layout patterns for fast scanning
  • Structured headings for clear navigation in dense views

Responsiveness

  • Responsive tables with stacked details on smaller screens
  • Flexible grids and media that scale down without breaking layout
CloudCity accessibility overview

Results

What Improved

  • Clear triage workflow across roles
  • Faster assignment and status updates
  • Better visibility into incident history and activity

Next Steps

  • Validate with admin teams across role types
  • Refine escalation rules and SLA indicators
  • Expand analytics for trends and response time

Want more details?

I can share the Figma file and walk you through the admin workflows.

Get in Touch