AI-Assisted Urban Operations Platform

CityPulse

When a city breaks down, operators have minutes — not hours. CityPulse turns fragmented traffic systems into one operational view that detects incidents, predicts their impact, and coordinates the response.

01Real-Time Detection 02Predictive Impact 03Coordinated Response 04Operational Clarity
Role
UX/UI Design
Scope
Research · UX Strategy · IA · Dashboard Design
Timeline
6 Weeks
Tools
Figma · FigJam · Figma Make
Users
Municipal traffic operators & emergency teams
CityPulse operational dashboard — multi-vehicle collision in progress
01 / 08
The Problem

Every system tells part of the story. No system shows the whole picture.

Modern city operators rely on multiple disconnected systems to monitor traffic, infrastructure, public events, and emergencies. Critical information is scattered across dashboards — forcing operators to switch tools, manually connect data points, and make high-stakes decisions under pressure.

Who this is for

Built for the person who has to answer first

Municipal traffic operators carry the shift — they are watching when it starts. Emergency response teams inherit whatever the operator did or did not catch, minutes later and with less context. Both need the same thing at the same moment: one view of what is happening, and what to do about it.

Daniel Yanshoof at a traffic operations workstation
Primary User
“By the time I understand what’s happening, the city is already stuck.”
Daniel YanshoofTraffic Operations Manager | Metropolitan Municipality
Five disconnected monitoring systems — traffic, infrastructure alerts, CCTV, weather, and public events — all converging on a single overwhelmed operator
FIG.00Five systems, one operator. Each feed answers a different question, and none of them answers the one that matters.
Night congestion in the rain
Congestion · Night
Multi-level interchange
Interchange · Scale
Four-camera CCTV grid
CCTV · Fragmented
City street network map with congested arteries
Network · Load
Too Many Systems

Tools that don't communicate with each other.

Scattered Information

Critical data spread across screens and dashboards.

Delayed Awareness

Events detected late because visibility is fragmented.

Slow Response

Time lost understanding the situation before acting.

Bigger Impact

Every delay compounds disruption across the city.

“Operators don't need more data.
They need operational clarity.”
The insight that shaped every design decision
02 / 08
Research

Three insights from studying operator workflows

I analyzed operator workflows, traffic-management processes, and emergency-response scenarios to identify where the real operational friction lives.

01

Fragmented Operations

Operators rely on multiple disconnected tools to understand a single incident — slowing decisions and multiplying context switching.

02

Reactive Monitoring

Disruptions spread across city zones faster than operators can manually detect, assess, and coordinate a response.

03

Information Overload

Platforms surface enormous amounts of data but give almost no guidance on what should happen next.

03 / 08
Process

Structure before pixels: three iterations

Every element was placed intentionally — to support operator workflows, reduce cognitive load, and speed up decisions during critical incidents.

MonitoringInvestigationDecision
Iteration 01 wireframe — monitoring dashboard
FIG.01Monitoring wireframe. Sidebar, smart alerts, schematic map, and a bottom band of events, traffic impact and affected roads.
Iteration 01 · Monitoring Dashboard — Information Collection

Watching everything, prioritizing nothing

  • The map naturally became the primary workspace.
  • Too many information blocks competed for attention.
  • Critical actions were not immediately visible.
Iteration 02 wireframe — traffic ops investigation workspace
FIG.02Investigation wireframe. Incident overview with independent source reports — police, sensor, operator, dispatch — and emergency-service impact.
Iteration 02 · Investigation Workspace — Incident Analysis

Going deep on a single incident

  • Investigation workflows became easier to follow.
  • Context felt more connected to the incident.
  • Operators still needed clearer prioritization and guidance.
Iteration 03 — final incident workspace in full colour
FIG.03Resolved direction. Severity indicators, traffic impact at 85%, and a single primary action — open the incident workspace.
Iteration 03 · Final — Decision-Making & Action

Monitoring, verification, and response in one workspace

  • Stronger information hierarchy and visual priority.
  • Clear separation between monitoring and response.
  • Faster access to critical decisions and actions.
  • Improved visibility of incident impact and escalation.

Structural explorations along the way

Five low-fidelity studies of the control-centre layout — each testing a different operational moment.

Main dashboard study
AMain dashboard — map with shaded affected zone.
Camera feed study
BSix camera feeds, 08:47–09:15 timeline.
Congestion prediction study
CCongestion spread prediction across six windows.
Response coordination study
DResponse coordination — seven teams, dispatch.
Live response monitoring study
ELive monitoring — predicted vs. actual, 38% gain.
04 / 08
Key Decisions

Six layout decisions that shaped the experience

01

Smart alerts on the left

Alerts stay visible at all times, so operators spot new incidents without leaving the workspace.

Always-on awareness
02

Incident context below alerts

Details directly beneath alerts create a natural flow from detection to understanding.

Context in one glance
03

Map at the center

Incident management is fundamentally spatial — so the map is the primary workspace.

See first, decide faster
Annotated dashboard showing the six layout decisions
FIG.04The six decisions, mapped. Smart alerts, incident details, the central map, the KPI strip, traffic impact, and assigned units — each region annotated on the live workspace.
04

Top KPI strip

Critical metrics grouped in a single scan line for instant situational awareness.

Scan in seconds
05

Actions & operations together

Quick actions, assigned units, and activity logs grouped to support response workflows.

Act without distraction
06

Impact analysis near the incident

Impact metrics stay close to the map so consequences connect immediately with location.

Understand the impact
Severity Level
1 · Critical
Estimated Delay
+47 min
Detected
08:47
Vehicles Affected
12,450
Est. Clearance
10:30
Risk Spread
Expanding NB

↑ The top KPI strip: everything an operator needs to grasp the situation, in one scan line.

05 / 08
The Solution

One workspace, from detection to recovery

CityPulse identifies abnormal traffic behavior, verifies it across independent sources, predicts escalation, and coordinates the response — in a single operational view.

How an incident gets verified — four sources, five minutes

AI DETECTION08:47

Abnormal traffic slowdown detected.

Traffic AI System
ROAD USER08:47

Multiple vehicles crashed in middle lane. Traffic fully stopped.

Mobile App Report
SENSOR08:47

Speed dropped from 95 km/h to 8 km/h.

Sensor AYL-NB-45
POLICE08:52

4 vehicles and 1 truck confirmed. Heavy damage on scene.

Unit 12
La Guardia Interchange Begin Rd
FIG.05Detection perimeter. The incident halo separates vehicles trapped inside from traffic still approaching — the first thing an operator needs to see.
Incident response workspace
FIG.06Incident Response Workspace. Ranked AI recommendations, the four-step verification flow, and live surveillance — the whole response in one screen.
Congestion spread heatmap
FIG.07Predicted Spread. A heat map projecting congestion across eight affected zones, so disruption is anticipated instead of discovered.
Operational coordination map with emergency routes
FIG.08Coordinated Response. Emergency lanes in red, diversions in blue, and a single deploy action that dispatches every team at once.
Recovery state — stabilizing, 68 percent recovered
FIG.09Recovery. The interface turns green as the city stabilises — 68% recovered, alerts resolved. Closure is as legible as the crisis.
06 / 08
Predictive Planning

Planning ahead: predicting event impact

For high-impact city events — a concert, a marathon, a storm, a power outage — CityPulse forecasts congestion, flags infrastructure risk, and recommends action before disruption spreads.

Event traffic forecast for a 45,000-attendee concert
FIG.10Before the event. A 45,000-attendee concert at the national stadium — neon load rings, public transport at 120% of capacity.
Failed signal cascade view
FIG.11When it fails. A failed signal traced through a four-step incident chain — 42% camera coverage loss, cascade risk high.
07 / 08
Design System

Calm under pressure

A dark, low-glare interface built for 24/7 control rooms. Color is reserved for meaning — severity, status, and action — so nothing competes with a critical alert.

Semantic Color

Primary#7B61FF
Critical#FF4D6D
Warning#FF9F43
Success#22C55E
Info#3B82F6
Background#070B17
Surface#0D1324
Border#1F2632
Text#F5F7FA
Text 2nd#9CA3AF

Typography — Inter

Heading 01
32 · Bold
Heading 02
24 · SemiBold
Body Large
16 · Regular
Body Small
14 · Regular
Caption
12 · Regular

Weights 300–700 · Icons: Lucide — Alert · Car · Chart · Map · Users · Bell · CPU · Building

P·01

Clarity First

Essential data at the forefront. No clutter.

P·02

Reduce Cognitive Load

Group related info. Hierarchy guides focus.

P·03

Support Decisions

Show implications. Help teams act with confidence.

P·04

Contextual Awareness

Show relationships. Connect cause to effect.

P·05

Action-Oriented

Every view drives action. Clear next steps.

Component anatomy

The workspace is assembled from a small set of components that reappear across every screen. Three groups carry the load: alerting, impact, and response.

Smart alerts panel — three ranked incidents
Critical incident badge from the top bar Severity level tile — 1 Critical
GROUP 01 · ALERTING

One incident, three surfaces

A signal failure at HaShalom Interchange surfaces simultaneously in the top bar, the KPI strip, and the alert rail. Same event, three levels of depth — the operator chooses how far to look.

SMART ALERTS PANEL

Ranked, never dismissed

Incidents ordered by severity with a coloured left edge and a status pill. Critical, high, moderate — the hierarchy is readable peripherally, so a new alert registers without stealing focus from the map.

BADGE & SEVERITY TILE

The persistent count

The badge is a standing answer to "is anything wrong right now"; the tile turns that into a severity an operator can act on. Both use red for one meaning only — critical — so the colour never dilutes.

Impact readout cluster — traffic impact gauge and public transport impact
GROUP 02 · IMPACT

Consequence, not just status

An 85% traffic-impact arc, 12,450 affected vehicles, and 18 affected bus lines. The cluster answers the question that follows detection — how bad is this going to get — before the operator has to ask it.

ESTIMATED DELAY · RISK SPREAD

Two numbers that drive escalation

Delay and spread direction sit above the detail panels because they decide whether this stays a local incident or becomes a city-wide one.

Operations cluster — quick actions, activity log, assigned units
GROUP 03 · RESPONSE

Everything needed to act, in one band

Quick actions, the operator activity log, and assigned units sit together beneath the map. Grouping them means responding never requires leaving the incident.

ASSIGNED UNITS

Status you can scan

En route, on scene, pending — five units and their states in one column, so coordination is a glance rather than a phone call.

PRIMARY ACTION

One way forward

A single emphasised control opens the incident workspace. Every other action on screen is secondary by construction.

08 / 08
Outcome

Before vs. After CityPulse

BEFORE Fragmented Operations

  • Information scattered across systems
  • Manual monitoring and correlation
  • Slow incident identification
  • Delayed operational response

AFTER Unified Operational Awareness

  • Unified city-operations platform
  • AI-assisted event detection
  • Automatic impact assessment
  • Faster operational decision-making
Before: operators spend time understanding the situation.
After: operators spend time solving it.
Reflection

Beyond interface design

This project challenged me to think beyond screens and approach traffic management as a real-time operational system. Through AI-assisted monitoring, predictive analysis, and incident-focused workflows, I explored how design helps city teams respond faster, stay coordinated, and make clearer decisions under pressure.

Next steps: validating the concept with real municipal operators, defining success metrics (time-to-detection, time-to-response), and an accessibility pass for 24/7 control-room conditions.

×
← Netzer Charitt · Portfolio