INTERNAL TOOL AT MY EMPLOYER · ANONYMIZED

One screen to run every client rollout

Internal tool at my employer, a B2B leasing-software company · Anonymized

Problem

Rollouts for banks and leasing companies lived in people’s heads, chats and spreadsheets.

Built

One screen for the whole rollout operation, running with no server at all.

Result

10 tabs per client, and the first demo reaction was "How do we get access?"

client-rollout-cockpit
Illustrative interface visual

Stack

React 18TypeScriptViteTailwind (custom token system)

The problem

Rollouts for banks and leasing companies were tracked in people’s heads, in chats and in spreadsheets. Nobody could see the status. Nobody knew how busy the team really was. Every problem arrived as a surprise.

What I built

One screen for the whole rollout operation.

  • check_circle

    A front page with the key numbers, and a red and amber list of what needs attention today.

  • check_circle

    A timeline across all clients, week by week. You drag a bar to move it or make it longer.

  • check_circle

    A page per client with ten tabs, including open problems, meeting notes, and a record of every decision and who signed it off.

  • check_circle

    Four types of user. Each client’s data stays separate at three levels. A capacity view shows how full the team is each week.

  • check_circle

    It needs no server at all. It is just files, so it runs on a locked-down work laptop.

Proof

10
tabs per client
4
types of user
3
layers keeping client data apart

Built to match the approved designs exactly, down to the pixel, using one written set of design rules. First reaction in the internal demo: "How do we get access?"

Illustrative interface visual
Illustrative interface visual
arrow_back Previous A base system I reuse for every client
Next arrow_forward Project Flow: the tool I run my days from