SaaS Analytics Dashboard

The challenge

Dashboards often put every number on screen at once and leave the user to work out what matters. I wanted a layout that answers the questions people open it with first, how the business is doing and what has changed, and gives the detail less room.

What I did

1. Placed four KPI cards across the top, each showing the change since the previous period, so the headline numbers can be read at a glance.
2. Drew every chart in SVG by hand. There are only a few chart types, and a charting library would have weighed more than the rest of the page put together.
3. Checked the chart colours for contrast against the dark background and for colour-blind separation, which is why they are slightly muted.
4. Made the accounts table sortable by any column. Every control in the demo works.

The result

This is a concept project rather than client work. It shows how I structure a data-heavy screen and how I build the interactive parts, and you can try the full dashboard below.