Skip to content
Dark minimalist desk with a monitor showing code, laptop and desk lamp

UI/UX · Northbound

Product

Northbound Studio OS

An internal operating dashboard for a distributed studio, designed for people who live in it eight hours a day.

Year
2025
Location
Remote (Johannesburg & Berlin)
Duration
14 weeks
Client
Northbound
Role
Product design, Design system, Front-end build
Discipline
UI/UX
Delivered
2025 · 14 weeks
The problem

What we were actually solving

Northbound ran on four disconnected tools and a spreadsheet nobody trusted. Project status lived in one place, time in another, invoicing somewhere else entirely, and the studio lead was spending most of Monday reconciling all three.

The approach

How the work was made

Rather than designing screens, we started by writing down every question the team asked in a week. Twenty-three questions. The entire interface is organised so each one is answerable in under two clicks.

The visual language is intentionally low-contrast and dark by default. This is a tool people stare at all day, and there is no reason for it to shout. Colour is reserved exclusively for state: overdue, at risk, awaiting client.

A twelve-component design system was built alongside the product and handed over documented, so their in-house developer could extend it without needing me for every new view.

The outcome

Monday reconciliation went from roughly four hours to under twenty minutes. The system has since been extended twice by their own team without design input.

Results

Team questions the interface answers in two clicks
23Team questions the interface answers in two clicks
Weekly reconciliation time
4hrs → 20minWeekly reconciliation time
Components in the handed-over design system
12Components in the handed-over design system
Lighthouse performance score at launch
98Lighthouse performance score at launch
Gallery

Full image sets and additional documentation are available on request.

Dark desk setup with a code editor on the monitor
The dashboard in its natural habitat
Laptop showing a dark minimal website beside a vase and books
Marketing site built from the same token set
Apartment workspace with a laptop and city view at sunset
Remote-first from day one
Home studio desk with pegboard and organised tools
Berlin end of the team

I got my Mondays back. That sounds small until you have spent two years losing them.

Kagiso M. · Studio Lead, Northbound
Credits

Who made it

Product design and front-end
Bonolo Mathabela
Back-end
Northbound in-house team
User research
Bonolo Mathabela
Warm studio corner with a tree, pendant lighting and a working desk
Dark minimalist desk with a monitor showing code and a desk lamp
Similar to Northbound Studio OS?Taking projects from September

Want something like Northbound Studio OS for your own project?

This was a 14 weeks engagement in Remote (Johannesburg & Berlin). Tell me about yours and I'll say honestly whether the fit is right.

Studios

Johannesburg studio14 Keyes Avenue, Rosebank, Johannesburg, 2196, South Africa
Cape Town, by appointmentBuitengracht Street, De Waterkant, Cape Town, 8001, South Africa

Journal subscription

One considered note a month. No campaigns, no selling your address on.

Bonolo Mathabela · Designer & Developer · bonolomathabela.com