Customer Journey Map
Single-page visual timeline of the seller customer journey at customer-journey.rycolston.com. 12 stages across 4 phases. Click a stage to drill into owner, duration, artifacts, triggers, and Phase F deferrals.
Why
The seller sales motion has 12 stages and ~60 artifacts. Reading the operating model doc top-to-bottom takes 20 minutes. The map turns that into a 30-second scan + click-to-drill experience. Anyone (Ry, an agent, a future contributor) can see where a deal is and what comes next without parsing prose.
Whiteboard aesthetic on purpose — concrete grey canvas with dot grid, olive + bamboo bands per the brand palette. Looks like a Figma board, not a corporate diagram.
Current state
Live at https://customer-journey.rycolston.com since 2026-04-26. Cloudflare Pages, project customer-journey, account 9f54c7990a6d42f0c504318d2031d9de. Vanilla HTML/CSS/JS, no build step. Source of truth is stages.json (12 stage objects, ~60 artifacts).
Update flow is manual (Option A). When OPERATING-MODEL.md changes, edit the matching stage object in stages.json and redeploy via wrangler pages deploy. Option B (build-time sync from journey-stages/*.md markdown frontmatter) is Phase F.
- Status: done (live, in maintenance)
- Last update: 2026-04-26
- Blocked on: nothing
Next 3 actions
- Watch for drift between
OPERATING-MODEL.mdandstages.json. Mitigation is BUILD-LOG entries. - Decide if Cloudflare Access gating is needed (currently public + noindex).
- Phase F: build-time sync from markdown frontmatter so the map can't drift from the operating model.
Decisions log
- Portfolio organization framework
Open issues
- Drift risk: stages.json hand-curated, can fall behind operating model
- Mobile labels can collide at narrow viewports (acceptable for now)
- Decide on access gating (public vs Cloudflare Access)
References
- Memory:
~/.claude/projects/-Users-rycolston/memory/project_customer_journey_map.md - Source code:
~/systems/sales-motion-map/ - Live URL: https://customer-journey.rycolston.com
- Operating model (canonical text):
~/CCPJ/projects/personal-production/sales-motion/OPERATING-MODEL.md - Sales Motion (Seller): Sales Motion (Seller)
- Brand palette:
~/bigbrainremote/Reference/Brand.md - Web properties registry:
~/bigbrainremote/Reference/Web Properties.md - Inventory entry:
~/systems/systems-inventory.md