CLIENT WORK · ANONYMIZED

Documenting the undocumented

Writing down how a B2B leasing platform works · Anonymized

Problem

A 20-year-old leasing system nobody had written down in over a decade, with every rule living in people’s heads.

Built

One linked map of every process, with the flow pictures drawn from the data by a program I wrote.

Result

All of it mapped in under 4 months, next to daily support work, with 0 outside tools.

process-documentation
Illustrative interface visual

Stack

Vanilla HTML/CSS/JavaScriptCustom SVG flow-diagram engineUPN methodologyGerman business content

The problem

A 20-year-old leasing system that nobody had written down in over a decade. What each field means, which rule applies, which errors are normal: all of it lived in people’s heads.

What I built

Not a pile of documents. A system.

  • check_circle

    One main map of all the processes. Click a step and you land on its own page. Everything links to everything.

  • check_circle

    Every process page shows the same thing twice: a picture of the flow, and a table of the work steps.

  • check_circle

    The pictures are drawn from the data by a small program I wrote, so they always look the same and stay easy to change.

  • check_circle

    It is plain web pages. They open straight from a folder on a work computer, with nothing to install.

Proof

<4
months to map it all
14.5 KB
the drawing program I wrote
0
outside tools used

Delivered next to my daily support work, with one page template and strict naming rules so it stays tidy.

Illustrative interface visual
Illustrative interface visual
arrow_back Previous Project Flow: the tool I run my days from
Next arrow_forward A business playbook turned into AI tools