Modular dashboard

5 minute read

From 'modernize the dashboard' to a decision platform

How a vague three-word brief became a 0→1 strategic initiative (built with vibe coding)

Active risk state. These signals only appear when thresholds are triggered.

The challenge: Designing through ambiguity

When a designer departed, this project landed with me. The brief was simple: “Modernize the dashboard.” No success criteria. No user problem defined. No scope.

That kind of brief is easy to start and impossible to validate. Before touching any design, I needed to understand whether there was actually a problem worth solving and if so, what was it?

The instinct for most designers would be to start sketching. My instinct was to start asking questions.

The legacy dashboard. Every widget had equal weight. Nothing indicated urgency or risk. It functioned as a launchpad, not a place where decisions were made.

Discovery: Zero support tickets...and that was the finding

I started where the signal should have been loudest: support tickets. There were none about the dashboard. I could have assumed “no problem here.” but I read it differently.

When users stop complaining, it often means they’ve stopped expecting things to improve. They’ve found workarounds or they’ve simply disengaged.

I requested usage analytics to test that assumption. What came back confirmed that managers were using the dashboard as a bookmark. They’d land on it, then immediately click through to another part of the app. It was a launchpad, not a place where decisions were made.

That single insight reframed the entire project. The question stopped being “how do we make this look newer?” and became: “why aren’t managers using this to make decisions…and what would it take to change that?”

Strategic approach & collaboration

I identified the gap before a solution existed. Rather than inheriting the “modernize” brief at face value, I reframed the problem around decision-making, mapping manager behaviour and pulling usage analytics before a single screen was designed.

To make the vision tangible fast, I built a working prototype using v0 by Vercel and Lovable. Focused on one persona, built on existing platform data, with assistive AI surfacing risk signals directly in the interface. No new backend. No waiting for engineering.

I presented it to three audiences: VP of Product, Director of Sales, and Executive leadership, each framed around what they cared about most: platform strategy, competitive differentiation, and business outcomes.

What started as a subjective UI request became a formal 0→1 initiative with executive sponsorship, a 2.5-sprint plan, and full cross-functional alignment.

Vision prototype built with v0 and Lovable, used to align leadership before a single sprint was planned.

The solution: A modular decision surface

I delivered a 0→1 dashboard system that moved beyond static reporting into proactive decision support. Rather than presenting raw metrics, the dashboard prioritizes signals that indicate risk, opportunity, or required attention.

The core design challenge was deciding what deserved attention on the primary surface and what should stay out of the way, making deliberate choices about hierarchy, signal visibility, and when the interface should speak up versus stay quiet. The system was built modular from the start, so different personas could focus on what mattered to them without redesigning the foundation.

Design decision: Risk pattern

Two valid options: make risk always visible and risk alarm fatigue, or surface it only when triggered and risk managers missing it.

The job-to-be-done settled it. Managers come to the dashboard to answer one question: “What needs my attention right now?” Risk needed to be findable without being loud.

The solution was a hybrid: a consistent attention area that stayed in the layout but only expanded when thresholds were triggered (late punches, unapproved timecards, coverage gaps). Validated through manager feedback, prototype click behaviour, and engineering feasibility.

Risk signals surface only when thresholds are triggered. Each card explains the problem, the impact, and the next action.

Quantifiable impact

Competitive

impact

Became the hero experience in enterprise sales demos, helping visualize the platform’s future-state intelligence and improving win confidence.

80%+

adoption rate

Adoption was immediate across active accounts, elevating the dashboard from a “nice to have” to an active, multi-phase roadmap initiative.

~10

minutes saved

Managers could quickly understand workload, risk, and priorities without manually scanning multiple sections or reports.

Scalable

foundation

The system was built to scale from today’s operational insights to future intelligent guidance as usage patterns evolve.

How we validated these results

Impact was informed through a combination of product analytics, internal benchmarks, and qualitative feedback from managers and go-to-market partners during rollout and sustained usage. Results reflect aggregated patterns observed across roles and workflows rather than isolated outcomes.

Why this matters

This dashboard established a decision-support foundation that later enabled deeper operational experiences, including Manage Schedule. By treating the dashboard as an entry point for understanding risk and opportunity, subsequent features were able to act as focused decision layers rather than isolated tools.

Together, these initiatives reflect a consistent platform strategy: turning complex, interconnected data into clear, actionable guidance at the moment decisions are made.

* A note for recruiters & hiring managers

This case study is a high-level overview of my process in navigating ambiguity and driving cross-functional alignment. To keep this scannable, I’ve omitted the granular details of the technical architecture, iterative prototyping, and specific accessibility audits.

I would be happy to walk you through a deep dive of this project during a 1:1 interview.

Quick wins

Previously invisible operational constraints were surfaced directly in context, helping managers understand why certain metrics or risks mattered. This reduced reactive investigation and enabled faster, more confident decisions without adding new data sources.

Rather than functioning as a standalone reporting surface, the dashboard became a coordination point across operational domains. Signals from staffing, compliance, and workload were translated into a shared decision context, unlocking value from existing systems without requiring structural changes.

By prioritizing clarity and early risk visibility, the dashboard addressed common reasons managers relied on spreadsheets or offline tracking. This helped restore trust in the platform as the primary source for operational insight.

Focused on surfacing only the most relevant signals at the right moment, allowing managers to act quickly without navigating deeper configuration or secondary reports.

Role

Roadmap influence

Product strategy

UX architecture

UX and UI

Team & Partners

VP of product • Sponsor

Dir. of sales • Strategy

Architect • Logic

Lead engineer • Dev

Senior designer • Lead

Duration

  • Phase 1: 2 Sprints (MVP)
  • Phase 2: In Development (Scalable framework)

Hello,
I’m a product designer with over 10 years of experience creating solutions that drive real business results.