关于
This skill creates customer journey maps and service blueprints to visualize end-to-end user experiences, including touchpoints, emotions, and friction points. It helps align teams and identify pain points across an entire service or product journey. Use it when you need a shared, holistic view of the customer experience beyond departmental perspectives.
快速安装
Claude Code
推荐npx skills add rampstackco/claude-skills -a claude-code/plugin add https://github.com/rampstackco/claude-skillsgit clone https://github.com/rampstackco/claude-skills.git ~/.claude/skills/journey-mapping在 Claude Code 中复制并粘贴此命令以安装该技能
技能文档
Journey Mapping
Build journey maps and service blueprints that surface friction, align teams, and identify opportunities. Stack-agnostic. Tool-agnostic.
This skill is for mapping the experience. For testing specific touchpoints, use usability-testing. For broader generative research, use ux-research. For analyzing conversion, use cro-optimization.
When to use
- Departments have different mental models of the customer experience
- Customer experience feels disjointed across touchpoints
- Specific friction or drop-off points need diagnosis
- Strategic planning needs a shared view of the user
- Service design (front-stage and back-stage) needs alignment
- New product or feature needs to be designed in context of broader experience
When NOT to use
- Testing a single touchpoint or page (use
usability-testing) - Generative research before journey mapping (use
ux-research) - Operational process mapping that doesn't involve users
- Funnel optimization (use
cro-optimization)
Required inputs
- Identified user persona or segment to map (one map per segment)
- Existing research and data about that segment
- Cross-functional access (you cannot map back-stage without ops/support/engineering input)
- Time and stakeholder commitment (a real journey map is a project, not an afternoon)
The framework: 3 deliverables
1. Customer journey map
The user-facing view of the experience.
Structure (rows / lanes):
- Phase. The major stages in the journey (e.g., Awareness, Consideration, Onboarding, Activation, Retention, Advocacy). Phases vary by product type.
- Steps. Specific things the user does within each phase.
- Touchpoints. Where the user interacts with the product, brand, or service (web, app, email, support, social, in-person).
- Goals. What the user is trying to accomplish at this step.
- Thoughts. What's going through their mind.
- Emotions. The emotional state (often visualized on a curve).
- Pain points. Where things go wrong, friction, frustration.
- Opportunities. Where the experience could improve.
Format:
Typically a horizontal timeline with vertical lanes for each row. Phases across the top, touchpoints, thoughts, emotions, etc. underneath.
2. Service blueprint
The back-stage view that supports the customer-facing experience.
Adds these layers below the journey map:
- Front-stage actions. What employees do that the user sees (sales calls, support chats, in-store interactions).
- Back-stage actions. What happens behind the scenes (order fulfillment, data processing, internal handoffs).
- Supporting processes. Systems, vendors, infrastructure (CRM, payment processors, fulfillment partners).
- Lines of visibility. The line between front-stage (visible to user) and back-stage (invisible).
The service blueprint shows where customer-facing problems originate in back-stage failures (e.g., the user's "shipping is slow" experience traces to a vendor handoff issue).
3. Synthesized opportunity map
Output of the mapping work.
Captures:
- Top friction points. Where the experience consistently fails users.
- Untapped opportunities. Moments where the experience could surprise and delight.
- Disconnects. Where front-stage and back-stage are misaligned.
- Strategic gaps. Where competitors have something the brand lacks (or vice versa).
- Quick wins. Low-effort, high-impact improvements.
- Strategic bets. Higher-effort transformations.
This is the deliverable that produces decisions. The journey map and service blueprint are inputs; the opportunity map is the output that drives action.
Common phases by product type
Most products
Awareness → Consideration → Decision → Onboarding → Active use → Renewal/Repurchase → Advocacy
SaaS
Trigger → Discovery → Evaluation → Trial → Onboarding → Activation → Habit → Expansion → Renewal → Advocacy
Ecommerce
Need recognition → Discovery → Research → Decision → Purchase → Wait/Anticipation → Receive → Use → Reorder/Recommend
Service
Awareness → Inquiry → Quote → Decision → Service delivery → Resolution → Follow-up → Repeat business
Healthcare / high-stakes purchases
Trigger → Research → Provider selection → Appointment → Treatment → Recovery → Follow-up → Long-term outcome
Phases are not mandatory. Start with the user's actual experience and let the phases emerge from the steps.
How to gather the inputs
A good journey map combines multiple sources of truth.
From users
- In-depth interviews. Walk users through their actual experience. Ask for specifics from a recent occurrence.
- Diary studies. Users log their experience over the duration of the journey.
- Surveys. Quantitative signal at scale; less depth.
From the business
- Internal interviews. Sales, support, success, ops. They see the experience from different angles than product or design.
- Operational data. Funnel data, support ticket categories, NPS responses, churn reasons.
- System inventory. What touchpoints exist, what tools support them, what data flows where.
Cross-validate
- The user's experience as they describe it
- The data the business has about their behavior
- The internal team's perception of the experience
These three views often disagree. The disagreements are themselves findings.
Workflow
- Define scope. One persona, one journey, one timeframe. Trying to map all users in one map produces a mess.
- Gather inputs. User interviews, internal interviews, operational data. Plan 2 to 4 weeks for inputs.
- Draft the journey. Phases, steps, touchpoints. Get to a working draft fast; iterate.
- Add the layers. Goals, thoughts, emotions, pain points.
- Build the service blueprint. Front-stage, back-stage, supporting processes.
- Identify opportunities. Use the friction points and disconnects.
- Validate with users. Does this match their actual experience? Refine.
- Workshop with stakeholders. Walk teams through the map. Ensure shared understanding.
- Translate to action. Specific projects, owners, timelines.
- Maintain. A journey map is a living document. Revisit annually or after major changes.
Failure patterns
- Mapping without research. A journey map built from internal assumptions reflects assumptions, not users.
- One map for all users. The mid-market buyer and enterprise buyer have different journeys. Don't merge.
- No back-stage layer. The map shows symptoms, not causes.
- Beautiful map, no action. Investment in production value at the expense of decisions.
- Map as artifact, not tool. Filed in Figma, never re-opened.
- Ignoring emotional layer. The "what" without the "how it feels" misses the point of journey mapping.
- Vague pain points. "Frustrating onboarding" - what specifically? When? Why?
- Quick wins identified, never executed. Same as research findings that don't ship.
- Annual exercise without followup. Year-old journey map describes year-old user.
Output format
Default outputs:
- Journey map (visual, typically Figma / FigJam / Miro, plus a markdown narrative version)
- Service blueprint (visual, typically same tool)
- Opportunity map (markdown, prioritized list)
Markdown narrative version of journey map:
# [Persona] journey map
## Phase 1: [Phase name]
### Step: [Step name]
- **Touchpoint:** [Where this happens]
- **Goal:** [What the user wants here]
- **Thoughts:** [What they're thinking]
- **Emotion:** [State on the emotional curve]
- **Pain points:** [Friction]
- **Opportunities:** [Improvement potential]
### Step: [Step name]
[Same structure]
## Phase 2: [Phase name]
[Repeat]
## Service blueprint additions
### Phase 1
- **Front-stage actions:** [What employees do user-visibly]
- **Back-stage actions:** [What happens behind the scenes]
- **Supporting processes:** [Systems involved]
[Repeat per phase]
## Opportunity map
### Critical friction
1. [Specific issue, with evidence]
2. [Specific issue, with evidence]
### Quick wins
1. [Specific opportunity, with effort/impact]
### Strategic bets
1. [Specific opportunity, with effort/impact]
### Cross-team disconnects
1. [Specific disconnect, with implication]
If required data is unavailable
This skill's output depends on data, measurements, or tool results it cannot generate on its own. When a required input, tool, or data source is unavailable or unverifiable, the sanctioned output is the deliverable with the gap stated: what was needed, what was actually obtained or verified, and which parts of the output are affected. Fabricating, estimating, or interpolating a required number to complete the deliverable is never sanctioned. A stated gap is a complete answer.
Reference files
references/journey-map-template.md- Fillable journey map and service blueprint template.
GitHub 仓库
常见问题
什么是 journey-mapping Skill?
journey-mapping 是一个 Claude Skill,作者为 rampstackco。Skill 将 Claude 按需加载的说明和资源打包,让 Claude 无需额外提示即可执行与 journey-mapping 相关的任务。
如何安装 journey-mapping?
使用本页的安装命令:将 journey-mapping 作为插件添加到 Claude Code,或将其仓库克隆到 skills 目录,然后重启 Claude 以加载该 Skill。
journey-mapping 属于哪个分类?
journey-mapping 属于元分类。
journey-mapping 可以免费使用吗?
可以。journey-mapping 已收录在 AIMCP,可免费安装。
相关推荐技能
Content Collections 是一个 TypeScript 优先的构建工具,可将本地 Markdown/MDX 文件转换为类型安全的数据集合。它专为构建博客、文档站和内容密集型 Vite+React 应用而设计,提供基于 Zod 的自动模式验证。该工具涵盖从 Vite 插件配置、MDX 编译到生产环境部署的完整工作流。
这个Claude Skill为开发者提供完整的Polymarket预测市场开发支持,涵盖API调用、交易执行和市场数据分析。关键特性包括实时WebSocket数据流,可监控实时交易、订单和市场动态。开发者可用它构建预测市场应用、实施交易策略并集成实时市场预测功能。
该Skill帮助开发者创建OpenCode插件,用于接入命令、文件、LSP等25+种事件。它提供了插件结构、事件API规范和JavaScript/TypeScript实现模式,适合需要拦截操作、扩展功能或自定义事件处理的场景。开发者可通过它快速构建响应式模块来增强OpenCode AI助手的能力。
SGLang是一个专为LLM设计的高性能推理框架,特别适用于需要结构化输出的场景。它通过RadixAttention前缀缓存技术,在处理JSON、正则表达式、工具调用等具有重复前缀的复杂工作流时,能实现极速生成。如果你正在构建智能体或多轮对话系统,并追求远超vLLM的推理性能,SGLang是理想选择。
