Customer engagement · Orchestration
Journey visualizer
A customer journey is an automated path: a trigger, then waits, branches, and sends. Press play to watch a customer travel one. Flip the branch condition and watch them take a different path. This is the orchestration layer, the thing that decides who gets what, and when.
How it works
This is a model of the orchestration layer, the part of an engagement platform where a marketer designs the path instead of a single message.
- Step 1
A journey is just data. Each journey here is a small set of nodes (start, wait, branch, send, exit) and the edges between them.
- Step 2
The browser draws it. A little JavaScript renders the nodes and edges as SVG. No server, no backend, no data leaves the page.
- Step 3
A customer walks the path. The token animates node to node, pausing at each wait, exactly as a real customer would be held between steps.
- Step 4
Behavior changes the path. Flip the branch condition and the token reroutes. Same journey, different experience per customer. That is personalization through orchestration.
Architecture: a static Astro page with a small client script, no server. It is a concept model of the journey abstraction, not a live platform.
Mapped to the marketing concepts
A concept model of the journey abstraction every engagement platform (such as Iterable Studio) is built around. Hand-authored sample journeys, animated in the browser. Not connected to any platform.
More MarTech demos