TRUMPF TruServices · TPX Prototypes

Five concepts.
Including a linked tablet ↔ wall pair.

Clickable single-file HTML prototypes of the TruServices Performance Experience (TPX). New this round: a linked tablet ↔ wall pair with a 5-beat story theater (attract mode) that flips cinematically into a live cascading lever chain when a prospect engages. Each prototype is self-contained — open any card in a new tab.

Built: 2026-04-15 Hero line: Unlock the Capacity You Already Own Tagline: More Output. Same Footprint.

New · Linked Pair

Linked Tablet ↔ Wall

Two-surface demo: tablet drives a big LED wall in real time via BroadcastChannel (zero-config, offline). Wall shows a 5-beat story theater in Attract Mode (Hook → Tension → Shift → Proof → Invitation). Flip the mode toggle on the tablet and the wall transitions cinematically to Live Mode — four cascading lever gauges (Utilization → Throughput → OEE → Margin). Drag wires between blocks to strengthen the chain; every slider change animates on the wall.

Open First Wall Display Then Open Tablet Control

Demo flow: Open the Wall on your big screen (press f for fullscreen), then open the Tablet on an iPad (or a second window). Watch the link indicator turn green. Flip Attract ↔ Live on the tablet, drag wires between block ports, work the sliders — the wall animates in lockstep.

Wall LOC ~720 Tablet LOC ~640 Sync BroadcastChannel Hotkeys f · a · l · ←→

Hero · Recommended

Performance Mirror

The full eight-stage experience. Three-persona toggle (prospect / owner / rep-led), 8-input guided diagnostic, dashboard mirror of the user's shop, animated gap reveal, live TruServices intervention sliders, personalized Performance Gap Report. Dual-surface aesthetic: tablet for input, big display for reveal.

LOC 1,494 Chart lib Chart.js Persona modes 3

Open prototype

Variant A

Build-Your-Shop Configurator

Drag-and-drop shop floor. Four machine types, competitor↔TRUMPF brand swap per machine, live KPI bar, master TruServices activation toggle, per-machine detail on click. Trade-show showpiece energy — Kevin's original "build your shop, see your gap" instinct taken literally.

LOC 1,357 Chart lib none (SVG) Interaction drag-and-drop

Open prototype

Variant B

Before / After Comparison

Kevin's Verizon-store analogy. Two always-visible columns — "Your Shop Today" (desaturated/amber) and "Your Shop with TRUMPF + TruServices" (vibrant/green). Master "Activate TPX" toggle flips between states. Fastest time-to-wow. Best fit for a sales-rep tablet in a five-minute prospect visit.

LOC 1,130 Chart lib none (canvas) Runs offline yes

Open prototype

Variant C

Big-Display Theater

Not a standalone tool — the wall-display companion to the tablet-input experience. Six-phase auto-cycle (idle → connect → mirror → gap → cascade → summary) rotating through three visitor profiles. Zero UI chrome, cinematic transitions, air-traffic-control aesthetic. Hotkeys for live presentation: Space/→ advance, R restart, F fullscreen.

LOC 1,453 Chart lib none (SVG) Mode kiosk / auto-cycle

Open prototype

How to use this page

Each prototype is a self-contained HTML file in public/. Double-click to open, or follow any card above.
Prototypes are not yet committed. Once you pick direction, I'll branch and commit only the ones we want to ship to Kevin.
Each agent's worktree still exists under .claude/worktrees/agent-*/ with its branch if you want to diff working history.
Data is illustrative — industry ranges from Allied Market Research and MC Machinery's 500-fabricator survey, TRUMPF proof points from public sources (Remote Ops <15min avg, Smart View factory-default April 2025). Swap in real TRUMPF benchmark data when Sean provides it.