customer journey map website example

Customer Journey Maps: How to Create Really Good Ones [Examples + Template]

Updated: April 17, 2024

Published: August 07, 2018

Did you know 70% of online shoppers abandoned their carts in 2022? Why would someone spend time adding products to their cart just to fall off the customer journey map at the last second?

The thing is — understanding your customer base can be very challenging. Even when you think you’ve got a good read on them, the journey from awareness to purchase for each customer will always be unpredictable, at least to some level.

Download Now

While it isn’t possible to predict every experience with 100% accuracy, customer journey mapping is a convenient tool for keeping track of critical milestones that every customer hits. In this post, I’ll explain everything you need to know about customer journey mapping — what it is, how to create one, and best practices.

Table of Contents

What is the customer journey?

What is a customer journey map, benefits of customer journey mapping, customer journey stages.

• What’s included in a customer journey map?

The Customer Journey Mapping Process

Steps for creating a customer journey map.

• Types of Customer Journey Maps

Customer Journey Mapping Best Practices

• Customer Journey Design
• Customer Journey Map Examples

Free Customer Journey Map Templates

Free Customer Journey Template

Outline your company's customer journey and experience with these 7 free templates.

• Buyer's Journey Template
• Future State Template
• Day-in-the-Life Template

Download Free

All fields are required.

You're all set!

Click this link to access this resource at any time.

The customer journey is the series of interactions a customer has with a brand, product, or business as they become aware of a pain point and make a purchase decision. While the buyer’s journey refers to the general process of arriving at a purchase, the customer journey refers to a buyer's purchasing experience with a specific company or service.

Customer Journey vs. Buyer Journey

Many businesses that I’ve worked with were confused about the differences between the customer’s journey and the buyer’s journey. The buyer’s journey is the entire buying experience from pre-purchase to post-purchase. It covers the path from customer awareness to becoming a product or service user.

In other words, buyers don’t wake up and decide to buy on a whim. They go through a process of considering, evaluating, and purchasing a new product or service.

The customer journey refers to your brand’s place within the buyer’s journey. These are the customer touchpoints where you will meet your customers as they go through the stages of the buyer’s journey. When you create a customer journey map, you’re taking control of every touchpoint at every stage of the journey instead of leaving it up to chance.

For example, at HubSpot, our customer’s journey is divided into three stages — pre-purchase/sales, onboarding/migration, and normal use/renewal.

Don't forget to share this post!

Related articles.

Do Cashiers Not Talk Anymore? The Discourse Behind Service Obligations and Courtesies

Intelligent Customer Experience (ICX): How to Implement It in 2024 [+ Expert Insight]

How to Maximize Your Success with a Customer Experience Platform

How to Measure Customer Experience: 8 Metrics 1000+ Service Reps Prioritize [+Data]

How AI Image Misuse Made a World of Miscommunication [Willy's Chocolate Experience]

7 Ways to Delight Your Customers This Holiday Season

14 Customer Experience Fails that Companies Can Learn From

How Customer Experience Has Evolved Over the Last Decade [+ 2024 Trends]

Memorable Examples of AR in Customer Experience [+Tips for Implementing the Technology]

Outline your company's customer journey and experience with these 7 free customer journey map templates.

Service Hub provides everything you need to delight and retain customers while supporting the success of your whole front office

8 Customer Journey Map Examples [+ Templates]

10 min read

According to Gartner , companies that properly use customer journey maps are twice as likely to outperform their competitors that don’t. But to unlock such effective results, first, you need to know how to create impactful maps—which is what these 8 customer journey map examples are for.

From Uber to Starbucks, all these examples share the same aim: to understand customer interactions, emotions, and pain points throughout their journey.

To enhance the customer experience and ultimately drive product engagement , let’s explore these 8 examples to help you achieve that goal!

• Customer or user journey maps come in many types, with the most beneficial formats being the current state, days in the life, future state map, and service blueprint.
• While there’s a lot to learn from successful customer journey map examples, here are 8 key insights from each map:
• Spotify : Effective journey maps help integrate features seamlessly by tracking user engagement and identifying areas for enhancement.
• Uber : Optimizing the first-time user experience requires focusing on critical touchpoints and user emotions to ensure a smooth onboarding process .
• Chatmate : Identifying and addressing user issues throughout their journey helps refine overall satisfaction and improve product usability .
• Starbucks : Enhancing repeat customer experiences involves analyzing interactions and emotions to build loyalty and manage ongoing engagement effectively.
• Rail Europe : Improving multi-channel interactions requires refining each touchpoint in the booking process and understanding customer sentiments to enhance overall service.
• Etsy : Detailed service blueprints are essential for perfecting complex actions and ensuring that touchpoints and processes align with customer needs .
• Amazon : Comprehensive journey maps are crucial for optimizing each stage of the e-commerce experience by tracking product metrics and addressing customer concerns.
• HubSpot : Detecting and resolving friction points across different user interactions can significantly improve engagement and satisfaction.
• The basic steps for designing comprehensive customer journey maps include:
• Defining your objectives.
• Creating user personas .
• Picking an appropriate template.
• Gathering relevant data and populating your map.
• Miro, Figma, and Canva each offer customizable customer journey map templates with unique collaboration features.
• To build insightful journey maps, you can also leverage data from behavioral analytics tools. Schedule a Userpilot demo to see how you can get started.

Try Userpilot and Take Your Customer Journey to the Next Level

• 14 Day Trial
• No Credit Card Required

Types of customer journey maps

Every customer’s journey is unique. So there’s no universal customer journey mapping template for all companies to adopt. To help you pick the right type, here’s a look at the most commonly used map formats.

• Current state : Visualize the current customer experience based on actual interactions as of today. Useful for identifying customer pain points and setting the stage for future state mapping based on how you’d like the customer experience to be.
• Day in the life : Maps a customer’s entire daily routine chronologically to provide context and insights into when and where your product or service might be most valuable.
• Future state : Envisions how the customer journey should look in the future. It focuses on potential improvements, customer desires, and wants while aligning the changes with future goals.
• Service blueprint : Details behind-the-scenes processes and interactions performed by the company to support the customer journey. The service blueprint is the counterpart of a journey map since it focuses on the company’s view instead of the customer’s perspective.

Customer journey map examples

Customer journey mapping also helps reduce costs since you’re no longer making improvements on hunches alone. However, you only enjoy these benefits once you know how to create a solid journey map . Let’s learn how to do that with these successful customer journey map examples.

Spotify’s premium customer journey map

Spotify created a customer journey map to understand potential changes in user behavior and emotions once they became paid customers. You should use such a map when you need to learn how to boost conversion while keeping customers engaged for retention.

Let’s delve into the various elements tracked with this customer journey map:

• Customer journey stages and potential user interactions in each stage, from opening the mobile app until they engage with shared music from friends.
• Highlights various user touchpoints, such as app usage and music discovery.
• Includes multiple channels like Spotify’s mobile and desktop platforms.
• The map also captures users’ thoughts and emotions, from excitement to potential frustration, along different journey stages.

Uber’s first-time experience journey map

Uber’s experience map was created to understand and optimize the first-time user experience , starting from the initial moment they interacted with the app. So, use this map to improve the onboarding experience and refine the user experience for new customers.

Moving on to the elements, here’s everything the user journey map tracks:

• Details key user interactions from signing up and setting up payment information to requesting a ride and experiencing their first trip.
• Highlights multiple channels for potential touchpoints, including the mobile app and customer support interactions.
• Captures user emotions throughout the journey, ranging from anticipation to potential confusion.
• Breaks the experience into stages to highlight critical moments where users might need additional guidance.

Chatmate’s customer journey mapping example

Chatmate’s customer journey map pinpoints where users encounter problems , identifying customer pain points and opportunities throughout their interactions. This map is particularly valuable when launching new features .

Here are the various elements tracked with this experience map:

• Divides the user’s experience into customer journey stages.
• Highlights key user interactions for each stage, from initial discovery to ongoing engagement.
• Lists important touchpoints to drive engagement at each stage, such as digital ads during awareness or tutorials for onboarding.
• Includes various channels, such as mobile apps and web interfaces.
• Captures users’ emotions, ranging from initial curiosity and excitement to potential confusion or irritation at specific stages.

Starbuck’s repeat customer experience map example

Any list of the best customer journey mapping examples needs to include Starbucks. Starbucks developed a customer journey map to understand how repeat customers interact with the brand. Build this map when you want to manage repeat customer experiences to drive retention .

Here’s a detailed look at the elements tracked using this journey map example:

• Customer journey stages and potential interactions from the initial visit to ongoing use.
• Highlights journey touchpoints , such as mobile orders, in-store visits, and customer loyalty rewards.
• Includes multiple channels, like the app, physical store, and digital communications.
• Captures customers’ emotions through each stage of the experience, ranging from satisfaction to potential frustration.
• Differentiates between different customer experience types, i.e. poached, baseline, or enriched.

Rail Europe’s journey map with customer touchpoints by channels

Rail Europe created a journey map to enhance the travel booking experience. The purpose was to optimize how customers engage with Rail Europe’s services by refining customer journey touchpoints and their multiple channels throughout the booking process.

Let’s explore all the elements tracked with this customer journey map example:

• Customer journey stages and potential user interactions, from searching for train options to finalizing a booking.
• Highlights multiple channels for possible touchpoints, such as the website, mobile app, customer service , email communications, and beyond.
• Tracks customer sentiments at different stages, ranging from enthusiasm about trip planning to potential dissatisfaction if challenges arise during booking or travel.

Do note that due to the multi-channel approach, this customer journey map template is quite dense. So, only use it if you are comfortable undertaking such complexity.

Etsy’s service blueprint map

Etsy developed the service blueprint map with the main aim of perfecting its customer service and shopping experience. The purpose was to build up various touchpoints and processes that could enhance customer satisfaction and streamline complex support processes.

Let’s deep dive into the elements tracked with this blueprint map:

• Customer journey stages are divided into time stamps.
• Potential customer interactions , from browsing and purchasing items to post-purchase support and feedback.
• Highlights important touchpoints at the back end, such as the website interface, customer service activity, and order fulfillment.
• Includes multiple channels like online chat, email, and in-app notifications .
• Tracks user sentiments , ranging from enthusiasm during the discovery process to annoyance with order issues or support delays.

Amazon’s customer journey map

Customer journey map examples can’t be complete without mentioning Amazon. Amazon’s journey map was designed to improve its complex e-commerce experience and drive customer engagement .

This map is particularly helpful for identifying specific experience touchpoints and metrics—like conversion rates and purchase assists—crucial for optimizing processes.

Let’s explore the key elements captured in this customer journey map:

• Details user interactions across various touchpoints, from searching for products and adding items to the cart to completing a purchase.
• Includes multiple channels, like Amazon’s website, mobile app, and customer service .
• Captures customer emotions and concerns, ranging from anticipation during browsing to potential dissatisfaction if problems occur during checkout or delivery.
• Tracks success metrics across each stage of the customer journey.

Do note, Amazon’s customer journey map template is incredibly detailed and complicated. So, only use it if you’re comfortable with such complexities.

HubSpot’s customer journey map for identifying friction

Finally, there’s HubSpot’s simple customer journey map example, ideal for “a day in the life” mapping. The map was designed to identify friction points in the customer experience and solve problems customers encounter throughout their journey.

Building this type of map is especially useful when aiming to improve the success of customer engagement strategies .

Here are all the elements this customer journey map can track:

• Outlines customer interactions throughout various times of the day.
• Tracks touchpoints such as product discovery , engagement with customer support , and decision-making processes.
• Emphasizes different channels, including HubSpot’s website, email communications, and customer service .
• Captures customer sentiments , from initial enthusiasm during product exploration to potential disappointment when encountering obstacles or delays.

How to create customer journey maps?

Inspired to create your own customer journey maps? Here’s a concise guide to building effective maps, from initial planning to data collection for populating your map. Let’s get started!

Determine your customer journey mapping objectives

The first step is to set your goals for the customer journey map. Clearly define what you hope to achieve with the map. For instance, are you looking to uncover customer pain points , or is the objective to improve customer engagement ?

Also, define which stage of the customer journey you will focus on, such as onboarding, purchase, or retention.

Lastly, figure out who needs to be involved in the creation and utilization of the customer’s journey map. Consider involving key stakeholders, such as marketing, customer support, and product teams , to ensure a thorough and well-defined strategy.

Identify and build the customer personas

Creating accurate customer personas helps you understand your ideal customers by identifying their key characteristics and behaviors. You can build such personas by first gathering data through in-app surveys , interviews, and product analytics . Here’s an example:

To simplify persona creation, consider utilizing tools like the customer profile feature in Userpilot. The feature enables you to compile and analyze gathered information, ensuring your personas reflect the real needs and preferences of your target audience.

Use a suitable customer journey map template

There are several customer journey map formats and templates to choose from, each serving a different function.

So, pick a template or framework that aligns with your objectives and the specific stage of the customer journey you’re focusing on. Select one that provides clear visualizations , accommodates the data you will gather, and effectively highlights pain points and improvement areas.

Here’s a template from Miro:

Collect data to fill in your journey map

Before you start populating your customer journey map, you must first collect the relevant customer data . Some great sources for comprehensive data include customer interviews, surveys, and feedback collection .

You can also use analytics data to uncover behavioral patterns and drop-off points .

Templates for customer journey mapping process

Finally, it’s time to explore different templates for mapping various customer journeys. There are various tools available with their own templates, each offering unique features for brainstorming, collaboration, and customization. Let’s go over all the options to find the best fit for your needs.

Customer journey map templates in Miro

Considering the level of customizability they offer, Miro’s templates are suitable for creating journey maps for projects of all kinds.

You can adjust stages and paths, add notes or extra steps, and integrate visuals , ensuring a tailored approach to mapping your customer’s journey. The same template can be used to explore all customer journey stages, like the onboarding map below.

Miro aids collaboration by allowing teams to co-create simultaneously. Team members can also brainstorm in real-time by adding sticky notes and comments to the map.

Customer journey map templates in Figma

Use Figma’s template to visualize key interactions of a customer’s experience with your product, from initial contact to purchase and retention.

Figma supports collaboration with immediate updates, enabling team members to co-design together. Teams can also add comments within the design to aid the brainstorming process.

Lastly, you can adjust the template as needed by adding stages, updating content, managing connecting flows, and integrating feedback.

Customer journey map templates in Canva

Canva offers a variety of templates, most of which are useful for visually tracking and improving user experience interactions .

Canva facilitates collaboration with its real-time editing, comments, and reactions features, allowing team members to work together.

You can also customize the template by adjusting text, colors, and layout, as well as adding icons and graphics to align with your specific needs and branding. While Canva is a good option, its customizability features are simple and more suited for beginners.

The customer journey is not a linear path but an ongoing cycle of interactions and experiences. Nevertheless, we hope these customer journey map examples give you a starting point on how to build one. You can also try tools like Miro, Figma, and Canva, which provide great templates to build upon.

Looking to refine your customer journey map with data-driven insights? Get a Userpilot Demo and see how we can help you with effective user research.

Leave a comment Cancel reply

Save my name, email, and website in this browser for the next time I comment.

Get The Insights!

The fastest way to learn about Product Growth,Management & Trends.

The coolest way to learn about Product Growth, Management & Trends. Delivered fresh to your inbox, weekly.

The fastest way to learn about Product Growth, Management & Trends.

You might also be interested in ...

Beta testing feedback form template: questions and examples.

Userpilot Content Team

Messaging Strategies: How to Build One + Examples

Push notifications vs in-app notifications: key differences.

• Case studies
• Expert advice

How to create a customer journey map—a step-by-step guide with examples

Learning more about client experience is the best way to understand and improve it. As you are reading this article, you already know that 😉 

Here, you will find a detailed step-by-step guide on making a customer journey map (CJM), examples, expert tips, templates, and a PDF guide to download and save for later.

• 1 What is a customer journey map?
• 2 Benefits of client journey mapping
• 3.1 Step 1: Define your persona
• 3.2 Step 2: Set customer journey stages
• 3.3 Step 3: Define journey map sections
• 3.4 Step 4: Set customer goals
• 3.5 Step 5: Define touchpoints
• 3.6 Step 6: Processes and channels
• 3.7 Step 7: Problems and ideas
• 3.8 Step 8: Emotional graph
• 3.9 Step ?: Be Creative!
• 4 Customer journey map examples
• 5 A customer journey mapping checklist
• 6 The free guide to download

What is a customer journey map?

A customer journey map is the final output of the collaborative visualization process called customer journey mapping. This process lets you reveal typical experiences the customers have over time when interacting with your organization, service, or product. A finished map provides insights into their actions, processes, goals, needs, channels, emotions, and many other aspects shaping the customer experience. 

Journey maps can be of different scopes. For example, a broad-scope map would include multiple customer journey stages like ‘Awareness’, ‘Decision’, ‘Purchase’, ‘Support’, and ‘Renewal’. In contrast, a map with a narrower focus would look at a few specific stages like ‘Decision’ and ‘Purchase’.

CJMs focusing on the current experience are AS-IS maps, while journey maps visualizing the future, desired, state of the experience are called TO-BE maps.

There’s also a similar technique, customer experience mapping, which is often used interchangeably with journey mapping. Experience maps are variations of maps, but they typically cover a wider range of interactions and contexts beyond a specific consumer-business relationship. 

Benefits of client journey mapping

Why make journey mapping your tool of choice? There are plenty of reasons, the major of which include:

• Gaining a deeper understanding of your customers 

For instance, a high-end fashion retailer may discover that its younger customers prefer online shopping, while older customers enjoy the in-store experience.

• Getting a single view of your customer within the organization

Journey mapping will help you turn a fragmented vision of the customer experience into a unified, organization-wide one. It will have a massive impact on the decision-making process, encouraging you to consider how your actions will affect your clients and become customer-focused.

• Breaking corporate and cross-department silos 

To make the way toward delivering a great customer experience, you will need to collaborate with others. Understanding why this collaboration is essential, departments and employees will be more inclined to participate in conversations and collaborate.

• Improving customer experience, retention, and loyalty

While working on a map, you will discover customer pain points at different stages of their journey with you. Fixing the most crucial one as quickly as possible will do you a good turn by eliminating the reasons for leaving you. If fixes take much time, look for quick wins first. 

For instance, adding details about your shipping policy on the website will take a developer half an hour, while it will set the right expectations among customers. They won’t be expecting the delivery the next day anymore, bombarding your customer support team with frustrated messages. Another example is a subscription-based video streaming service that can personalize content recommendations to keep subscribers engaged and less likely to cancel their subscriptions.

• Better conversion and targeting of your target customers

Sometimes, it makes sense to zero in on a specific segment or, in journey mapping terms, focus on particular personas. Customer journey insights give you a deeper understanding of these individuals, helping you craft more effective marketing strategies. By identifying and analyzing key touchpoints —where your customers interact with your brand—you can better understand their needs and pain points, ensuring that each interaction is meaningful and contributes to a seamless overall experience.

How to build a customer journey map

Although there is no gold standard for creating a customer journey map, we’ll try to create a somewhat generalized map. So that you can use it as a reference when making maps of your own.

We’ll be using our CJM Online tool along the way for two reasons. Because it’s easy to use and lets you create a map fairly quickly without wasting time setting up the environment.  

We’ll take a pizza restaurant as an example and learn how to make a customer journey map together. Once you understand the principles, you can apply them to create a journey map for any business, no matter the industry. 

Step 1: Define your persona

Creating personas is a crucial part of customer experience service and journey mapping in particular. We won’t go into details—you can find them in the post about defining personas .

Let’s just say that our persona’s name will be Eva Molin—29, works as a journalist and loves pizza. Eva is not really tech-savvy, and she tries to maintain a healthy lifestyle.

Step 2: Set customer journey stages

Stages are the steps customers take when interacting with a business. The easiest way to identify them is to think of all the actions the person has to take throughout their journey, organize them into logical groups, and name these groups. These will be your map stages. 

The number of stages varies from business to business, but we’ll take 8 for this example:

💡 Expert tips: 

• If you’re unsure about the order or names of the stages, don’t worry about that. You can change both at any time when working on the map.
• If your stages are complex, you can break them into smaller ones. Read this blog post about defining customer journey stages to learn more.

Step 3: Define journey map sections

Sections are horizontal rows with data that, together with the stages you defined, make up a customer journey map.

When picking sections for a map, your choice will depend on your journey’s type and purpose. 

As for UXPressia’s Journey Map tool, it offers a set of more or less universal sections for all kinds of maps. 

We’ll use some of the sections in the current example.

Step 4: Set customer goals

Setting customer goals at each stage is great for multiple reasons:

• It helps you understand how your business goals align with the goals of your customers.
• You can meet your customers’ needs better, gaining their loyalty by helping them achieve their goals at each stage.

Above, you can see some of the goals we set for Eva. They are self-explanatory, so there’s no need for extra details.

Step 5: Define touchpoints

Touchpoints are encounters that happen between your business and customers. In the pizza restaurant example, touchpoints happen:

• At the Awareness phase, when Eva is actively looking for a pizza place nearby. She is asking around, searching locations on Google Maps, etc.
• At the Research phase, when she is trying to find out what people say about the place by asking her friends and reading online reviews.
• At the Arrival stage, when Eva searches for a parking spot and enters the restaurant to get seated after parking the car.
• At the Order stage, when she makes an order and waits for it.
• Time to eat! At this stage, touchpoints occur when Eva is being served and when she is eating her meal.
• At the Leave stage, Eva interacts with the waiter, pays for the meal, etc.
• At the Feedback stage, she goes to the pizzeria’s website and drops a few lines on Instagram.
• At the last stage, Eva gets a promo email from the restaurant with discounts or other special offers.

Defining all the touchpoints is critical because each touchpoint leaves some impression, and your main goal is to keep it up to the mark.

You can also have a separate section to describe the actions your persona takes:

Step 6: Processes and channels

Now, you may want to add some processes and channels to the map. Just to see what channels your persona uses and what types of processes are in their journey. Luckily, our tool lets you do it in the most awesome way. Processes can be linear, non-linear & time-based, cyclic, or bi-directional. In UXPressia, you can specify up to 10 channels per process.

Step 7: Problems and ideas

It’s time to explore problems Eva might have when using our service. It could be a lack of info about the pizza house. Few reviews and ads do not show how our pizza differs from others.

Upon arriving, Eva may struggle with locating the place due to unclear information on signboards or just because of a hard-to-find location.

When making her order, Eva may look for detailed info on dish ingredients to learn whether it contains peanuts she’s allergic to. Descriptions may not be as detailed as she’d want them to be.

While waiting for the pizza, Eva may want to check out the place. Finding a restroom can turn into a nightmare if you don’t have clear signs showing what’s where in the restaurant.

Once you’re done with problems, it’s time to find solutions to these problems. Brainstorm for some ideas on how this or that problem can be solved. Here’s what we brainstormed for Eva’s case:

Pro tip: You can have your team vote on decisions either synchronously or asynchronously to determine which solutions to prioritize and implement. 

Step 8: Emotional graph

Never underestimate the power of visualization. And our Customer Journey tool is all about it. We added an emotional graph to see where our service example shines and where it stinks. Plus, we filled text boxes with Eva’s thoughts:

There’s also a special section ( “Think & feel” ) to put personas’ thoughts.

Step ?: Be Creative!

This is a good start, but the map is far from being complete. So, keep exploring Eva’s journey to find more insights and then add all of them to the map.

If you use our tool (which we highly recommend you to do), check out other CJM sections:

• Image section for screenshots, photos, or any other relevant imagery. You can even turn it into a storyboard , describing the journey from beginning to end with your images or those from our library.

• Charts section for communicating data in a visual and meaningful way, just like we did it in the persona:

• Video and document sections for journey-related videos and documentation (e.g., an annual marketing report).
• Personas section for visualizing different personas’ interactions within the same journey.
• Metrics. In UXPressia, you can embed different metrics into your maps and personas, connecting your customer experience data with the customer journey and business KPIs.

💡 Expert tip: The section with the persona’s questions works like a charm for marketing and content purposes. So be sure to add one 😉

Customer journey map examples

There are also a whole lot of free CJM templates for all sorts of journeys in our library. Here are three examples we picked for you, each made in our customer journey builder .

• Example 1: a mobile user journey

This user journey map template covers the digital experience of the persona who discovers a new mobile app, installs it, and uses the app for some time before deleting it.

• Example 2: a client journey map for a corporate bank

This free template is an example of a multi-persona, B2B customer journey. The key persona is a newly opened company looking for a bank to run their business. The map also visualizes interactions between the personas involved. 

• Example 3: a digital customer journey

This customer journey map example shows the digital journey of three customer personas who want to buy a new pair of sneakers online. They go through the same stages, but if you look at the map, you will be able to see the differences in customer behavior, goals, and actions. It’s also a multi-persona journey map .

A customer journey mapping checklist

As a quick recap, here is a checklist with key steps to follow when building a customer journey map:

• Do research

To represent real people, your real customers, and visualize their journeys, you must base your personas and journey maps upon actual data.

• Define your customer persona(s)

Identify your target personas. Create detailed profiles focusing on information relevant to your journey mapping initiative. Include such details as background, customer needs, motivations, channels, etc. 

• Specify journey map stages

Determine the stages you want to have on your map and come up with their names.

• Decide on the map sections

Determine which sections to include in your map (e.g., actions, touchpoints, emotions, channels).

• Set customer goals for each stage

Make sure that it is your customers’ goals, not your business goals.

• Identify touchpoints between the persona(s) and your organization, product, or service

Consider both online and offline interactions.

• Map out processes and channels

Visualize the journey-specific processes and the channels your customers use at each stage. Include both digital and physical channels.

• Highlight problems and look for opportunities

Identify any pain points and issues customers might encounter. Brainstorm potential solutions and quick wins to improve the experience.

• Add details about the emotional experience

Visualize the persona’s emotional journey. Include thoughts and feelings where it’s relevant.

• Use more sections

Include illustrations, images, and charts to make the map visually engaging and easy to understand. Enrich your journey map with more data, like KPIs related to journey stages.

Feel free to tailor this checklist to the specific context of your business and your project's needs.

The free guide to download

As a bonus, download our free guide to mapping out the customer journey. Fill in the form below to get a PDF file as an email.

Related posts

The post was originally written in 2017.

Rate this post

first of all, excellent example and I’m very happy to I could understand how to create user journey map, due to for a long time I can’t understand it and how, many thanks for your efforts 🙂 I have some question about ser journey map. I hope to open your chest for me,

1-no there are rules for user journey map? 2-I need another example ?(for example Uber)?further understand 3-have I create user journey map without customer?

Hello, Karim!

I am very glad that this article helped you understand customer journey mapping 🙂

In regards to your first question, I would say that journey maps differ from business to business. However, they tend to have the same structure give or take. So no matter what industry you make a CJM for, you will end up having several stages and a bunch of sections we mentioned in this post.

If you’re looking for CJM examples of Uber customers, here is one: https://www.mindomo.com/doc.htm?d=92be818b774d422bad7eab790957ebc0&m=7d286174ccf1450bbb77c921a609ff65 Plus we have a lot more on our template page: https://uxpressia.com/templates

As for your last question, yes. You may have a journey map without a customer (persona) and use target audience segments instead (or have a generic map without personas at all, though I don’t recommend the latter as in this case it will be hard to empathize with real people). So you will certainly have to introduce a customer down the road to gain a deeper understanding of the journey.

many thanks for your reply to me and again I have some questions

1-why you don’t use in your example? user experience, empathy maps such as use goal touch point, and how to create it 2-As for the previous example (Uber) very confuse for me not as your example

Could you please rephrase your first question? And as for the Uber map, well, that’s all I managed to find. 🙂 But again, here you can find a hundred of map examples of all stripes and colors: https://uxpressia.com/templates

welcome again, my question is? what’s different between Aware and Research

The differences come from the names.

At the aware stage your client realizes that there’s a need for a service/product. Or they find out that your company exists and offer a desired service.

While at the research stage they either do research on your business (e.g. visit your website or ask their friends if they used your service) or they research what is out there on the market that can help them.

Makes sense? 🙂

Thank you for this,

I am wondering , Have you done examples on B2B services. I work in Accreditation & Certification, this seems to be the least visited topic in marketing platforms and blog sites.

We have some B2B templates in our Template Library . Type B2B tag in the search placeholder and you will see all categories with the fitting templates. You can also explore the B2B mapping guide here .

Good luck and happy customers!

Great article, well articulated and detailed. I am starting off with service design and was wondering if I could get some advice mapping out a customer journey for a specific project. I was mapping out how do one approach to repair services?

Hi Shreya, glad you liked the article!

If you’re dealing with home repair, I might suggest our pre-filled template for an interior design agency customer journey: https://uxpressia.com/templates/real-estate . Templates can be a great starting point even if they’re not a 100% match to your use case.

Other than that, you will need to create a persona. If you don’t have any research data yet, do it based on your assumptions. Then, try to visualize what their experience across all stages and interactions with the repair service might be. Once you have the first draft, you can proceed with validating it and adding more data as it comes in.

If you have more context on the project, I can look into it and come up with specific tips 🙂

I very delighted to find this internet site on bing, just what I was searching for as well saved to fav

Thank you for sharing, it was something I researched.

Hi Rok! Happy mapping 🙂

Are you an agency specialized in UX, digital marketing, or growth? Join our Partner Program

Learn / Guides / Customer journey mapping (CJM) guide

Back to guides

Customer journey mapping in 2 and 1/2 days

How to create a customer journey map that improves customer success.

Last updated

Reading time.

There’s a common saying that you can’t understand someone until you’ve walked a mile in their shoes—and that’s exactly what customer journey maps do: they help you put yourself in different customers’ shoes and understand your business from their point of view.

Why should you do it? How should you do it? Find the answers in this guide, which we wrote after interviewing 10+ customer journey experts who shared methodologies, dos and don’ts, and pro tips with us. 

On this page:

What is a customer journey map?

How to create a customer journey map in 2 and ½ working days

4 benefits of customer journey mapping for your business

In later chapters, we dive deeper into customer journey analytics, workshops, and real-life examples.

Start mapping your customer journey

Hotjar lets you experience the customer journey through their eyes, so you can visualize what’s working and what needs improvement.

A customer journey map (CJM) is a visual representation of how customers interact with and experience your website, products, or business across multiple touchpoints.

By visualizing the actions, thoughts, and emotions your customers experience, a customer journey map helps you better understand them and identify the pain points they encounter. This is essential if you want to implement informed, customer-focused optimizations on your site.

Mapping the customer journey: narrow vs. wide focus

A customer journey map can have a very narrow focus and only look at a few, specific steps of the customer experience or buyer’s journey (for example, a product-to-purchase flow on a website), or it can take into account all the touchpoints, online and offline, someone goes through before and after doing business with you. 

Each type of customer journey map has its advantages:

A CJM with a narrow focus allows you to zero in on an issue and effectively problem-solve 

A CJM with a wide focus gives you a broader, holistic understanding of how customers experience your business

Regardless of their focus, the best customer journey maps have one thing in common: they are created with real customer data that you collect and analyze . The insights are usually organized into a map (hence the name), diagram, or flowchart during a group workshop, which is later shared across the entire business so everyone gets a clear and comprehensive overview of a customer’s journey.

How to create your first customer journey map in 2 and ½ working days

The process of creating a customer journey map can be as long or short as you need. Depending on how many people and stakeholders you involve, how much data you collect and analyze, and how many touchpoints there are across the business, you could be looking at days or even weeks and months of work.

If you’re new to customer journey mapping, start from a narrower scope before moving on to mapping every single customer touchpoint . 

Here’s our beginner customer journey mapping framework to help you create your first complete map in 2 and ½ working days:

Day 1: preliminary customer journey mapping work

Day 2: prep and run your customer journey mapping workshop.

Final ½ day: wrap up and share your results

Download your free customer journey map checklist  (as seen below), to mark off your tasks as you complete them.

On your first day, you have three essential tasks:

Define the goal and scope of your CJM

Collect customer data and insights

Invite your team to a customer journey mapping workshop

Step 1: define the goal and scope of your CJM

Clarifying what part(s) of the journey you're looking at, and why, helps you stay focused throughout the mapping process.

If this is your first map,  start from a known issue or problematic area of your website. Keep the scope small, and focus on anything you can break down into four or five steps. For example:

If you have a high drop-off on a pricing page with five calls-to-action, each of which takes users to a different page, that’s enough for a mappable journey

If your purchase flow is made of five self-contained pages, each of which loses you potential customers, that’s a good candidate for mapping

✅ The output: a one- or two-sentence description of what your map will cover, and why, you can use whenever you need to explain what the process is about. For example: this map looks at the purchase flow on our website, and helps us understand how customers go through each step and the issues or obstacles they encounter. The map starts after users click ‘proceed to checkout’ and ends when they reach the 'Thank You' page .

Step 2: collect customer data and insights

Once you identify your goal and scope, the bulk of your first day should be spent collecting data and insights you’ll analyze as part of your mapping process. Because your map is narrow in focus, don’t get distracted by wide-scale demographics or data points that are interesting and nice to know, but ultimately irrelevant. 

Get your hands on as much of the following information as you can:

Metrics from traditional analytics tools (such as Google Analytics) that give you insight into what’s happening, across the pages and stages your customer journey map covers

Data from analyzing your conversion ‘funnels’ , which record how many visitors end up at each stage of the user journey, so you can optimize those steps for potential customers and increase conversions

Behavior analytics data (from platforms like Hotjar) that show you how people interact with your site. For example, heatmaps give you an aggregate view of how users click, move and scroll on specific pages, and session recordings capture a user’s entire journey as they navigate your site

Quantitative and qualitative answers to on-site surveys relevant to the pages you’re going to investigate, as customer feedback will ultimately guide your roadmap of changes to make to improve the journey

Any demographic information about existing user and customer personas that helps you map the journey from the perspective of a real type of customer, rather than that of any hypothetical visitor, ensuring the journey makes sense for your target audience

Any relevant data from customer service chat logs, emails, or even anecdotal information from support, success, and sales teams about the issues customers usually experience

✅ The output: quantitative and qualitative data about your customers' interactions and their experiences across various touchpoints. For example, you’ll know how many people drop off at each individual stage, which page elements they interact with or ignore, and what stops them from converting.

💡Pro tip: as you read this guide, you may not yet have most of this data, particularly when it comes to heatmaps, recordings, and survey results. That’s ok. 

Unless you’re running your CJM workshop in the next 12 hours, you have enough time to set up Hotjar on your website and start collecting insights right now. The platform helps you:

Learn where and why users drop off with Funnels

Visualize interactions on key pages with Heatmaps

Capture visitor sessions across your website with Recordings

Run on-site polls with Surveys

When the time comes for you to start your customer journey mapping process, this data will be invaluable.

Step 3: invite your team to a customer journey mapping workshop

In our experience, the most effective way to get buy-in is not to try and convince people after things are done—include them in the process from the start. So while you can easily create a customer journey map on your own, it won’t be nearly as powerful as one you create with team members from different areas of expertise .

For example, if you’re looking at the purchase flow, you need to work with:

Someone from the UX team, who knows about the usability of the flow and can advocate for design changes

Someone from dev or engineering, who knows how things work in the back end, and will be able to push forward any changes that result from the map

Someone from success or support, who has first-hand experience talking to customers and resolving any issues they experience

✅ The output: you’ve set a date, booked a meeting space, and invited a group of four to six participants to your customer journey mapping workshop.

💡Pro tip: for your first map, stay small. Keep it limited to four to six people, and no main stakeholders . This may be unpopular advice, especially since many guides out there mention the importance of having stakeholders present from the start.

However, when you’re not yet very familiar with the process, including too many people early on can discourage them from re-investing their time into future CJM tasks. At this stage, it’s more helpful to brainstorm with a small team, get feedback on how to improve, and iterate a few times. Once you have a firm handle on the process, then start looping in your stakeholders.

On workshop day, you’ll spend half your time prepping and the other half running the actual session.

Step 1: prepare all your materials 

To run a smooth workshop, ensure you do the following:

Bring stationery: for an interactive workshop, you’ll need basic materials such as pens, different colored Post-its, masking tape, and large sheets of paper to hang on the wall

Collect and print out the data: use the data you collected on Day 1. It’s good to have digital copies on a laptop or tablet for everybody to access, but print-outs could be the better alternative as people can take notes and scribble on them.

Print out an empathy map canvas for each participant: start the workshop with an empathy mapping exercise (more on this in Step 2). For this, hand each participant an empty empathy map canvas you can recreate from the template below.

Set up a customer journey map template on the wall: use a large sheet of paper to create a grid you'll stick to the wall and fill in as part of the workshop. On the horizontal axis, write the customer journey steps you identified during your Day 1 prep work; on the vertical axis, list the themes you want to analyze for each step. For example:

Actions your customers take

Questions they might have

Happy moments they experience

Pain points they experience

Tech limits they might encounter

Opportunities that arise

Step 2: run the workshop

This is the most interactive (and fun) part of the process. Follow the framework below to go from zero to a completed draft of a map in just under 2 hours .

Introduction [🕒 5–10 min]

Introduce yourself and your participants to one another

Using the one-two sentence description you defined on Day 1, explain the goal and scope of the workshop and the activities it will involve

Offer a quick summary of the customer persona you’ll be referring to throughout the session

Empathy mapping exercise [🕒 30 min]

Using the personas and data available, have each team member map their observations onto sticky notes and paste them on the relevant section of the empathy mapping canvas

Have all participants take turns presenting their empathy map

Facilitate group discussions where interesting points of agreement or disagreement appear

Customer journey mapping [🕒 60 min]

Using Post-its, ask each participant to fill in parts of the map grid with available information. Start by filling in the first row together, so everybody understands the process, then do each row individually (15–20 min). At the end of the process, you should have something like this:

Looking at the completed map, encourage your team to discuss and align on core observations (and take notes: they’ll come in handy on your final half day). At this point, customer pain points and opportunities should become evident for everybody involved. Having a cross-functional team means people will naturally start discussing what can, or cannot, immediately be done to address them (35–40 min).

Wrap up [🕒 5 min]

Congratulations! Your first customer journey map is complete. Finish the session by thanking your participants and letting them know the next steps.

Final half-day: wrap up and share

Once you’ve gone through the entire customer journey mapping workshop, the number one thing you want to avoid is for all this effort to go to waste. Instead of leaving the map hanging on the wall (or worse: taking it down, folding it, and forgetting about it), the final step is to wrap the process up and communicate the results to the larger team.

Digitize the map so you can easily update and share it with team members: it may be tempting to use dedicated software or invest time into a beautiful design, but for the first few iterations, it’s enough to add the map to your team’s existing workflows (for example, our team digitized our map and added it straight into Jira, where it’s easily accessible)

Offer a quick write-up or a 5-minute video introduction of the activity: re-use the description you came up with on Day 1, including who was involved and the top three outcomes

Clearly state the follow-up actions: if you’ve found obvious issues that need fixing, that’s a likely next step. If you’ve identified opportunities for change and improvement, you may want to validate these findings via customer interviews and usability testing.

4 benefits of customer journey mapping

In 2023, it’s almost a given that great customer experience (CX) provides any business or ecommerce site with a competitive advantage. But just how you’re supposed to deliver on the concept and create wow-worthy experiences is often left unsaid, implied, or glossed over.

Customer journey maps help you find answers to this ‘How?’ question, enabling you to:

Visualize customer pain points, motivations, and drivers

Create cross-team alignment around the business

Remove internal silos and clarify areas of ownership

Make improvements and convert more visitors into customers

We’ve done a lot of customer journey work here at Hotjar, so we know that the above is true—but don’t just take our word for it: all the people we interviewed for this guide confirmed the benefits of journey mapping. Let’s take a look at what they shared.

1. Visualize customer pain points, motivations, and drivers

It’s one thing to present your entire team with charts, graphs, and trends about your customers, and quite another to put the same team in front of ONE map that highlights what customers think, want, and do at each step of their journey.

I did my first customer journey map at MADE.COM within the first three months of joining the company. I was trying to map the journey to understand where the pain points were.

For example, people who want to buy a sofa from us will be coming back to the site 8+ times over several weeks before making a purchase. In that time, they may also visit a showroom. So now I look at that journey, at a customer’s motivation for going to the website versus a physical store, and I need to make sure that the experience in the showroom complements what they're doing on-site, and vice-versa, and that it all kind of comes together.

The map helps in seeing that journey progress right up to the time someone becomes a customer. And it also continues after: we see the next touchpoints and how we're looking to retain them as a customer, so that they come back and purchase again.

A customer journey map is particularly powerful when you incorporate empathy into it, bringing to light specific emotions that customers experience throughout the journey.

2. Create cross-team alignment around the business

The best, most effective customer journey maps are not the solo project of the user experience (UX) or marketing team (though they may originate there).

Customer journey maps are a quick, easy, and powerful way to help everybody in your business get a clearer understanding of how things work from a customers’ perspective and what the customers’ needs are—which is the first step in your quest towards creating a better experience for them.

Our first goal for preparing a customer journey map was to improve understanding customers across the company, so that every employee could understand the entire process our clients go through.

For example, people from the shipping department didn't know how the process works online; people from marketing didn't know how customers behave after filing a complaint. Everything seems obvious, but when we shared these details, we saw that a lot of people didn't know how the company itself works—this map made us realize that there were still gaps we needed to fill.

If we discover that customers have a pain point in a specific section of the map, different teams can look at the same section from several angles; customer support can communicate why something is not possible, and engineering can explain why it’s going to take X amount of effort to get it done. Especially in cross-functional teams where we all come from really different disciplines, I find these maps to be an incredible way for us all to speak the same language.

3. Remove internal silos and clarify areas of ownership

As a company grows in size and complexity, the lines of ownership occasionally become blurry. Without clarity, a customer might get bounced like a ping pong ball across Sales, Success, and Support departments—not great for the seamless and frictionless customer experience we all want to offer.

A central source of ‘truth’ in the form of a customer journey map that everybody can refer to helps clarify areas of ownership and handover points.

We were growing as a team, and we realized we needed to operationalize a lot of the processes that, before then, had just been manually communicated. We did it through a customer journey map. Our goal was to better understand where these hand-off points were and how to create a more seamless experience for our customers, because they were kind of being punted from team to team, from person to person—and often, it was really hard to keep tabs on exactly where the customer was in that entire journey.

4. Make improvements and convert more visitors into customers

A customer journey map will take your team from 'It appears that 30% of people leave the website at this stage' to 'Wow, people are leaving because the info is incomplete and the links are broken.' Once everyone is aligned on the roadblocks that need to be addressed, changes that have a positive impact on the customer experience and customer satisfaction will happen faster.

The customer journey map brings it all together: it doesn't matter who you've got in the room. If you’re doing a proper journey map, they always get enlightened in terms of ‘Oh, my word. I did not know the customer's actually experiencing this.’ And when I walk out of the session, we have often solved issues in the business. Accountability and responsibilities have been assigned, and I find that it just works well.

Shaheema (right) working on a customer journey map

Collect the right data to create an effective customer journey map

The secret of getting value from customer journey mapping is not just building the map itself: it's taking action on your findings. Having a list of changes to prioritize means you can also measure their effect once implemented, and keep improving your customers' experience. 

This all starts with collecting customer-centric data—the sooner you begin, the more information you’ll have when the time comes to make a decision.

Start mapping your customer journey today

Hotjar lets you experience your customer’s journey through their eyes, so you can visualize what’s working and what needs improvement.

FAQs about customer journey mapping

How do i create a customer journey map.

To create a useful customer journey map, you first need to define your objectives, buyer personas, and the goals of your customers (direct customer feedback and  market research will help you here). Then, identify all the distinct touchpoints the customer has with your product or service in chronological order, and visualize the completion of these steps in a map format.

What are the benefits of customer journey mapping?

Customer journey mapping provides different teams in your company with a simple, easily understandable visualization that captures your customers’ perspective and needs, and the steps they’ll  take to successfully use your  product or service. 

Consider customer journey mapping if you want to accomplish a specific objective (like testing a new product’s purchase flow) or work towards a much broader goal (like increasing overall customer retention or customer loyalty).

What is the difference between a customer journey map and an experience map?

The main difference between an experience map and a customer journey map is that customer journey maps are geared specifically toward business goals and the successful use of a product or service, while experience maps visualize an individual’s journey and experience through the completion of any task or goal that may not be related to business.