Product Design
MetricFlow
38% faster task completion
Analytics dashboard redesign with a new design system, clearer data hierarchy, and improved accessibility standards.
MetricFlow’s analytics product had grown feature-rich but hard to navigate. Power users loved the depth; new customers struggled to find value in the first session.
Dense data tables, inconsistent UI patterns, and poor information hierarchy increased support tickets and slowed onboarding for teams adopting the platform.
We audited key user journeys, redesigned the dashboard around task-based workflows, and shipped a scalable design system with accessible components that engineering could implement quickly.
Project details
Client
MetricFlow
Category
Product Design
Year
2024
Key result
38% faster task completion
From kickoff to launch — the step-by-step process we followed with MetricFlow to reach measurable results.
User interviews, session replays, and support ticket analysis revealed the workflows causing the most friction.
Task-based flows, wireframes, and a component library were designed with accessibility and dev handoff in mind.
Interactive prototypes were tested with power users and new customers to validate navigation and data hierarchy.
Engineering specs, Storybook docs, and phased rollout ensured a smooth transition without disrupting existing users.
User interviews, session replays, and support ticket analysis revealed the workflows causing the most friction.
Task-based flows, wireframes, and a component library were designed with accessibility and dev handoff in mind.
Interactive prototypes were tested with power users and new customers to validate navigation and data hierarchy.
Engineering specs, Storybook docs, and phased rollout ensured a smooth transition without disrupting existing users.
Key performance indicators tracked before and after launch for the saas dashboard engagement.
38%
Faster task completion
Core dashboard workflows benchmarked post-launch
-45%
Support ticket volume
Fewer “where do I find this?” requests
WCAG AA
Accessibility compliance
Components meet WCAG 2.1 AA targets
40+
Design system components
Reusable UI building blocks in Storybook
The defining capabilities and decisions that shaped the final product for MetricFlow.
Navigation was reorganized around what users actually do — analyze, report, and share — instead of feature lists.
Color, spacing, and typography tokens keep the product visually consistent as MetricFlow ships new features.
Charts and tables were redesigned with clear hierarchy, keyboard support, and screen-reader-friendly labels.
Changes shipped incrementally so power users kept working while new customers got a cleaner first experience.
• User research synthesis and prioritized UX improvement roadmap
• Dashboard wireframes and high-fidelity UI for core workflows
• Component library and design tokens for the product team
• Accessibility audit remediation (WCAG 2.1 AA targets)
• Developer handoff specs and interactive prototypes
Figma
React
MUI
Storybook
Maze
“Users complete core tasks noticeably faster, and our support team sees fewer “where do I find this?” tickets. The design system keeps our product consistent as we ship.”
Elena Vasquez
VP of Product, MetricFlow
Explore other case studies from similar categories and industries.
This case study drew on several of our core services. Explore how we can help with similar work for your business.
Answers about scope, timeline, and outcomes for the MetricFlow project.
How did you identify the biggest UX problems?
We combined user interviews, session analysis, and support ticket review to map where new users got stuck and which workflows power users relied on most.
Was the design system built from scratch?
We audited existing UI patterns, consolidated the best ones, and expanded them into a token-based component library with accessibility standards built in.
How did you measure the 38% faster task completion?
We benchmarked key workflows before and after launch using timed usability tests and in-product analytics on the same core dashboard tasks.
Did you work with MetricFlow’s engineering team?
Yes. We delivered Figma specs, Storybook components, and phased rollout guidance so their team could implement changes without disrupting active users.
