WorkMetric InsightsFull case study
Business Intelligence Platform · Multi-year

Metric Insights

A BI platform across web, mobile, and wearables. I led the full UX cycle for four years: research, usability, design, and the specs the engineering team built from.

See the original presentation →

My role
UX/UI Lead, full cycle
Duration
Four years
Platforms
Web, Mobile, Apple Watch, Email
Scope
Research, Design System, Specs
The platform

Metric Insights is a business intelligence platform. Teams monitor data, dashboards, and alerts across devices. It had to stay consistent and usable as it grew across web, native, and hybrid apps.

My role

I owned the UX end to end

Research and usability tests, interface design for web, mobile, and watch, and the detailed specifications the Scrum team built from. One design language across every platform, held together by a shared system.

One platform, every device

The same data, everywhere

Responsive web application
Web
Responsive web app
Tablet dashboard
Tablet
Adaptive layout
Mobile app
Mobile
Native and hybrid
Apple Watch app
Watch
Glanceable metrics
Across the platform

One system, every screen

Web dashboard

The core BI experience

Data, charts, and alerts in one place, designed for daily monitoring. The dashboard scales from a single metric to a full operations view.

Metric Insights web dashboard
Mobile

The platform follows users

Native and hybrid apps carry the same data to small screens. Layouts adapt, the design language stays the same.

Apple Watch

Metrics on the wrist

Key numbers and alerts at a glance, focused on what needs attention right now. The hardest constraint shaped the clearest design.

Themeable UI

One interface, many themes

A themeable system so the platform adapts to brand and context without rebuilding screens. Tokens drive color, type, and spacing.

Metric Insights themeable UI system
Email digests

Data that comes to you

Scheduled digests and alerts delivered by email, designed to match the platform and read well in every client.

Metric Insights email digests
Large screens

Dashboards for the war room

Auto-rotating views for big screens in operations centers and lobbies, readable from across the room.

Metric Insights large-screen slideshow
The foundation

Standards and grids underneath

So engineers could compose new screens consistently, without re-deciding patterns.

UI standards

A shared library

Components, states, and usage rules in one reference, so every team built from the same parts.

Metric Insights UI standards library
Responsive grid

Structure on every layout

A responsive grid system underpinning the whole platform, from a single chart to a full dashboard.

Metric Insights responsive grid system
Handoff

Specs the team built from

I documented every pattern, so engineers could build without guesswork.

The outcome

Four years on one foundation

Consistent everywhere

One design language across web, mobile, watch, and email. Users moved between devices without relearning.

A system, not screens

A design system and specs let engineers ship without re-deciding patterns. Speed and consistency at once.

Built to evolve

Four years of product growth on a coherent foundation that absorbed new features without breaking.

Have a platform to unify?

I help teams bring scattered products into one consistent system, across every device.

Let's talk