Case Study

A Principal Dashboard for an Architecture & Interior Design Studio

Studio Pulse — one screen a studio principal checks every morning: milestones, billing, receivables, project mix, team load, and vendor payments. Live and in use. See it yourself at /demo-studio-pulse-dashboard.html.

Built for

A mid-sized architecture & interior design studio (name withheld at the client's request)

Problem

Milestones, billing and vendor payments lived in separate tools no one checked together

Stack

HTML/CSS/JS, Chart.js

Status

Live and in use

The Challenge

A design and build project runs on a chain of milestones — design submission, client approval, site handover, completion — spread across a dozen-plus live projects at once, each with its own vendors and contractors waiting on payment. At a studio running residential, commercial, interior fit-out and renovation work in parallel, that chain lived across project files, a vendor ledger, and whatever the site team remembered to flag. Nothing forced a single morning view of what was overdue, what was coming due, and who on the team was already overloaded.

The Solution

Studio Pulse — a single-page dashboard a principal opens once each morning. A milestone tracker sorts every upcoming deadline by urgency across every active project. Billing and collections KPIs sit alongside outstanding receivables, broken into an ageing chart so nothing quietly crosses 90 days. A project-mix view shows the active count by type — residential, commercial, interior fit-out, renovation — with overdue items flagged per type, and a team utilisation view catches overload before it becomes a missed handover. A vendor and contractor payment list keeps site payments visible next to the client-facing numbers, not buried in a separate ledger. In the delivered build this data syncs live from the studio's own project management and accounting software; the public demo below stands in sample data for that live feed so it can be shown without exposing real project data.

What's on it

Seven views, one screen.

1

Milestone tracker

Every deadline, sorted by urgency

2

Billing & collections

Month-to-date, against last month

3

Receivables ageing

0–30 to 90+ days, color-coded

4

Projects by type

Residential, commercial, fit-out, renovation

5

Team utilisation

Flags overloaded architects and designers

6

Vendor payments

Site contractor and vendor status

7

Top projects

By contract value and phase

See the Live Demo →

Why it's built this way

A principal scans this once, doesn't read it — so it leans on information design over prose: color and iconography carry urgency (never color alone), tables stay sortable by what matters, and every chart ships with a "view as table" fallback and a text description for accessibility. It reuses the same token system and component language we built for an earlier partner dashboard for a different industry, because the underlying problem — deadlines, money, and team load on one screen — is the same shape even when the vocabulary changes. Numbers use Indian lakh formatting and real project phases, because that's the vocabulary this studio actually works in, not a generic template retrofitted to it.

Need something like this for your own studio or business?

A dashboard built around how your team actually works, not a generic template.

See the Live Demo Get a Free Consultation