All case files

Series B, Data

Analytics dashboard redesign

Analytics dashboard redesign

Analytics dashboard redesign

Redesigned a dense reporting dashboard around the questions customers actually ask, with a new chart library to match.

Role

Product designer and front-end

Team

1 PM, 2 engineers, 1 data scientist

Timeline

5 months, 2023

View live

Analytics dashboard redesign: product interface

−52%

report support tickets

9

chart components

Built with

Figma, React, TypeScript, Visx

The problem

Customers couldn’t find answers in a dashboard of 30 equally loud charts. Reporting was the biggest source of support tickets.

Constraints

Every existing chart had a customer depending on it, and the data model behind them couldn’t change.

Design decisions

Design around the five questions customers actually ask, and demote everything else to a details view.

What I built

A nine-component chart library in Figma and React with accessible colour, keyboard support and shared tooltips.

Trade-offs

Hiding charts upset a few power users, so we added saved views instead of bringing the clutter back.

The result

Support tickets about reports fell 52% and the chart library now powers every data view in the product.

What I’d do differently

I’d run the customer interviews with the data scientist in the room. Half our best ideas came from her follow-up questions.

P.S.

If your Figma file and your product have drifted apart, let’s fix that.

Twenty minutes, no deck. Bring a screen you’re stuck on and I’ll tell you how I’d design and build it, even if we never work together.

© 2026 Noor Avila. Designed in Figma, built in Framer.

Back to top

Create a free website with Framer, the website builder loved by startups, designers and agencies.