System overview

The Invisible Machine is an interactive simulation of a modern e-commerce business, visualised as a machine descending beneath a calm storefront surface.

Orders flow through eight connected stations: customer acquisition, checkout, payment, inventory, fulfilment, delivery, customer support, and revenue reporting.

You control demand, staff capacity, inventory replenishment, processing speed, support capacity and automation level. The simulation responds continuously: queues form in front of undersized stations, stock runs out, customers abandon orders, satisfaction and revenue fall.

The system identifies its own bottleneck — the station with the deepest sustained backlog — and a deterministic analysis engine recommends interventions based on the live state, such as adding fulfilment capacity, increasing safety stock, automating payment verification, or slowing acquisition.

Applying a recommendation changes the running system and the machine visibly recovers. A before/after comparison runs the same scenario with and without these interventions and reports completed orders, processing time, fulfilment rate, satisfaction, cost, revenue and system health.

CH.01 — THE SURFACE

A business looks simplefrom the outside.

A product. A customer. A transaction.

Until you see everything happening underneath.

CH.02 — ONE ORDER ENTERS

It begins witha single decision.

Someone clicks “Buy.”

One glowing order drops through the surface — and eight hidden systems wake up to carry it.

  1. ACQ-01Customer Acquisition
  2. CHK-02Checkout
  3. PAY-03Payment
  4. INV-04Inventory
  5. FUL-05Fulfilment
  6. DLV-06Delivery
  7. SUP-07Customer Support
  8. REV-08Revenue & Reporting

CH.03 — THE SYSTEM UNDER PRESSURE

One order is easy.Growth is where thesystem reveals itself.

Turn the dials. Raise demand, cut staff, drain the shelves — the machine will answer honestly.

System health
96%
Satisfaction
92%
Orders in
0/h
Orders out
0/h
In queues
0
Order lead time
28 h
Trapped revenue
$0
Captured revenue
$0
Operating cost
$0/h
Open issues
0
Stock level
80%

Operator console

40%

Marketing pressure — how many orders arrive

60%

Hands in fulfilment — the picking line

70%

Replenishment rate — how fast shelves refill

60%

Checkout, payment and allocation tempo

60%

People answering when something breaks

20%

Rules and intelligence across every station

CH.04 — BOTTLENECK

Every system hasa constraint.

Growth does not break a business everywhere. It breaks at the narrowest point.

Select any station to inspect its queue, capacity and the damage flowing downstream.

No constraint at the moment — the machine is keeping up. Push demand harder and watch one form.

Station inspector

Select a station — here or directly on the machine — to open its internals.

CH.05 — ACTIVATE INTELLIGENCE

Automation makes tasks faster.Intelligence changesthe system itself.

Run the scan. The machine reads its own state — queues, stock, satisfaction, error rates — and proposes the highest-leverage intervention.

Intelligence layer

The scan reads the live state — queues, stock, error rates, satisfaction — and proposes the intervention with the most leverage. Nothing here is scripted.

CH.06 — BEFORE & AFTER

The machine did notbecome simpler.It became visible.

The same business, the same demand, the same number of hours — run twice. Once ignored, once understood.

Systems ledger — viral scenario, two endings

Both runs get identical demand and identical hours. One is left alone; the other gets the scan-and-apply loop three times. The ledger reports what actually happened — computed live, not staged.

CH.07 — THE CREATOR

I build digital systems byunderstanding what happensbeneath the interface.

The website is only the visible layer. Underneath it are decisions, processes, data, infrastructure, users, constraints — and opportunities for automation.

Everything you just interfered with is how I think about every project.

John C. — Systems-minded full-stack developer

Operating modes of the same machine

  • MODE 01

    AI automation

    Wiring intelligence into workflows so systems act on their own state — the way this machine just did.

  • MODE 02

    Business-process design

    Mapping how orders, money and decisions actually move, then redesigning the path of least friction.

  • MODE 03

    Full-stack development

    From database to pixel: APIs, infrastructure, interfaces and the plumbing between them.

  • MODE 04

    Interactive web experiences

    Real-time graphics, simulation and motion in the browser — used to explain, not to decorate.

  • MODE 05

    Systems analysis

    Finding the constraint. Every underperforming business has one; most dashboards hide it.

  • MODE 06

    Data visualization

    Turning operational data into pictures that change decisions instead of filling slides.

  • MODE 07

    SEO & technical optimization

    Performance budgets, structured data and search visibility treated as engineering, not afterthought.

Machines already running

  • SYS-ALIVE

    SoloLuck.io

    Design, engineering, operations

    A public solo Bitcoin mining pool for Southeast Asia — stratum infrastructure, real-time miner dashboards, transparent pool statistics and an automated growth engine, run as a live production system.

    ckpool · Bitcoin Core · Python · Node.js · Linux

    Visit SoloLuck.io
  • SYS-BLIVE

    Care Physio

    Design, engineering, SEO

    A multilingual website for a physiotherapy clinic in Bandung — five languages, an educational content system, an AI assistant that answers patient questions, and a measurable search-visibility pipeline.

    Astro · TypeScript · Claude API · Nginx

    Visit Care Physio
  • SYS-CLIVE

    The Invisible Machine

    Concept, simulation, 3D, everything

    This site. A deterministic business simulation wired into a cinematic 3D machine — the experience you are inside right now.

    Next.js · TypeScript · Three.js · React Three Fiber · Zustand

    You are inside it right now

CH.08 — TRANSMISSION

What is happeningunderneath your business?

Let’s make the invisible visible.

Contact me
  • EmailThe most direct line into the machine.