MCP HubMCP Hub
SKILL·1891AE

journey-mapping

rampstackco
업데이트됨 25 days ago
2 조회
953
132
953
GitHub에서 보기
메타aidesign

정보

이 스킬은 고객 여정 지도와 서비스 청사진을 생성하여 터치포인트, 감정, 마찰 지점을 포함한 종단 간 사용자 경험을 시각화합니다. 전체 서비스나 제품 여정에 걸친 팀 간 협력을 도모하고 문제점을 식별하는 데 도움이 됩니다. 부서별 관점을 넘어 고객 경험에 대한 공유된 전체적 시각이 필요할 때 사용하세요.

빠른 설치

Claude Code

추천
기본
npx skills add rampstackco/claude-skills -a claude-code
플러그인 명령대체
/plugin add https://github.com/rampstackco/claude-skills
Git 클론대체
git 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

  1. Define scope. One persona, one journey, one timeframe. Trying to map all users in one map produces a mess.
  2. Gather inputs. User interviews, internal interviews, operational data. Plan 2 to 4 weeks for inputs.
  3. Draft the journey. Phases, steps, touchpoints. Get to a working draft fast; iterate.
  4. Add the layers. Goals, thoughts, emotions, pain points.
  5. Build the service blueprint. Front-stage, back-stage, supporting processes.
  6. Identify opportunities. Use the friction points and disconnects.
  7. Validate with users. Does this match their actual experience? Refine.
  8. Workshop with stakeholders. Walk teams through the map. Ensure shared understanding.
  9. Translate to action. Specific projects, owners, timelines.
  10. 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:

  1. Journey map (visual, typically Figma / FigJam / Miro, plus a markdown narrative version)
  2. Service blueprint (visual, typically same tool)
  3. 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

GitHub 저장소

rampstackco/claude-skills
경로: dist/codex/.agents/skills/journey-mapping
0
agent-skillsai-agentsanthropicclaudeclaude-aiclaude-code
FAQ

자주 묻는 질문

journey-mapping Skill이란 무엇인가요?

journey-mapping은(는) rampstackco이(가) 만든 Claude Skill입니다. Skill은 Claude가 필요할 때 불러오는 지침과 리소스를 묶어 추가 프롬프트 없이 journey-mapping 관련 작업을 수행할 수 있게 합니다.

journey-mapping은(는) 어떻게 설치하나요?

이 페이지의 설치 명령을 사용하세요. journey-mapping을(를) Claude Code 플러그인으로 추가하거나 저장소를 skills 디렉터리에 복제한 다음 Claude를 다시 시작해 Skill을 불러옵니다.

journey-mapping은(는) 어떤 카테고리에 속하나요?

journey-mapping은(는) 메타 카테고리에 속합니다.

journey-mapping은(는) 무료로 사용할 수 있나요?

네. journey-mapping은(는) AIMCP에 등록되어 있으며 무료로 설치할 수 있습니다.

연관 스킬

content-collections
메타

이 스킬은 콘텐츠 콜렉션(Content Collections)을 위한 프로덕션 검증된 설정을 제공합니다. 콘텐츠 콜렉션은 Markdown/MDX 파일을 Zod 검증이 포함된 타입 안전한 데이터 콜렉션으로 변환해주는 TypeScript 최우선 도구입니다. 블로그, 문서 사이트 또는 콘텐츠 중심의 Vite + React 애플리케이션을 구축할 때 타입 안전성과 자동 콘텐츠 검증을 보장하기 위해 사용하세요. Vite 플러그인 구성과 MDX 컴파일부터 배포 최적화 및 스키마 검증에 이르기까지 모든 것을 다룹니다.

스킬 보기
polymarket
메타

이 스킬은 개발자들이 Polymarket 예측 시장 플랫폼을 활용한 애플리케이션을 구축할 수 있도록 지원하며, 거래 및 시장 데이터를 위한 API 통합 기능을 포함합니다. 또한 WebSocket을 통한 실시간 데이터 스트리밍을 제공하여 실시간 거래와 시장 활동을 모니터링할 수 있습니다. 이를 통해 거래 전략을 구현하거나 실시간 시장 업데이트를 처리하는 도구를 생성하는 데 활용할 수 있습니다.

스킬 보기
creating-opencode-plugins
메타

이 스킬은 개발자들이 명령어, 파일, LSP 작업 등 25개 이상의 이벤트 유형에 연결되는 OpenCode 플러그인을 만들 수 있도록 돕습니다. JavaScript/TypeScript 모듈을 위한 플러그인 구조, 이벤트 API 명세, 구현 패턴을 제공합니다. OpenCode AI 어시스턴트의 라이프사이클을 사용자 정의 이벤트 기반 로직으로 가로채거나, 모니터링하거나, 확장해야 할 때 사용하세요.

스킬 보기
sglang
메타

SGLang은 RadixAttention 프리픽스 캐싱을 활용하여 JSON, 정규식, 에이전트 워크플로우를 위한 고속 구조화 생성에 특화된 고성능 LLM 서빙 프레임워크입니다. 특히 반복되는 프리픽스가 있는 작업에서 상당히 빠른 추론 속도를 제공하여 복잡한 구조화 출력 및 다중 턴 대화에 이상적입니다. 제약 디코딩이 필요하거나 광범위한 프리픽스 공유가 있는 애플리케이션을 구축할 때는 vLLM과 같은 대안보다 SGLang을 선택하십시오.

스킬 보기