Home About
Portfolio Our Story Careers Contact
Home / Portfolio / Lumen
SaaS · Analytics Dashboard

Lumen

A revenue-analytics dashboard for subscription businesses.

Lumen SaaS analytics dashboard by DevHive Studio

Overview

Lumen is a product demo we built to show how we design and engineer SaaS analytics dashboards. It turns raw subscription data into a clear story — revenue, retention and growth — in an interface that feels fast and effortless.

Everything is interactive: switch the date range and the charts recompute, hover the revenue graph for exact figures, and watch the KPIs animate in. It's a front-end concept built on sample data that mirrors how we'd build the real thing on top of your numbers.

What it does

Live KPI cardsMRR, active subscribers, churn and net revenue retention with trend deltas and sparklines.
Interactive revenue chartAnimated area chart with previous-period comparison and hover tooltips.
Date-range controls7 / 30 / 90-day toggles recompute the whole view instantly.
Plan & channel breakdownsDonut and bar visualisations for revenue by plan and acquisition channel.

Screenshots

Lumen SaaS analytics dashboard by DevHive Studio
Overview dashboard with live KPIs and revenue analytics
Purpose · Why this exists

Why we built it

Subscription businesses live and die by a handful of numbers — MRR, churn, retention, growth — yet those numbers are usually buried across billing tools and spreadsheets. By the time someone pulls them together, they're already out of date.

Lumen is our answer to that: a demo that shows how we turn raw subscription data into a single, fast, beautiful place to read the health of a business at a glance. The purpose is to prove that analytics tooling can feel effortless instead of intimidating.

The problemKey SaaS metrics scattered across tools — slow to gather and hard to read.
What it doesLive KPI cards, an interactive revenue chart and date-range controls over sample data.
Why it mattersDecision-ready clarity: the state of the business in one glance, always current.
How we approached it

How we built it

1

Define the metrics that matter

We focused on the numbers subscription teams actually act on — MRR, churn, NRR and growth — instead of vanity stats.

2

Design for a glance

A calm, high-contrast dashboard where the most important figures read instantly, with detail a hover away.

3

Make it interactive

Date-range toggles recompute the whole view; charts animate and respond so the data feels alive.

4

Ship it live

Built as a real, hosted front-end on sample data — a true-to-life preview of the production product.

The outcome

4 KPIsLive cards with trend deltas
7/30/90dInstant date-range recompute
0 reloadsFully interactive in-browser

Want something like Lumen?

We can design and build it for your business.

Start a project