⚠️ Project Under Construction

This case study is currently being assembled in the Gravity Lab.

Pardon the cognitive dust. The narrative structures and high-fidelity artifacts are actively being refined. Things might shift while you observe.

Case Study Mode
Back to Projects

Engineering clarity.
at Enterprise Scale.

Designed for momentum, not just metrics.

Role Lead UX Strategist
Context Global Operations
Impact -73% Briefing Lag
Tools Figma, LLMs, React
Read Case Study

Managing the Invisible Global Engine.

WSP manages massive infrastructure, engineering, advisory, and ESG programs worldwide—thousands of stakeholders, multi-region delivery, and tight compliance dependencies. But for executives, visibility was a fragmented mess of Excel, legacy PMIS, and email chains.

The Stakes

  • !
    Missed milestones costing millions in contractual penalties.
  • !
    Resource overload leading to talent burnout and turnover.

The North Star

Create a Single Pane of Glass that delivers confidence, speed, and proactivity at every level—from individual PMs to Global ESG Sponsors.

"We don't need more data. We need momentum."

The Comprehension Gap

"I still have to call my PM to understand what's actually happening despite having 150 project views."

The system optimized for completeness. But humans operate on comprehension. This project moved beyond interface improvement into designing software that helps organizations understand themselves.

User Sentiment

"From a functional perspective, nothing was missing. From a human perspective, everything was overwhelming."

The Core Paradox "We have more data than ever, yet we understand less than before."
Operational Dashboard showing the 'Data Density Paradox'
Visual Symptom Identified

High-density cards prioritize Existence over Importance. Every metric is screaming for attention simultaneously, leading to immediate executive paralysis.

The Cost of Invisibility.

"Fragmented data isn't just a nuisance—it's a risk. Delayed surfacing of budget drift and resource over-allocation costs millions in missed milestones."

Legacy PMO workflows suffered from Analytical Inertia. While data existed, the manual effort required to synthesize it meant that by the time a report reached an executive, the "truth" was already 10 days old.

Living in the Context of Pressure.

Analytical Latency.

PMs spent 16+ hours/week manually exporting data into PowerPoints.

Invisible Overload.

Resource managers had no early warning for talent burnout or skill gaps.

Legacy Inertia.

By the time a report reached an exec, the "truth" was already 10 days old.

Decision Anxiety.

Data fragmentation led to "Analysis Paralysis" during high-stakes reviews.

Designing for Diverse Intent.

To build a truly functional 'Single Pane of Glass', we had to understand the specific cognitive loads and pressures of each primary stakeholder.

// PERSONA_01_LEAD
Delivery Lead

Sarah Jenkins

Global PMO @ EMEA North

👩‍💼
// VERBATIM_INPUT

"I spend 4 hours a week just aggregating spreadsheets. I need to be leading, not just counting."

Mental Model

Reporting is a manual, low-value chore that distracts from actual delivery stewardship.

Anxiety Vector

Concerned about missing budget drift until it's already a 'Red' status globally.

// DESIGN_INTERVENTION

Automated data roll-ups and 'Executive Snapshot' tools that generate summaries instantly.

// PERSONA_02_OWNER
Project Owner

James Mitchell

Infrastructure Resource lead

🏗️
// VERBATIM_INPUT

"I have all the data, but I still have to call people to understand *why* a project is struggling."

Mental Model

Data without context is just noise. He needs a narrative to support his resource decisions.

Anxiety Vector

Is the team actually overloaded, or is the timeline just overly aggressive?

// DESIGN_INTERVENTION

Semantic 'Insight Cards' that link data anomalies to specific human-entered risks.

// PERSONA_03_EXEC
Exec Sponsor

Global Exec

P&L and ESG Stewardship

💼
// VERBATIM_INPUT

"Show me what needs my attention in 5 seconds. I don't have time for a data deep dive."

Mental Model

Needs to identify 'Red Flags' across hundreds of projects at a glancing glance.

Anxiety Vector

Are we meeting our global ESG promises or just accumulating liability?

// DESIGN_INTERVENTION

Heads-Up Display (HUD) with simplified health signals (RAG status) and anomaly detection.

// PERSONA_04_RES
Resourcing

Resourcing Mgr

Talent Optimization lead

📊
// VERBATIM_INPUT

"I only find out about team burnout after someone resigns. I need an early warning system."

Mental Model

Success is balanced load, but current tools don't show individual capacity well across regions.

Anxiety Vector

We're over-allocated on senior talent while juniors are billing 0 business hours.

// DESIGN_INTERVENTION

High-density heatmaps visualize allocation vs. availability across diverse global regions.

Principles & Logic.

To ensure global consistency across 450+ projects, I established a Glance-First Design Protocol that prioritizes speed of comprehension over density of information.

// PROTOCOL_A104

01 Glanceable Clarity

Cognitive Threshold: <3s.

Answer the most critical business question—'Is this delivery at risk?'—before even scrolling. The primary HUD acts as a heartbeat monitor, not a spreadsheet.

Target Metric 0.8s Perception
Logic State High-Salience UI
// IA_MAPPING_V2

02 Decision Logic IA

Awareness → Diagnosis.

Every data point must recommend a tangible next step. If it doesn't enable a decision, it's considered noise and is filtered into subterranean layers.

IA Vector SNR Optimization
Complexity -42% Data Bloat
// TRUST_ENGINE

03 Auditable Origins

Linked Logic: 1,200+.

Trust is built through visibility. Every health signal or risk flag is back-traceable to its origin telemetry, providing executive confidence in 'Red' states.

Attribute Pool 1,200+ Linked
System Health 99.8% Accuracy
// THE_BLUEPRINT

04 Systemic Scalability

Global Reach: 450+.

The architecture isn't just for one project; it manages a global portfolio of hundreds. Unified taxonomy prevents regional silos and standardizes success.

Portfolio Size 450+ Assets
Network Velocity Real-Time Sync

Foundations of Trust.

To ensure global consistency across 450+ projects, I built a scalable design language specifically tailored for high-density enterprise data and executive glancing behavior.

01 Semantic Tokens

Success
Warning
Critical
Info / AI

02 Typography Hierarchy

Display X-Large
Heading Medium / Section Title
System Mono: JetBrains Mono v2.3

03 Component Spotlight: wsp-status-pill

A look at the granular logic governing a single primitive. Our status system uses Visual Gravity—scaling intensity and mass based on risk urgency.

1. Semantic Variants
On Track // Success
At Risk // Warning
Critical
// Pulse_Active
Investigating // Info
2. Morphology (Sizes)
Size LG Size MD Size SM Size XS
3. Responsive Density
Comfortable
Dense (Table)
// CONTRAST_CHECK

Automated token enforcement ensures 4.5:1 ratio across all variants.

Systemic Clarity & Screens.

Design decisions centered on Action over Information. I developed high-fidelity surfaces that guide the user toward critical interventions using visual hierarchy as a primary tool.

Global Portfolio Health Dashboard
01 | Glanceable Truth

Critical metrics are anchored in the primary eye-path, ensuring health assessment in <5 seconds.

Project Detail View
02 | Tactical Precision

Information density scales according to the user's current intent, from brief summaries to deep-dives.

Agentic_Reasoning_Engine_v4.2

"The Infrastructure portfolio is at risk due to Skill Concentration."

Reasoning Visibility

Direct link to 240+ global resource nodes showing a 70% probability of delay if Riyadh resources are not re-allocated.

Actionable Recommendation

Re-allocate 2 specialized senior engineers from Project 'Alpha' to cover the 3-week Riyadh gap by Friday.

System Dos
  • • Pair with avatar or icon on left for resource rows.
  • • Use LG Variant in project hero for immediate glanceability.
  • • Enforce 4.5:1 contrast via automated token mapping.
System Don'ts
  • • Never stack >3 pills side-by-side in mobile views.
  • • Avoid using Critical Pill for non-actionable states.
  • • Do not override semantic tints for "branded" aesthetic.
WCAG 2.2 AA+
ARIA-LABEL COMPLIANT
// SYSTEM_HEARTBEAT_STABLE

Measurable Success.

-73%

Time to Insight

78%

Daily Adoption

60%

Escalation Speed

Confidence

Reduced "Wait-and-See" culture by providing real-time health indicators.

Speed

Eliminated 2-week reporting cycles with live dashboard availability.

Adoption

Active daily use across 450+ projects within the first 6 months.

Scale

Unified fragmented portfolios into a single global operational view.

Calm under pressure.

I learned that WSP PM isn’t just software—it’s the nervous system for global delivery. By building trust through transparency, we transformed how a global organization understands itself.

Return Home