journey-mapping
Acerca de
Esta habilidad crea mapas de viaje del cliente y planos de servicio para visualizar experiencias de usuario de principio a fin, incluyendo puntos de contacto, emociones y puntos de fricción. Ayuda a alinear equipos e identificar puntos problemáticos a lo largo de todo el recorrido de un servicio o producto. Úsala cuando necesites una visión compartida y holística de la experiencia del cliente, más allá de las perspectivas departamentales.
Instalación rápida
Claude Code
Recomendadonpx 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-mappingCopia y pega este comando en Claude Code para instalar esta habilidad
Documentación
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.
Repositorio GitHub
Preguntas frecuentes
¿Qué es el Skill journey-mapping?
journey-mapping es un Skill de Claude creado por rampstackco. Los Skills agrupan instrucciones y recursos que Claude carga cuando los necesita para realizar tareas relacionadas con journey-mapping sin indicaciones adicionales.
¿Cómo instalo journey-mapping?
Usa los comandos de instalación de esta página: añade journey-mapping a Claude Code como plugin o clona su repositorio en tu directorio de skills y reinicia Claude para cargarlo.
¿A qué categoría pertenece journey-mapping?
journey-mapping pertenece a la categoría Meta.
¿Se puede usar journey-mapping gratis?
Sí. journey-mapping aparece en AIMCP y se puede instalar gratis.
Habilidades relacionadas
Esta habilidad proporciona una configuración probada en producción para Content Collections, una herramienta centrada en TypeScript que transforma archivos Markdown/MDX en colecciones de datos con tipado seguro mediante validación Zod. Úsala al construir blogs, sitios de documentación o aplicaciones Vite + React con mucho contenido para garantizar seguridad de tipos y validación automática de contenido. Abarca todo, desde la configuración del plugin de Vite y compilación MDX hasta la optimización de despliegue y validación de esquemas.
Esta habilidad permite a los desarrolladores crear aplicaciones con la plataforma de mercados de predicción Polymarket, incluyendo la integración de API para operaciones y datos de mercado. También proporciona transmisión de datos en tiempo real a través de WebSocket para monitorear operaciones en vivo y actividad del mercado. Úsela para implementar estrategias de trading o crear herramientas que procesen actualizaciones de mercado en tiempo real.
Esta habilidad ayuda a los desarrolladores a crear complementos de OpenCode que se conectan a más de 25 tipos de eventos, como comandos, archivos y operaciones LSP. Proporciona la estructura del complemento, las especificaciones de la API de eventos y los patrones de implementación para módulos en JavaScript/TypeScript. Úsala cuando necesites interceptar, monitorear o extender el ciclo de vida del asistente de IA de OpenCode con lógica personalizada basada en eventos.
SGLang es un framework de alto rendimiento para el servicio de LLM que se especializa en generación rápida y estructurada para JSON, expresiones regulares y flujos de trabajo de agentes utilizando su caché de prefijos RadixAttention. Ofrece una inferencia significativamente más rápida, especialmente para tareas con prefijos repetidos, lo que lo hace ideal para salidas complejas y estructuradas, y conversaciones multiturno. Elige SGLang sobre alternativas como vLLM cuando necesites decodificación restringida o estés construyendo aplicaciones con uso extensivo de prefijos compartidos.
