CALLJOE.COBook now with Joe

Web

Studio Command Center

One screen that runs a marketing agency: revenue, funnel, ad spend, and per-client health, with a Monday briefing that sets the week.

Web

Studio Command Center

One screen that runs a marketing agency.

The build

Marketing agencies run on scattered spreadsheets, ad dashboards, and someone's memory of which client is quietly going wrong. Studio Command Center pulls all of it into one place: MRR, the sales funnel, ad performance, and profit and loss, live on one screen.

The sharpest part is the per-client health flags. Every account is watched against cost-per-lead and booking-rate thresholds, so a client drifting into trouble gets flagged before they churn, not after. And every Monday the dashboard compiles the week's briefing, the numbers, the flags, the priorities, so the team starts the week pointed at what matters.

It's a dashboard-first build: the interface is being proven against the agency's real workflows first, with the data integrations, spreadsheet sync, database feed, calendar, and email, designed in and being wired behind it.

Role
Product, design, build
Client
Marketing agency, internal tool
Status
In build, dashboard-first

Technically engineered.

The decisions that make this build hold up.

  1. 01

    The numbers that run the agency

    MRR, funnel, ad spend, and P&L in one live view, charted properly. Not a report someone compiles monthly, a screen that's simply always right.

  2. 02

    Per-client health flags

    Every client is measured against cost-per-lead and booking-rate thresholds, and accounts drifting out of range get flagged automatically. Churn stops being a surprise.

  3. 03

    The Monday briefing

    The week starts with the dashboard's own briefing: what moved, what's flagged, what needs attention. The Monday meeting stops being someone reading spreadsheets aloud.

  4. 04

    Dashboard-first, integrations behind

    The interface is proven against real agency workflows before the plumbing is wired: spreadsheet sync, database feed, calendar, and email are designed in from the start, so the build never guesses at what the team actually needs.

The real stack

  1. Next.js 16 + TypeScript

    The command centre application

  2. shadcn/ui + Radix

    A serious, accessible dashboard interface

  3. Recharts

    Revenue, funnel, and ad performance charts

  4. React Query + Zod

    Typed data flow and validated forms

  5. Supabase + Google APIs

    The integration layer: data, sheets, calendar

  6. Resend

    Briefings and alerts by email

Where my services came in

Book a call

Loading calendar…

No time that suits? Message Joe on WhatsApp or email hello@calljoe.co.

Chat with Joe