Workflow Lab Demo

Workflow Lab

Four production automation workflows you can run live: pick a workflow, click Run, watch the node graph light up step-by-step with realistic JSON flowing through each node — Stripe big-deal alerts, ServiceTitan→QBO daily billing, Shopify order fan-out, HubSpot deal-stage prep. Proof we ship the same Make.com / n8n / Zapier / custom-Node work clients post on Upwork — end to end, not as screenshots.

Try the live demo →
Watch the 60-second Loom

How it works

1. Pick a workflow

Four production-shape automations on the picker: Stripe Big-Deal Alert (filter + parallel fan-out), ServiceTitan→QBO Daily Bill Sync (batch + 429 retry + reconcile), Shopify Order Fan-out (Klaviyo + ShipBob + Slack in parallel), HubSpot Deal-Stage Prep (multi-system sequencing with business-day math).

2. Run with sample input

Click Run — the node graph animates in topological order. Each node pulses gold while running, lands a green check on success, dashes gold + ‘Retrying’ on a 429, skips with a grey badge if a conditional excludes it. Realistic 200–800ms per-node delays so it actually feels like wire-time.

3. Inspect any node

Click any node to see its input JSON, the operation in plain English (‘filter where amount > $5,000’, ‘group by customer + tax jurisdiction’), and its output JSON — using real-shape Stripe webhook events, HubSpot deal payloads, ShipBob fulfillment responses, and QBO invoice records. Run history table prepends a fresh row each time, with timestamp, duration, and node-success ratio.

60-second Loom

60-second flow: workflow picker → click Stripe Big-Deal Alert → graph idle → click Run with $12,500 charge → Stripe webhook fires (gold pulse) → conditional filter passes (green check) → 3-way parallel fan-out lights up (Slack post + Sheets append + AE DM, all green) → completion toast → run history populates → click a node → side panel shows real Stripe event JSON with charge metadata + AE email → switch to ServiceTitan→QBO workflow → run again → batch loop processes 23 jobs into 4 invoices, one with a 429 retry visualized as dashed gold border + ‘Retrying’ badge before going green.


Free ROI estimate

See the dollar impact for your numbers

5 inputs → get hours saved/yr, dollars saved/yr, and payback vs. our $9,990 – $25k range. Results show on this page and the breakdown plus build spec hit your inbox.

Who it’s for

Operations, RevOps, and integration leads at agencies and growth-stage companies who post ‘Make.com / n8n / Zapier / Stripe + Docusign / ServiceTitan + QBO / Shopify + Klaviyo’ jobs on Upwork — and want proof the people pitching them actually ship the wires, not just consult on them.

Tech under the hood

Next.js 15Custom SVG node-graph rendererNDJSON streaming runnerStripe (mocked)ServiceTitan (mocked)QuickBooks Online (mocked)Shopify (mocked)Klaviyo (mocked)ShipBob (mocked)HubSpot (mocked)Slack (mocked)Google Calendar (mocked)TypeScriptTailwind CSS

Frequently asked questions

Can I edit the trigger payload to test different paths?

Not in the demo — each workflow plays a single canonical input (the seeded sample) so the Loom is reproducible. In a real engagement we add an editable JSON trigger and parameterize the routing logic per environment.

Do these workflows actually call Stripe / ServiceTitan / QBO / Shopify / Klaviyo / ShipBob / HubSpot / Slack / Google Calendar?

No — the demo mocks all integrations at the fetch layer with realistic seeded responses (real-shape Stripe webhook events, real HubSpot deal IDs, real QBO invoice records). For privacy and cost reasons we never wire prospect-facing demos to live SaaS accounts. Real engagements use the same architecture against your actual credentials.

Make.com vs n8n vs Zapier vs custom Node — which do you build on?

All four. Make.com when the client is already on it. n8n when we want self-hosting and code-style modules. Zapier when the client’s team will own ongoing changes. Custom Node (this demo’s pattern: typed workflow definitions + a topo-sort runner + NDJSON event stream) when reliability, observability, or branching logic outgrows the no-code tools.

How does this handle errors, retries, and reconciliation?

Every node has explicit success/error/skip states. Retries are first-class (the ServiceTitan→QBO workflow shows a 429 retry visualized as a dashed gold border + ‘Retrying’ badge before transitioning to success). Production builds add: idempotency keys on every external write, exponential backoff with jitter, dead-letter queues for permanent failures, and per-run audit logs.

Want one of these in your business?

We’ll scope, build, and hand off a production-ready system in 3–4 weeks.

Book a Strategy Call



Scroll to Top