18 MIN READ

SHARE THIS POST

Product best practices

  • Product Management
  • UX research

User Journey Map Guide with Examples & FREE Templates

18 April, 2024

Alice Ruddigkeit

Senior UX Researcher

User Journey Mapping

Customer journey mapping is also a popular workshop task to align user understanding within teams. If backed up by user data and research, they can be a high-level inventory that helps discover strategic oversights, knowledge gaps, and future opportunities.

Yet, if you ask two different people, you will likely get at least three different opinions as to what a user journey looks like and whether it is worth the hassle. Read on if you want to understand whether a UX journey map is what you currently need and how to create one.

You can get the templates here:

user journey map UX template

Click here to download a high-resolution PDF of the user journey map template. 

 patient user journey mapping template

Click here to download a high-resolution PDF of this template.

What is user journey mapping?

Imagine your product is a supermarket and your user is the person wanting to refill their fridge. They need to: 

Decide what to buy, and in what supermarket will they be able to find and afford it

Remember to bring their coupons

Park there 

Find everything

Save the new coupons for the next shopping trip

Dive Deeper: Mobile Product Management Certification

If you want to learn more about how to optimize your user journeys, we recommend enrolling in our course "Mastering Mobile App Product Management" for free.

Unlock the secrets of user-centric design with our course

Gain practical skills in identifying user needs and crafting engaging, intuitive UX designs

Get 15+ templates and frameworks

Our modules, including "How to Map Out Your Discovery" and "User Research for Mobile Apps," ensure you create visually stunning and highly functional user experiences.

Enroll for free here.

Mobile App Product Management Certification

  • Upskill for free
  • Career growth
  • Expert Instructors
  • Practical Insights

Academy Banner Image

3 ways to understand customer journey maps

Now, there are at least three ways to look at the customer journey.

1. Workflow maps for usability optimization 

Some imagine a user journey map as a wireframe or detailed analysis of  specific flows in their app . This could be, for example, a sign-up flow or the flow for inviting others to a document. In our supermarket example, it’s a closer look at what they do inside your supermarket, maybe even only in the frozen section. Or you could define what you want them to do in the frozen aisle.

.css-61w915{margin-right:8px;margin-top:8px;max-height:30px;}@media screen and (min-width: 768px){.css-61w915{margin-right:38px;max-height:unset;}} The focus here is on getting the details of the execution right, not how it fits into the bigger picture of what the user needs.

It is more or less a wireframe from a user perspective. Such a product-focused understanding is not what we want to discuss in this article, though many examples for the best user journey maps you might come across are exactly this. There are good reasons to do such an analysis as well, since it helps you smooth out usability for the people who have already found their way into your supermarket because of your excellent ice cream selection. Workflow maps won’t help you notice that your lack of parking spots is one of the reasons why you are missing out on potential customers in the first place. By only looking at what they do inside the supermarket, you might also miss out on an opportunity for user retention: You could help them get their ice cream home before it melts.

2. Holistic user journey maps for strategic insights

With a more holistic view of what people experience when trying to achieve a goal, product makers gain strategic insights on how their product fits into the big picture and what could be in the future. Because this journey document covers so much ground, it is usually a linear simplification of what all the steps would look like if they were completed. Going back to our supermarket example, it would start from the moment the person starts planning to fill the fridge and ends when the fridge is full again — even if the supermarket building is only relevant in a few phases of this journey. Creating this version of a user journey map requires quite some time and research effort. But it can be an invaluable tool for product and business strategy. It is an inventory of user needs that can help you discover knowledge gaps and future opportunities.  Service blueprints   are the most comprehensive version of a user journey map  since they also lay out the behind-the-scenes of a service, usually called backstage. In our supermarket example, that could be:

the advertising efforts

logistics required to keep all shelves stocked

protocols the staffers follow when communicating with customers

3. Journey mapping workshops as an alignment method

In a user journey mapping workshop, stakeholders and team members share their knowledge and assumptions about the users. Some of these assumptions might need to be challenged — which is part of the process. The goal is not the perfect output, but rather to get everyone into one room and work out a common understanding of the users they are building products for. It forces everyone to organize their thoughts, spell out what they know and assumed was common knowledge — and ideally meet real users as part of the workshop. If done right, this establishes a more comprehensive understanding of what users go through and helps overcome the very superficial ideas one might have about the lives and needs of people outside their own social bubble.

Hence, such a workshop helps create aha moments and gives the consequences of great and poor product decisions a face. So at the end of the day, it is one of many methods to evangelize user-centricity in an organization.

What are the benefits of user experience (UX) mapping?

We already discussed the benefits and shortcomings of workflow maps, but what are the reasons you should consider a UX journey map and/or a journey mapping workshop ?

1. Switching perspectives

Empathy:  Like any other UX method and user research output, user journey maps are supposed to foster empathy and help product makers put themselves into the shoes of a user. Awareness:  It creates awareness of why users do all the things they do. And it challenges product makers to resist the temptation of building something because it’s feasible, not because it’s needed that way.

2. Aligned understanding

Given the team is involved in creating the user experience map (either as a workshop, in expert interviews, observing the user research, or at least as a results presentation), it forces a conversation and offers a shared mental model and terminology — the foundation for a shared vision. 

3. Seeing the big picture

Imagine the vastly different perceptions Sales reps, Customer Support teams, C-level, and backend engineers might have since they all meet very different segments at very different stages of their journey. Day-to-day, it makes sense to be an expert in the stages of a user journey you are responsible for. A journey map helps to step back from this and see the bigger picture, where your work fits in, and where assumptions about the majority of users were wrong. It might even help define KPIs across teams that don’t cancel each other out.

4. Uncovering blind spots and opportunities

A user journey map gives you a structured and comprehensive overview of which user needs are already tackled by your product and which ones are either underserved or solved with other tools and touchpoints. Which moments of truth do not get enough attention yet? These are the opportunities and blind spots you can work on in the future.

When is customer journey mapping just a waste of time?

In all honesty, there are also moments when creating a user journey map or running a journey mapping workshop is destined to fail and should better be put on hold. It’s a lot of work, so don’t let this energy go to waste.  User journey maps only make sense when there is an intention to collaboratively work on and with them.  Here are some of the scenarios and indicators that it’s the wrong moment for a journey map:

No buy-in for the workshop: The requirements of a successful journey workshop are not met, e.g., there is not enough time (60 minutes over lunch won’t do the trick), only a few team members are willing to attend, and/or key stakeholders refuse to have their assumptions challenged.

Isolated creation: The whole creation process of the user journey map happens isolated from the team, e.g., it is outsourced to an agency or an intern. Nobody from the team observes or runs the user research, or is consulted for input or feedback on the first drafts. There is no event or presentation planned that walks the team through the output. Finally, a very detailed, 10-foot-long poster appears in a hallway, and none of the team members ever find time to read, process, or discuss it with each other.

UX theater: For one reason or another, there is no time/resources allocated to user research or reviewing existing insights whilst creating the map (usability tests with non-users do not count in this case, though). Such an approach, also known as, can do more harm than good since the resulting user journey may only reinforce wrong assumptions and wishful thinking about your users.

Unclear objectives: The user journey map is only created because it is on your UX design checklist, but the purpose is unclear. If you are unsure what you or your stakeholders want to achieve with this journey map, clarify expectations and desired output before investing more energy into this. E.g., there is a chance you were only meant to do a usability review of a bumpy app workflow.

Lack of follow-through: Creating a user journey map is just the start. Without a plan to implement changes based on insights gathered, the map is merely a paper exercise. This lack of action can result from limited resources, lack of authority, or inertia. It's vital to establish a process for turning insights from the map into design improvements or strategy adjustments. This includes assigning tasks, setting deadlines, and defining success metrics to ensure the map drives real change and doesn't end up forgotten.

Overcomplication: Sometimes, to capture every nuance and detail of the user experience, teams can create an overly complex user journey map. This can make the map difficult to understand and use, particularly for team members who weren't involved in its creation. A good user journey map should balance detail and clarity, providing insightful and actionable information without overwhelming its users.

Failure to update: User expectations, behaviors, and the digital landscape constantly evolve. A user journey map that remains static will quickly become outdated. Regular reviews and updates are necessary to ensure that the map reflects the current state of user experiences. This requires a commitment to ongoing user research and a willingness to adjust your understanding of the user's path as new information becomes available.

The good news is: UX maturity in an organization can change rapidly, so even if you run into one of the obstacles above, it is worth revisiting the idea in the future. Once you’re good to go, you can get started with the user journey map examples and templates below.

User journey mapping: examples, templates & tools

There is more than one way to do it right and design a great user journey map. Every organization and industry has its own templates, tools and approaches to what elements are most important to them. The following examples and template will give you an idea of what a user journey map can look like if you decide to create one yourself. Make it your own, and change up the sections and design so they make sense for your product and use cases.

User journey map template and checklist

To give you a first orientation, you can use this user journey template and check the two fictional examples below to see how you could adapt it for two very different industries: instant meal delivery and healthcare.

While there is no official standard, most other user journey maps contain the following elements or variations of them:

Key phases (or ‘stages’) start when users become aware of a problem they need to solve or a goal they want to achieve and may end when they evaluate whether they achieved their goal or enter a maintenance phase. E.g., user journeys for e-commerce could be structured along the classic funnel of:

Consideration

Delivery & use

Loyalty & advocacy

2. Jobs to be done

Whilst some other user journey templates might call this section ‘steps’ or ‘tasks’, it can be very beneficial to structure the stages into ‘jobs to be done’ (JTBD) instead. This framework helps you distinguish better between the actual goal of a user vs. the tasks required to get there . For example, safe online payments are never a goal of a user, this is just one of many jobs on the long way to get new sneakers on their feet. Ideally, users ‘hire’ your product/service to assist them with some of the JTBD on their journey. Phrase your JTBD as verb + object + context . Examples:

Install app on phone

Tip delivery driver

Buy new shoes

Naturally, the stages closest to your current (and future) solution require a more detailed understanding, so you might want to investigate and document deeper what JTBDs happen there.

3. Needs and pains

Users have needs and pains every step along the journey. Use this section to collect the most important needs and potential pains, even if not all apply in all cases. Ask:

What are the repeating themes, even the ones you are (currently) not able to solve with your product?

Phrase pains and needs as I- or me-statements from the user perspective, e.g., ‘I forgot my login details, ‘I am afraid to embarrass myself’ or ‘My day is too busy to wait for a delivery.’ 

Which are the pains and needs that are so severe that, if not solved, they can become real deal-breakers for your product or service?

On the last point, such deal-breaker and dealmaker situations, or ‘ moments of truth ’, require particular attention in your product decisions and could be visually highlighted in your journey. In a meal delivery, the taste and temperature of the food are such a moment of truth that can spoil the whole experience with your otherwise fantastic service.

4. Emotional curve

An emotional curve visualizes how happy or frustrated users are at certain stages of their journey. Emojis are commonly used to make it easy to understand and empathize with the emotional state of the user across the whole journey. It can be a surprising realization that users are not delighted with your witty microcopy, but you already did a great job by not annoying them. It is also a good reminder that what might personally excite you is perceived as stressful or overwhelming by most other users. Strong user quotes can be used for illustration.

5. Brand and product touchpoints

Here, you can list current and planned touchpoints with your brand and product, as well as. Whilst the touchpoints when using your product might be obvious, others early and late in the journey are probably less obvious to you but critical for the user experience and decision to use or return to your product. This is why it is worthwhile to include them in your map. Make sure your journey does not get outdated too soon, and don’t list one-off marketing campaigns or very detailed aspects of current workflows — just what you got in general so there is no major revision needed for a couple of years.

6. Opportunities for improvement

As you map out your user journey, it is important to not only identify the current touchpoints and experiences but also opportunities for improvement. This could include potential areas where users may become frustrated or confused, as well as areas where they may be delighted or pleasantly surprised.

By identifying these opportunities, you can prioritize making meaningful improvements to the user experience and ultimately creating a more positive, long-lasting relationship with your users.

7. Other tools and touchpoints

This may seem the least interesting aspect of your journey or a user interview, but it can tell you a lot about blind spots in your service or potential partnerships or APIs to extend your service. E.g., Google Maps or WhatsApp are common workaround tools for missing or poor in-app solutions.

User journey map example 1: health industry

The following example is for a fictional platform listing therapists for people in need of mental health support, helping them find, contact, schedule, and pay for therapy sessions. As you can see, the very long journey with recurring steps (repeated therapy sessions) is cut short to avoid repetition. 

At the same time, it generalizes very individual mental health experiences into a tangible summary. While it is fair to assume that the key phases happen in this chronological order, JTBD, timing, and the number of sessions are kept open so that it works for different types of patients.

You can also see how the journey covers several phases when the platform is not in active use. Yet, these phases are milestones in the patient’s road to recovery. Looking at a journey like this, you could, for example, realize that a ‘graduation’ feature could be beneficial for your users, even if it means they will stop using your platform because they are feeling better.

This user journey map is fictional but oriented on Johanne Miller’s UX case study  Designing a mental healthcare platform . 

User journey map example 2: delivery services

What the example above does not cover is the role of the therapist on the platform — most likely they are a second user type that has very different needs for the way they use the platform. This is why the second example shows the two parallel journeys of two different user roles and how they interact with each other. 

Nowadays, internal staff such as delivery drivers have dedicated apps and ideally have a designated UX team looking out for their needs, too. Creating a frictionless and respectful user experience for ‘internal users’ is just as critical for the success of a business as it is to please customers.

customer journey map examples

User journey map example: meal delivery. Please note that this fictional journey map is just an example for illustrative purposes and has not been backed up with user research.

For more inspiration, you can find collections with more real-life user journey examples and customer journey maps on  UXeria ,  eleken.co  &  userinterviews.com , or check out free templates provided by the design tools listed below.

Free UX journey mapping tools with templates

No matter whether you’re a design buff or feel more comfortable in spreadsheets, there are many templates available for free(mium) tools you might be already using. 

For example, there are good templates and tutorials available for  Canva ,  Miro  and even  Google Sheets . If you are more comfortable with regular design software, you can use the templates available for  Sketch  or one of these two from the  Figma (template 1 ,  template 2 ) community. There are also several dedicated journey map tools with free licenses or free trials, e.g.,  FlowMapp ,  Lucidchart  and  UXPressia , just to name a few.

Be aware that the first draft will require a lot of rearrangement and fiddling until you get to the final version. So it might help to pick where this feels easy for you. 

How do I collect data for my app user journey?

User journey maps need to be rooted in reality and based on what users really need and do (not what we wish they did) to add value to the product and business strategy. Hence, user insights are an inevitable step in the creation process.

However, it’s a huge pile of information that needs to be puzzled together and usually, one source of information is not enough to cover the whole experience — every research method has its own blind spots. But if you combine at least two or three of the approaches below, you can create a solid app user journey .

1. In-house expertise

The people working for and with your users are an incredible source of knowledge to start and finalize the journey. Whilst there might be a few overly optimistic or biased assumptions you need to set straight with your additional research, a user journey mapping workshop and/or  expert interviews  involving colleagues from very different (user-facing) teams such as:

customer service

business intelligence

customer insights

will help you collect a lot of insights and feedback. You can use these methods to build a preliminary skeleton for your journey but also to finalize the journey with their input and feedback.

2. Desk research

Next to this, it is fair to assume there is already a ton of preexisting documented knowledge about the users simply floating around in your company. Your  UX research repository  and even  industry reports  you can buy or find with a bit of googling will help. Go through them and pick the cherries that are relevant for your user journey. Almost anything can be interesting:

Old research reports and not-yet-analyzed context interviews from earlier user interviews

NPS scores & user satisfaction surveys

App store feedback

Customer support tickets

Product reviews written by journalists

Competitor user journeys in publicly available UX case studies

Ask your in-house experts if they know of additional resources you could check. And find out if there’s already a  long-forgotten old journey map  from a few years ago that you can use as a starting point (most organizations have those somewhere).

3. Qualitative user research

Qualitative research methods are your best shot to learn about all the things users experience, think, and desire before and after they touch your product.  In-depth interviews  and  focus groups  explore who they are and what drives them. You could show them a skeleton user journey for feedback or  co-creation . 

This could also be embedded into your user journey mapping workshop with the team. Alternatively, you can follow their actual journey in  diary studies ,  in-home visits  or  shadowing . However, in all these cases it is important that you talk to real users of your product or competitors to learn more about the real scenarios. This is why usability testing with non-users or fictional scenarios won’t help much for the user journey map.

4. Quantitative research

Once you know the rough cornerstones of your user journey map,  surveys  could be used to let users rate what needs and pains really matter to them. And what their mood is at certain phases of the journey. You can learn how they became aware of your product and ask them which of the motives you identified are common or exotic edge cases. Implementing micro-surveys such as  NPS surveys , CES , and  CSAT  embedded into your product experience can give additional insights.

5. Customer satisfaction (CSAT) survey

Customer satisfaction surveys (or CSATs for short) are important tools that measure your customers' satisfaction with your product or service. It is usually measured through surveys or feedback forms, asking customers to rate their experience on a scale from 1 to 5. This metric can give valuable insights into the overall satisfaction of your customers and can help identify areas of improvement for your product.

CSAT surveys can be conducted at different customer journey stages, such as after purchase or using a specific feature. This allows you to gather feedback on different aspects of your product and make necessary changes to improve overall satisfaction.

The benefit of CSAT lies in understanding how satisfied customers are with your product and why. By including open-ended questions in the surveys, you can gather qualitative insights into what aspects of your product work well and what needs improvement.

5. User analytics

User analytics is a beautiful source of information, even if it has its limits. Depending on what tools you are using (e.g., Google Analytics, Firebase, Hubspot, UXCam), you can follow the digital footprints of your users before and when they were using the product. This may include  acquisition channels  (input for brand touchpoints and early journey phases),  search terms  that brought them to your product (input for needs and pains), and how they navigate your product. 

Unlike a usability test, you can use  screen flows  and  heatmaps  to understand how your users behave naturally when they follow their own agenda at their own pace — and how often they are so frustrated that they just quit. Knowing this gives you pointers to negative user emotions at certain journey steps and even helps identify your product’s moments of truth. Whilst you cannot ask the users if your interpretations are correct, checking analytics already helps you prepare good questions and talking points for user interviews or surveys.

Curious to know how heatmaps will look in your app?  Try UXCam for free — with 100,000 monthly sessions and unlimited features.

How can I utilize UXCam to collect App User Journey data?

If you have UXCam set up in your mobile app, you can use it to support your user journey research. You can find many of the previously mentioned  user analytics  features ( screen flows  and  heatmaps , including  rage taps ) here as well. 

UXCam can also be an  invaluable asset for your qualitative research . Especially for niche products and B2B apps that normally have a lot of trouble  recruiting real users  via the usual user testing platforms. 

UXCam’s detailed segmentation options allow you to  identify exactly the users you want to interview  about their journey — and  reach out to them via either email or UXCam push notifications , which can include invitation links for your study, a survey or an additional screener.

Additionally, UXCam's session replay feature allows you to watch recordings of user sessions, providing valuable insights into how users interact with your app and where they may face challenges.

Where can I learn more?

Don’t feel ready to get started? Here are a few additional resources that can help you dive deeper into user journey mapping and create the version that is best for your project.

Creating user journey maps & service blueprints:

Mapping Experiences by Jim Kalbach

Journey Mapping 101

How to create customer journey maps

Customer Journey Stages for Product Managers

The Perfect Customer Journey Map

Planning and running user journey mapping workshops:

Journey mapping workshop

Jobs to be done:

The Theory of Jobs To Be Done

Moments of truth in customer journeys:

Journey mapping MoTs

What is a user journey map?

A user journey map is a visual representation of the process that a user goes through to accomplish a goal with your product, service, or app.

What is a user journey?

A user journey refers to the series of steps a user takes to accomplish a specific goal within a product, service, or website. It represents the user's experience from their point of view as they interact with the product or service, starting from the initial contact or discovery, moving through various touchpoints, and leading to a final outcome or goal.

How do I use a user journey map in UX?

User journey maps are an essential tool in the UX design process, used to understand and address the user's needs and pain points.

Related Articles

Best behavioral analytics tools to optimize mobile app UX

20+ powerful UX statistics to impress stakeholders

Mobile UX design: The complete expert guide

5 Best User Journey Mapping Tools

App user journey: Mapping from download to daily use

Your guide to the mobile app customer journey

Customer journey optimization: 6 Practical steps

Alice Ruddigkeit

Get the latest from uxcam.

Stay up-to-date with UXCam's latest features, insights, and industry news for an exceptional user experience.

Related articles

How to define north star metric (tools, tips & tactics).

Uncover how to define your North Star Metric with this comprehensive guide; explore tools, tips, and tactics to pinpoint and track your product's pivotal growth...

Tope Longe

Growth Manager

North Star Metric Framework - A Comprehensive Guide

Unlock business potential with our guide on North Star Metric Framework. Learn to align goals, drive growth, and measure success...

How To Conduct Effective Customer Retention Analysis

Discover key strategies for successful customer retention analysis to enhance loyalty and sustain app growth in our concise...

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

Aaron Agius

Updated: April 17, 2024

Published: May 04, 2023

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?

person creating a customer journey map

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: Free Customer Journey Map Templates

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

website user journey map template

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

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.

hubspot customer journey map stages

1. Use customer journey map templates.

Why make a customer journey map from scratch when you can use a template? Save yourself some time by downloading HubSpot’s free customer journey map templates .

This has templates that map out a buyer’s journey, a day in your customer’s life, lead nurturing, and more.

These templates can help sales, marketing, and customer support teams learn more about your company’s buyer persona. This will improve your product and customer experience.

2. Set clear objectives for the map.

Before you dive into your customer journey map, you need to ask yourself why you’re creating one in the first place.

What goals are you directing this map towards? Who is it for? What experience is it based upon?

If you don’t have one, I recommend creating a buyer persona . This persona is a fictitious customer with all the demographics and psychographics of your average customer. This persona reminds you to direct every aspect of your customer journey map toward the right audience.

3. Profile your personas and define their goals.

Next, you should conduct research. This is where it helps to have customer journey analytics ready.

Don’t have them? No worries. You can check out HubSpot’s Customer Journey Analytics tool to get started.

Questionnaires and user testing are great ways to obtain valuable customer feedback. The important thing is to only contact actual customers or prospects.

You want feedback from people interested in purchasing your products and services who have either interacted with your company or plan to do so.

Some examples of good questions to ask are:

  • How did you hear about our company?
  • What first attracted you to our website?
  • What are the goals you want to achieve with our company? In other words, what problems are you trying to solve?
  • How long have you/do you typically spend on our website?
  • Have you ever made a purchase with us? If so, what was your deciding factor?
  • Have you ever interacted with our website to make a purchase but decided not to? If so, what led you to this decision?
  • On a scale of 1 to 10, how easily can you navigate our website?
  • Did you ever require customer support? If so, how helpful was it, on a scale of 1 to 10?
  • Can we further support you to make your process easier?

You can use this buyer persona tool to fill in the details you procure from customer feedback.

4. Highlight your target customer personas.

Once you’ve learned about the customer personas that interact with your business, I recommend narrowing your focus to one or two.

Remember, a customer journey map tracks the experience of a customer taking a particular path with your company. If you group too many personas into one journey, your map won’t accurately reflect that experience.

When creating your first map, it’s best to pick your most common customer persona and consider the route they would typically take when engaging with your business for the first time.

You can use a marketing dashboard to compare each and determine the best fit for your journey map. Don’t worry about the ones you leave out, as you can always go back and create a new map specific to those customer types.

5. List out all touchpoints.

Begin by listing the touchpoints on your website.

What is a touchpoint in a customer journey map?

A touchpoint in a customer journey map is an instance where your customer can form an opinion of your business. You can find touchpoints in places where your business comes in direct contact with a potential or existing customer.

For example, if I were to view a display ad, interact with an employee, reach a 404 error, or leave a Google review, all of those interactions would be considered a customer touchpoint.

Your brand exists beyond your website and marketing materials, so you must consider the different types of touchpoints in your customer journey map. These touchpoints can help uncover opportunities for improvement in the buying journey.

Based on your research, you should have a list of all the touchpoints your customers are currently using and the ones you believe they should be using if there’s no overlap.

This is essential in creating a customer journey map because it provides insight into your customers’ actions.

For instance, if they use fewer touchpoints than expected, does this mean they’re quickly getting turned away and leaving your site early? If they are using more than expected, does this mean your website is complicated and requires several steps to reach an end goal?

Whatever the case, understanding touchpoints help you understand the ease or difficulties of the customer journey.

Aside from your website, you must also look at how your customers might find you online. These channels might include:

  • Social channels.
  • Email marketing.
  • Third-party review sites or mentions.

Run a quick Google search of your brand to see all the pages that mention you. Verify these by checking your Google Analytics to see where your traffic is coming from. Whittle your list down to those touchpoints that are the most common and will be most likely to see an action associated with it.

At HubSpot, we hosted workshops where employees from all over the company highlighted instances where our product, service, or brand impacted a customer. Those moments were recorded and logged as touchpoints. This showed us multiple areas of our customer journey where our communication was inconsistent.

The proof is in the pudding — you can see us literally mapping these touch points out with sticky notes in the image below.

Customer journey map meeting to improve the customer journey experience

Don't forget to share this post!

Related articles.

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

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

7 Ways to Delight Your Customers This Holiday Season

7 Ways to Delight Your Customers This Holiday Season

14 Customer Experience Fails that Companies Can Learn From

14 Customer Experience Fails that Companies Can Learn From

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

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

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

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

Digital Customer Experience: The Ultimate Guide for 2023

Digital Customer Experience: The Ultimate Guide for 2023

How to Implement a Hybrid Customer Service Strategy That Works [Expert Tips]

How to Implement a Hybrid Customer Service Strategy That Works [Expert Tips]

User Flows: 8 Tips For Creating A Super Smooth User Experience

User Flows: 8 Tips For Creating A Super Smooth User Experience

11 Best Practices for B2B Customer Experience

11 Best Practices for B2B Customer Experience

Customer Experience vs. User Experience: What’s the Difference? [+ Examples]

Customer Experience vs. User Experience: What’s the Difference? [+ Examples]

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

Collaborative customer journey mapping tools

Easily plan and create customer journey maps in Miro. Exercise empathy, understand your user’s wants and needs, and build exceptional customer experiences.

Image showing customer journey mapping tools in action with Miro

Over 70M+ users love Miro.

Ready-made customer journey map templates

Design transformative customer journeys with templates for persona building, touchpoint maps, service blueprints, and more. Help your team quickly visualize, collaborate, and iterate on your customer experience, bringing in data and research to make the best-informed decisions.

An image of Miro's customer journey map templates

Create a shared understanding, faster

Build highly visual and accurate maps that bring a customer’s humanity and experience to life with dynamically populated input, feedback, and data from various sources, like Amplitude, Looker, Blossom, Loom, and UserTesting. Record interactive walkthroughs with Talktrack so everyone can engage on their own time, with all the context on the board.

An image showing a customer journey mapping tools collaboratively used in Miro

Easy to share and change

Give your team easy access to customer journey maps so they can leave feedback, ask questions, and make immediate changes as needed. Keep customer-centricity top of mind by embedding it everywhere your teams work (like Confluence) and it’ll always be synced to the latest version, or export your customer journey map as an image or PDF file for presentations.

An image showing how easy it is to collaborate on a customer journey map in Miro

Why people love Miro for customer journey mapping

Uncover possibilities.

Miro’s infinite canvas gives you the ability to collaborate across product teams and cross-functional stakeholders on customer journeys. It serves as a team hub for mapping and research, where you can plot your customer’s paths, visualize their journey, and gather insights all in one tool.

Empathy made easy

Make sure all voices are heard and tap into your team’s collective imagination to identify customer pain points, cultivate empathy, wireframe solutions, and ship innovative products  — all with Miro’s customer journey map tools.

Be the voice of the customer

Map your user journey step-by-step and truly understand the people using your product. Bring your team with you in this process and share your customer journey map across your organization. Become the customer advocate and ensure you add value to your product.

Quickly get started

Miro’s customer journey map tool helps accelerate your team’s processes by clearly visualizing journeys, touchpoints, personas, and more. Save time by crafting your customer journey map using one of our pre-made frameworks, or build one from scratch with our many editing tools.

Deliver better results

Make better-informed decisions by getting instant feedback and craft experiences that people will remember. Tag team members, receive comments, and gain more insights with Miro’s collaborative customer journey mapping tool.

Share it with everyone

Share your insights and be proactive by running customer workshops inside your organization. Use Miro’s collaborative features, such as the timer and voting, to help lead interactive sessions and engage your team. Offer the space and tools needed for blue-sky thinking.

Related templates

Customer Journey Map Template

Design the best product experience and meet your customer's needs.

Customer Touchpoint Map Template

Identify opportunities and gain a competitive advantage.

Customer Problem Statement Template

Create a problem statement to understand your customer's point of view.

Voice of the Customer Template

Create standards to understand and improve your customer experience.

Customer Journey Mapping Template Pack

Easily create customer journey maps for projects of all kinds.

Experience Mapping Template

Bring a customer-centric approach to product development and branding.

More than just a customer journey map

Customer journey mapping in Miro is the perfect blend of structure and flexibility, so your team can seamlessly visualize, collaborate, and iterate on your user journeys. From workshops with product teams to client presentations, focus on what matters and build great customer experiences.

graphs_02_supply-and-demand_product-image__EN_standard_3_2.png

UX & Design

From brainstorming with your cross-functional squad to gathering feedback for iteration and reiteration, create product experiences that people love.

graphs_02_supply-and-demand_product-image__EN_standard_3_2-1.png

Research and Design

Embrace design thinking and collaborate on design sprints, customer journey maps, wireframes, and more. Transform the way your team builds products.

customer-journey-map_01_supply-and-demand_product-image__EN_standard_3_2.png

Strategic planning

Propel your plans from strategy through execution. Run engaging remote planning sessions, build visual presentations, and manage and track progress collaboratively.

graphs_02_growth-marketing-org-chart_product-image__EN_standard_3_2.png

Bring teams together and create everything you need to develop campaigns that delight customers and drive business forward — all in one place.

wireframe_01_build-lo-fi-wireframes_product-image_EN_standard_3_2.png

Wireframing

Create quick app and website wireframes, ideate on sticky notes, map user flows, and collect references. Do it all in real time with your team on one board.

Obeya Room

Bring teams closer together and execute faster in a hybrid, collaborative Obeya room.

How to create a customer journey map with Miro

An image showing Miro as a tool for building a customer journey map

Define personas

Determine which specific customer segments or personas you want to focus on. Collect data and insights about their needs, behaviors, and preferences.

Identify touchpoints

Identify key stages of the customer journey listing the touchpoints. Detail the specific actions, emotions, and pain points customers experience at each stage.

Add context and insights

Integrate data from customer surveys, interviews, analytics, and other sources to enrich your understanding of customer behaviors and preferences.

Share and find opportunities

Identify opportunities to improve the customer experience. When ready, share with stakeholders for feedback and collaboratively draft an action plan to implement the findings.

Iterate and update

Embed the map where teams and stakeholders can easily find it. Regularly review and evolve the customer journey map as you gain more data, insights, and feedback.

Customer journey mapping tools FAQs

What makes a good customer journey.

To create a good customer journey map, make sure you add all the stages your user goes through by mapping every customer touchpoint and the phases they belong to. After you map out your customer journey, to know more about who they are, you can create a storyboard or dig deeper with an empathy map. Miro’s customer journey mapping software makes it easy to add other artifacts and maps to your board, so you can have a great overview of your customer journey and what influences your customer's experiences. It can get messy, and it’s ok! Once you have all the information you need in one shared space, it’s easier to craft your customer journey or create a new user journey map.

What are the components of a customer journey map?

In Miro’s customer journey mapping tool, you have the flexibility to add as many components as you’d like. In our template, we use the following: actions, touchpoints, customer thoughts, customer feelings, process ownership, and opportunities. Each component belongs to a customer journey stage and is added to the board. Some folks also add user research data and other tools, such as empathy maps or timelines.

Can I download or share my customer journey map?

Yes, you can download your customer journey map as an image or PDF file or share your board link with others. Embed the map everywhere your teams work, like Confluence or Notion and it'll always be synced to the latest version. The customer journey map can be treated as a living document, evolving according to your product evolution and need.

Discover more

The ultimate list of templates for understanding your customers

A field guide to customer journey mapping

3 steps to go from customer interviews to a customer journey map

Service blueprint vs. journey maps

Get on board in seconds

Join thousands of teams using Miro to do their best work yet.

What is a Customer Journey Map? [Free Templates]

Learn what the customer journey mapping process is and download a free template that you can use to create your own customer journey map.

A woman smiles at her mobile device while sitting on a curb.

Table of Contents

Mapping the customer journey can give you a way to better understand your customers and their needs. As a tool, it allows you to visualize the different stages that a customer goes through when interacting with your business; their thoughts, feelings, and pain points.

And, it’s shown that the friction from those pain points costs big: in 2019, ecommerce friction totaled an estimated 213 billion in lost US revenue .

Customer journey maps can help you to identify any problems or areas where you could improve your customer experience . In this article, we’ll explain what the customer journey mapping process is and provide a free template that you can use to create your own map. Let’s get started!

Bonus: Get our free, fully customizable Customer Experience Strategy Template that will help you understand your customers and reach your business goals.

What is a customer journey map?

So, what is customer journey mapping? Essentially, customer journey maps are a tool that you can use to understand the customer experience. Customer journey maps are often visual representations showing you the customer’s journey from beginning to end. They include all the touchpoints along the way.

There are often four main stages in your sales funnel, and knowing these can help you create your customer journey maps:

  • Inquiry or awareness
  • Interest, comparison, or decision-making
  • Purchase or preparation
  • Installation, activation, or feedback

Customer journey maps are used to track customer behavior and pinpoint areas where the customer experiences pain points. With this information uncovered, you can improve the customer experience, giving your customers a positive experience with your company.

You can use customer journey mapping software like Excel or Google sheets, Google Decks, infographics, illustrations, or diagrams to create your maps. But you don’t actually need customer journey mapping tools. You can create these maps with a blank wall and a pack of sticky notes.

Though they can be scribbled on a sticky note, it’s often easier to create these journeys digitally. That way, you have a record of your journey map, and you can share it with colleagues. We’ve provided free customer journey mapping templates at the end of this article to make your life a little easier.

The benefits of using customer journey maps

The main benefit of customer journey mapping is a better understanding of how your customers feel and interact with your business touchpoints. With this knowledge, you can create strategies that better serve your customer at each touchpoint.

Give them what they want and make it easy to use, and they’ll keep coming back. But, there are a couple of other great knock-on benefits too.

Improved customer support

Your customer journey map will highlight moments where you can add some fun to a customer’s day. And it will also highlight the pain points of your customer’s experience. Knowing where these moments are will let you address them before your customer gets there. Then, watch your customer service metrics spike!

Effective marketing tactics

A greater understanding of who your customers are and what motivates them will help you to advertise to them.

Let’s say you sell a sleep aid product or service. A potential target market for your customer base is young, working mothers who are strapped for time.

The tone of your marketing material can empathize with their struggles, saying, “The last thing you need is someone asking if you’re tired. But we know that over half of working moms get less than 6 hours of sleep at night. While we can’t give you more time, we know how you can make the most of those 6 hours. Try our Sleep Aid today and sleep better tonight.”

Building out customer personas will show potential target audiences and their motivation, like working moms who want to make the most of their hours asleep.

Product advancements or service improvements

By mapping your customer’s journey, you’ll gain insights into what motivates them to make a purchase or prevents them from doing so. You’ll have clarity on when or why they return items and which items they buy next. With this information and more, you’ll be able to identify opportunities to upsell or cross-sell products.

A more enjoyable and efficient user experience

Customer journey mapping will show you where customers get stuck and bounce off your site. You can work your way through the map, fixing any friction points as you go. The end result will be a smoothly-running, logical website or app.

A customer-focused mindset

Instead of operating with the motivation of business success, a customer journey map can shift your focus to the customer. Instead of asking yourself, “how can I increase profits?” ask yourself, “what would better serve my customer?” The profits will come when you put your customer first.

At the end of the day, customer journey maps help you to improve your customer experience and boost sales. They’re a useful tool in your customer experience strategy .

How to create a customer journey map

There are many different ways to create a customer journey map. But, there are a few steps you’ll want to take regardless of how you go about mapping your customer’s journey.

Step 1. Set your focus

Are you looking to drive the adoption of a new product? Or perhaps you’ve noticed issues with your customer experience. Maybe you’re looking for new areas of opportunity for your business. Whatever it is, be sure to set your goals before you begin mapping the customer journey.

Step 2. Choose your buyer personas

To create a customer journey map, you’ll first need to identify your customers and understand their needs. To do this, you will want to access your buyer personas.

Buyer personas are caricatures or representations of someone who represents your target audience. These personas are created from real-world data and strategic goals.

If you don’t already have them, create your own buyer personas with our easy step-by-step guide and free template.

Choose one or two of your personas to be the focus of your customer journey map. You can always go back and create maps for your remaining personas.

Step 3. Perform user research

Interview prospective or past customers in your target market. You do not want to gamble your entire customer journey on assumptions you’ve made. Find out directly from the source what their pathways are like, where their pain points are, and what they love about your brand.

You can do this by sending out surveys, setting up interviews, and examining data from your business chatbot . Be sure to look at what the most frequently asked questions are. If you don’t have a FAQ chatbot like Heyday , that automates customer service and pulls data for you, you’re missing out!

FAQ chatbot Kusmi Tea

Get a free Heyday demo

You will also want to speak with your sales team, your customer service team, and any other team member who may have insight into interacting with your customers.

Step 4. List customer touchpoints

Your next step is to track and list the customer’s interactions with the company, both online and offline.

A customer touchpoint means anywhere your customer interacts with your brand. This could be your social media posts , anywhere they might find themselves on your website, your brick-and-mortar store, ratings and reviews, or out-of-home advertising.

Write as many as you can down, then put on your customer shoes and go through the process yourself. Track the touchpoints, of course, but also write down how you felt at each juncture and why. This data will eventually serve as a guide for your map.

Step 5. Build your customer journey map

You’ve done your research and gathered as much information as possible, now it’s time for the fun stuff. Compile all of the information you’ve collected into one place. Then, start mapping out your customer journey! You can use the templates we’ve created below for an easy plug-and-play execution.

Step 6. Analyze your customer journey map

Once the customer journey has been mapped out, you will want to go through it yourself. You need to experience first-hand what your customers do to fully understand their experience.

As you journey through your sales funnel, look for ways to improve your customer experience. By analyzing your customer’s needs and pain points, you can see areas where they might bounce off your site or get frustrated with your app. Then, you can take action to improve it. List these out in your customer journey map as “Opportunities” and “Action plan items”.

Types of customer journey maps

There are many different types of customer journey maps. We’ll take you through four to get started: current state, future state, a day in the life, and empathy maps. We’ll break down each of them and explain what they can do for your business.

Current state

This customer journey map focuses on your business as it is today. With it, you will visualize the experience a customer has when attempting to accomplish their goal with your business or product. A current state customer journey uncovers and offers solutions for pain points.

Future state

This customer journey map focuses on how you want your business to be. This is an ideal future state. With it, you will visualize a customer’s best-case experience when attempting to accomplish their goal with your business or product.

Once you have your future state customer journey mapped out, you’ll be able to see where you want to go and how to get there.

Day-in-the-life

A day-in-the-life customer journey is a lot like the current state customer journey, but it aims to highlight aspects of a customer’s daily life outside of how they interact with your brand.

Day-in-the-life mapping looks at everything that the consumer does during their day. It shows what they think and feel within an area of focus with or without your company.

When you know how a consumer spends their day, you can more accurately strategize where your brand communication can meet them. Are they checking Instagram on their lunch break, feeling open and optimistic about finding new products? If so, you’ll want to target ads on that platform to them at that time.

Day-in-the-life customer journey examples can look vastly different depending on your target demographic.

Empathy maps

Empathy maps don’t follow a particular sequence of events along the user journey. Instead, these are divided into four sections and track what someone says about their experience with your product when it’s in use.

You should create empathy maps after user research and testing. You can think of them as an account of all that was observed during research or testing when you asked questions directly regarding how people feel while using products. Empathy maps can give you unexpected insights into your users’ needs and wants.

Customer journey map templates

Use these templates to inspire your own customer journey map creation.

Customer journey map template for the current state:

customer journey map template

The future state customer journey mapping template:

future state customer journey mapping template

A day-in-the-life customer journey map template:

day-in-the-life customer journey map

An empathy map template:

empathy map template

A customer journey map example

It can be helpful to see customer journey mapping examples. To give you some perspective on what these look like executed, we’ve created a customer journey mapping example of the current state.

customer journey map example for "Curious Colleen Persona"

Buyer Persona:

Curious Colleen, a 32-year-old female, is in a double-income no-kids marriage. Colleen and her partner work for themselves; while they have research skills, they lack time. She is motivated by quality products and frustrated by having to sift through content to get the information she needs.

What are their key goals and needs? Colleen needs a new vacuum. Her key goal is to find one that will not break again.

What are their struggles?

She is frustrated that her old vacuum broke and that she has to spend time finding a new one. Colleen feels as though this problem occurred because the vacuum she bought previously was of poor quality.

What tasks do they have?

Colleen must research vacuums to find one that will not break. She must then purchase a vacuum and have it delivered to her house.

Opportunities:

Colleen wants to understand quickly and immediately the benefits our product offers; how can we make this easier? Colleen upholds social proof as a decision-making factor. How can we better show our happy customers? There is an opportunity here to restructure our website information hierarchy or implement customer service tools to give Colleen the information she needs faster. We can create comparison charts with competitors, have benefits immediately and clearly stated, and create social campaigns.

Action Plan:

  • Implement a chatbot so customers like Colleen can get the answers they want quickly and easily.
  • Create a comparison tool for competitors and us, showing benefits and costs.
  • Implement benefit-forward statements on all landing pages.
  • Create a social campaign dedicated to UGC to foster social proof.
  • Send out surveys dedicated to gathering customer feedback. Pull out testimonial quotes from here when possible.

Now that you know what the customer journey mapping process is, you can take these tactics and apply them to your own business strategy. By tracking customer behavior and pinpointing areas where your customers experience pain points, you’ll be able to alleviate stress for customers and your team in no time.

Turn customer conversations and inquiries into sales with Heyday, our dedicated conversational AI chatbot for social commerce retailers. Deliver 5-star customer experiences — at scale.

Turn customer service conversations into sales with Heyday . Improve response times and sell more products. See it in action.

Become a better social marketer.

Get expert social media advice delivered straight to your inbox.

Colleen Christison is a freelance copywriter, copy editor, and brand communications specialist. She spent the first six years of her career in award-winning agencies like Major Tom, writing for social media and websites and developing branding campaigns. Following her agency career, Colleen built her own writing practice, working with brands like Mission Hill Winery, The Prevail Project, and AntiSocial Media.

Related Articles

A robot uses a mobile phone.

FAQ Chatbot: The Best Way to Save Time on Customer Service

FAQ chatbots are bots designed to answer common questions people have about a product or service. They are used on websites or in customer service applications.

website user journey map template

Customer Service Metrics: 2024 Guide + Free Template

Customers expect to get support wherever they look for and they expect it fast. To keep up, track the customer service metrics that matter.

Cover Image for Create a Customer Experience Strategy

Create a Customer Experience Strategy [FREE TEMPLATE]

This step-by-step template makes it easy to deliver a well-laid-out customer experience strategy that can give you planned, targeted growth.

cover image

Customer Experience Management Explained [11 Top Tips]

Turn that frown upside down! Keep your customers smiling with a strong customer experience management strategy.

Hootsuite Offer

website user journey map template

A comprehensive guide to effective customer journey mapping

A brand's user experience shapes its target audience's entire perception of your organization. Maximize audience engagement with customer journey mapping.

website user journey map template

Discover key challenges today's marketing teams are facing, as well as opportunities for businesses in 2024.

website user journey map template

Incorporating customer journey mapping into your web design process helps elevate consumer engagement to drive loyalty and sales.

Many in-house teams and web designers strive to better serve users by optimizing their customer experience (CX). Considering how your customers use your platform or service helps you see your website from a user perspective, letting you shape your design to better meet their needs. To achieve this, web designers can look to customer journey mapping.

A particularly handy tool for user experience (UX) design , this process helps teams understand who their users are and how to fulfill their expectations, guiding development decisions for improved audience engagement. Learn more about customer journey mapping and how you can implement it to enhance your CX.

User journey mapping: an overview

User journey mapping, also known as customer journey mapping (CJM), maps a website visitor's experience from their perspective. Presented through a visual diagram, the customer journey map charts the user’s path as they seek information or solutions, starting at the homepage and tracking their routes across other menus and links.

To create a customer journey map, you begin by researching who users are, what they want from your site, and how positive or negative their experiences have been. 

There are two main purposes for mapping your customers’ journey.

1. Improve customer experience

This is the ultimate goal of CJM. Site navigation can be especially tricky to assess because you’re already familiar with the layout. A fresh perspective on your site often uncovers overlooked details such as navigation issues or broken links.

By conducting research on UX trends and visually mapping your results, you’ll identify any parts of your design that confuse or frustrate visitors. This process also reveals areas that work well, which you can repurpose elsewhere in the design.

2. Maintains ease-of-use as your site grows

A customer journey map can make even a simple site more straightforward to navigate. When your website or business grows, you may need to add content and features to accommodate the expansion. Implementing customer journey mapping ensures your website's fundamental flow remains intuitive and that new material and features are easily discoverable and usable.

Primary user journey map types

There are various ways to approach customer journey mapping based on the specific insights you’re seeking. The end result of each map will look similar, but the focus of each is different — which changes the information it offers. Here are three standard types of maps to get you started.

Current state

The current state map is the most common type. It evaluates your website’s present state to better understand visitors’ current experiences, helping identify improvement opportunities for its existing design.

Future state

A future state map explores a hypothetical "ideal" website, considering the visitor’s experience if every site component were optimized. This map is helpful when planning a total redesign or a specific change. When you collect user research and translate the results into your map, you can present a visual outline to your client or company for a straightforward explanation.

Persona-based

A persona-based map lays out the journey of a single designated type of user, or persona (which we will define below). This type of diagram is useful when optimizing your website for a specific sector of your audience with particular needs.

website user journey map template

Learn best practices for integrating the workflows between design and development in this free webinar.

The 5-step customer journey mapping process

Once you’ve set clear goals for your map’s achievements, you can select the appropriate diagram type. To begin visualizing your user journey, follow this five-step process.

1. Define the map’s scope

Your map may focus on just one customer interaction or outcome, such as finding the newsletter sign-up sheet or making a payment, or it could cover the entire website’s navigation. A focused scope helps you troubleshoot a problem area or ensure an especially critical element functions properly. Alternatively, a larger-scope map provides a big-picture perspective of how the site works as a whole. Creating a comprehensive map is more complex, but high-level mapping helps comprehend the entire user experience from beginning to end.

2. Determine your user personas

A persona describes a particular type of visitor using your site. When imagining and defining these users, you can assign a name to each and include details about who they are, what they’re looking for, and why.

Focus on users who contribute most to your business goals, consulting your marketing or sales teams for insights. To define your customer personas, explore current user behavior through surveys, online reviews, and email list responsiveness.

For example, if you’re creating a website for a store that sells artisanal coffee-making tools, your personas could be:

  • The gift giver. This user only knows a little about coffee but wants to select an impressive gift for someone else. They’ll need help with purchase decisions, so they might interact with an FAQ or chat feature before visiting the products page. They may also leave your site if overwhelmed by options, so it’s important to offer helpful information proactively. This will keep them engaged and more likely convert them to paying customers.
  • The coffee nerd. This person is knowledgeable and always seeks the highest-quality tools, so easily accessible product details and customer reviews are important to them. To support their user experience and encourage them to purchase, ensure these elements are easily discoverable.
  • The tourist. This user is on vacation and looking for a cute brick-and-mortar shop to visit. They aren't interested in your online store, but an appealing photo of your physical store with easily accessible hours and location information may convince them to come by in person.

These three types of users have very different needs and goals when visiting your website. To capture all of their business, create a map for each of them to ensure you accommodate their specific wants and circumstances.

3. Give the personas context

User context is the “when” and “how” of each persona visiting your site. A user will have a different experience loading your site on a mobile device than on a laptop. Additionally, someone in no rush may use your website differently than someone looking more urgently with a specific purpose.

Figure out when, how, and in what mindset your personas most commonly visit your site to map their experience accurately. This context has very concrete impacts on your finished design. If visitors tend to look for one specific page whenever in a hurry (like contact or location information), placing those details on the front page or prominently linking to it will smooth the user experience for those users.

Here’s an example of how to place a persona in context.

Persona: Jo is an apartment hunter in her early 20s and is still in college. She's looking for off-campus housing for herself and some roommates. The collective group values location and cost more than apartment features.

Context : Jo is in a hurry and trying to visit as many apartments as possible. She’s looking at property rental websites that clearly state apartment addresses in each listing.

Method : Jo is browsing the sites on her iPhone.

4. List persona touchpoints

Touchpoints mark when the user makes a purchase decision or interacts with your user interface (UI) . They include visitors' actions to move toward their goals and consider each associated emotion. The first touchpoint is how they reach your website — such as tapping a social media ad, clicking on a search result, or entering your URL directly.

First, list each action the visitor took and their corresponding emotional reactions. Subsequent touchpoints include instances when they navigate a menu, click a button, scroll through a gallery, or fill out a form. When you diagram the route through your site in an A-to-Z path, you can place yourself in the persona's mind to understand their reactions and choices.

A met expectation — for example, when clicking a "shop" button takes them to a product gallery — will result in a positive emotional reaction. An unmet expectation — when the “shop" link leads to an error page — will provoke an adverse reaction.

5. Map the customer journey

Illustrate the user journey by mapping these touchpoints on a visual timeline. This creates a narrative of users’ reactions across your entire service blueprint. To represent your users’ emotional states at each touchpoint, graph their correspondences like this:

An example map of touchpoints.

The map helps you understand the customer experience as a whole. 

For example, based on the diagram above, touchpoint 3 is the largest navigation challenge on the website. The graph also shows that the user's mood eventually rebounds after the initial setback. Improving the problem element in touchpoint 3 will have the biggest impact on elevating the overall user experience.

Customer journey mapping best practices

Now that you understand the mapping process, here are some best practices to implement when charting your customer journey. 

  • Set a clear objective for your map: Define your CX map’s primary goal, such as improving the purchase experience or increasing conversions for a specific product.
  • Solicit customer feedback: Engage directly with customers through surveys or interviews so you can implement data-driven changes. Ask users about their journey pain points and invite both positive and negative feedback on the overall navigation.
  • Specify customer journey maps for each persona: To specifically serve each customer persona, consider charting separate paths for each based on their behaviors and interests. This approach is more customer-centric, as not all user types interact with your website the same way.
  • Reevaluate your map after company or website changes: As your business scales, your website must evolve — and so will your customer’s path. Review your map when making both large and small website adjustments to ensure you don’t introduce new user challenges. Navigational disruptions can frustrate visitors, causing would-be customers to leave your site and seek competitors .

Optimize your user journey map with Webflow

A user journey map is only as effective as the improvements it promotes. When redesigning your website based on insights your map provides, explore Webflow’s vast resource bank to streamline your design processes. 

Webflow offers web design support with diverse guides , tutorials , and tools for straightforward web design. Visit Webflow today to learn how its site hosting , e-commerce , and collaboration resources support enhanced user experience for better engagement.

Webflow Enterprise gives your teams the power to build, ship, and manage sites collaboratively at scale.

Subscribe to Webflow Inspo

Get the best, coolest, and latest in design and no-code delivered to your inbox each week.

Related articles

website user journey map template

What is customer experience? An essential guide

Learn why customer experiences are essential for your bottom line, and discover practical strategies to implement across your digital channels.

website user journey map template

How to create marketing personas that start with empathy

Treating customers with respect earns you loyalty. Dig into marketing personas that reflect real people to gain the most valuable insight.

website user journey map template

Elevate customer satisfaction with the power of AI personalization

Discover how different industries use AI personalization to improve customer experiences, and learn how to use hyper-personalization to maximize your marketing

website user journey map template

How to implement and optimize effective customer-centric design

Implementing customer-centric design invites customers to collaborate with your brand and help shape truly unique products.

website user journey map template

Multi-touch attribution models: A complete guide

Multi-touch attribution (MTA) enables you to assess multiple touchpoints to determine which ones are most critical in the path to purchase.

website user journey map template

Keeping up with customer expectations in 2024

Tips for delighting your audience on the web in the new year

Get started for free

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Transforming the design process at

  • Interactions
  • Localization
  • Figma to Webflow Labs
  • DevLink Labs
  • Feature index
  • Accessibility
  • Webflow vs WordPress
  • Webflow vs Squarespace
  • Webflow vs Shopify
  • Webflow vs Contentful
  • Webflow vs Sitecore
  • Careers We're Hiring
  • Webflow Shop
  • Accessibility statement
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
  • Freelancers
  • Global alliances
  • Marketplace
  • Libraries Beta
  • Hire an Expert
  • Made in Webflow
  • Become an Expert
  • Become a Template Designer
  • Become an Affiliate

Product Design Bundle and save

User Research New

Content Design

UX Design Fundamentals

Software and Coding Fundamentals for UX

  • UX training for teams
  • Hire our alumni
  • Student Stories
  • State of UX Hiring Report 2024
  • Our mission
  • Advisory Council

Education for every phase of your UX career

Professional Diploma

Learn the full user experience (UX) process from research to interaction design to prototyping.

Combine the UX Diploma with the UI Certificate to pursue a career as a product designer.

Professional Certificates

Learn how to plan, execute, analyse and communicate user research effectively.

Master content design and UX writing principles, from tone and style to writing for interfaces.

Understand the fundamentals of UI elements and design systems, as well as the role of UI in UX.

Short Courses

Gain a solid foundation in the philosophy, principles and methods of user experience design.

Learn the essentials of software development so you can work more effectively with developers.

Give your team the skills, knowledge and mindset to create great digital products.

Join our hiring programme and access our list of certified professionals.

Learn about our mission to set the global standard in UX education.

Meet our leadership team with UX and education expertise.

Members of the council connect us to the wider UX industry.

Our team are available to answer any of your questions.

Fresh insights from experts, alumni and the wider design community.

Success stories from our course alumni building thriving careers.

Discover a wealth of UX expertise on our YouTube channel.

Latest industry insights. A practical guide to landing a job in UX.

How to design a customer journey map (A step-by-step guide)

A customer journey map is a visual representation of how a user interacts with your product. Learn how to create a customer journey map in this practical step-by-step guide.

Free course promotion image

Free course: Introduction to UX Design

What is UX? Why has it become so important? Could it be a career for you? Learn the answers, and more, with a free 7-lesson video course.

customer journey map blog header image

Successful UX design is rooted in empathy. The best designers are able to step into their users’ shoes and imagine what they think, feel, and experience as they interact with a product or service. 

One of the most effective ways to foster user empathy and consider different perspectives is to create customer journey maps—otherwise known as customer journey maps.

If you’re new to journey mapping, look no further than this guide. We’ll explain:

  • What is a customer journey map?

Why create customer journey maps?

When to create customer journey maps, what are the elements of a customer journey map, how to create a customer journey map (step-by-step).

If you want to skip straight to the how-to guide, just use the clickable menu to jump ahead. Otherwise, let’s begin with a definition. 

[GET CERTIFIED IN UX]

What is a customer journey map? 

A customer journey map (otherwise known as a user journey map) is a visual representation of how a user or customer interacts with your product. It maps out the steps they go through to complete a specific task or to achieve a particular goal—for example, purchasing a product from an e-commerce website or creating a profile on a dating app. 

Where does their journey begin? What’s their first point of interaction with the product? What actions and steps do they take to reach their end goal? How do they feel at each stage? 

You can answer all of those questions with a user journey map.

user journey map

A user journey map template from Miro . 

Creating customer journey maps helps to:

  • Centre the end user and foster empathy. Creating a user/customer journey map requires you to step into the end user’s shoes and experience the product from their perspective. This reminds you to consider the user at all times and fosters empathy.
  • Expose pain-points in the user experience. By viewing the product from the user’s perspective, you quickly become aware of pain-points or stumbling blocks within the user experience. Based on this insight, you can improve the product accordingly.
  • Uncover design opportunities. User journey maps don’t just highlight pain-points; they can also inspire new ideas and opportunities. As you walk in your end user’s shoes, you might think “Ah! An [X] feature would be great here!”
  • Get all key stakeholders aligned. User journey maps are both visual and concise, making them an effective communication tool. Anybody can look at a user journey map and instantly understand how the user interacts with the product. This helps to create a shared understanding of the user experience, building alignment among multiple stakeholders. 

Ultimately, user journey maps are a great way to focus on the end user and understand how they experience your product. This helps you to create better user experiences that meet your users’ needs. 

User journey maps can be useful at different stages of the product design process. 

Perhaps you’ve got a fully-fledged product that you want to review and optimise, or completely redesign. You can create journey maps to visualise how your users currently interact with the product, helping you to identify pain-points and inform the next iteration of the product. 

You can also create user journey maps at the ideation stage. Before developing new ideas, you might want to visualise them in action, mapping out potential user journeys to test their validity. 

And, once you’ve created user journey maps, you can use them to guide you in the creation of wireframes and prototypes . Based on the steps mapped out in the user journey, you can see what touchpoints need to be included in the product and where. 

No two user journey maps are the same—you can adapt the structure and content of your maps to suit your needs. But, as a rule, user journey maps should include the following: 

  • A user persona. Each user journey map represents the perspective of just one user persona. Ideally, you’ll base your journey maps on UX personas that have been created using real user research data.
  • A specific scenario. This describes the goal or task the journey map is conveying—in other words, the scenario in which the user finds themselves. For example, finding a language exchange partner on an app or returning a pair of shoes to an e-commerce company.
  • User expectations. The goal of a user journey map is to see things from your end user’s perspective, so it’s useful to define what their expectations are as they complete the task you’re depicting.
  • High-level stages or phases. You’ll divide the user journey into all the broad, high-level stages a user goes through. Imagine you’re creating a user journey map for the task of booking a hotel via your website. The stages in the user’s journey might be: Discover (the user discovers your website), Research (the user browses different hotel options), Compare (the user weighs up different options), Purchase (the user books a hotel).
  • Touchpoints. Within each high-level phase, you’ll note down all the touchpoints the user comes across and interacts with. For example: the website homepage, a customer service agent, the checkout page.
  • Actions. For each stage, you’ll also map out the individual actions the user takes. This includes things like applying filters, filling out user details, and submitting payment information.
  • Thoughts. What is the user thinking at each stage? What questions do they have? For example: “I wonder if I can get a student discount” or “Why can’t I filter by location?”
  • Emotions. How does the user feel at each stage? What emotions do they go through? This includes things like frustration, confusion, uncertainty, excitement, and joy.
  • Pain-points. A brief note on any hurdles and points of friction the user encounters at each stage.
  • Opportunities. Based on everything you’ve captured in your user journey map so far, what opportunities for improvement have you uncovered? How can you act upon your insights and who is responsible for leading those changes? The “opportunities” section turns your user journey map into something actionable. 

Here’s how to create a user journey map in 6 steps:

  • Choose a user journey map template (or create your own)
  • Define your persona and scenario
  • Outline key stages, touchpoints, and actions 
  • Fill in the user’s thoughts, emotions, and pain-points
  • Identify opportunities 
  • Define action points and next steps

Let’s take a closer look.

[GET CERTIFIED IN UI DESIGN]

1. Choose a user journey map template (or create your own)

The easiest way to create a user journey map is to fill in a ready-made template. Tools like Miro , Lucidchart , and Canva all offer user/customer journey map templates that you can fill in directly or customise to make your own. 

Here’s an example of a user journey map template from Canva:

canva user journey map

2. Define your persona and scenario

Each user journey map you create should represent a specific user journey from the perspective of a specific user persona. So: determine which UX persona will feature in your journey map, and what scenario they’re in. In other words, what goal or task are they trying to complete?

Add details of your persona and scenario at the top of your user journey map. 

3. Outline key stages, actions, and touchpoints

Now it’s time to flesh out the user journey itself. First, consider the user scenario you’re conveying and think about how you can divide it into high-level phases. 

Within each phase, identify the actions the user takes and the touchpoints they interact with. 

Take, for example, the scenario of signing up for a dating app. You might divide the process into the following key phases: Awareness, Consideration, Decision, Service, and Advocacy . 

Within the Awareness phase, possible user actions might be: Hears about the dating app from friends, Sees an Instagram advert for the app, Looks for blog articles and reviews online. 

4. Fill in the user’s thoughts, emotions, and pain-points

Next, step even further into your user’s shoes to imagine what they may be thinking and feeling at each stage, as well as what pain-points might get in their way. 

To continue with our dating app example, the user’s thoughts during the Awareness phase might be: “ I’ve never used online dating before but maybe I should give this app a try…”

As they’re new to online dating, they may be feeling both interested and hesitant. 

While looking for blog articles and reviews, the user struggles to find anything helpful or credible. This can be added to your user journey map under “pain-points”. 

5. Identify opportunities

Now it’s time to turn your user pain-points into opportunities. In our dating app example, we identified that the user wanted to learn more about the app before signing up but couldn’t find any useful articles or reviews online.

How could you turn this into an opportunity? You might start to feature more dating app success stories on the company blog. 

Frame your opportunities as action points and state who will be responsible for implementing them.  

Here we’ve started to fill out the user journey map template for our dating app scenario:

dating app customer journey map

Repeat the process for each phase in the user journey until your map is complete.

6. Define action points and next steps 

User journey maps are great for building empathy and getting you to see things from your user’s perspective. They’re also an excellent tool for communicating with stakeholders and creating a shared understanding around how different users experience your product. 

Once your user journey map is complete, be sure to share it with all key stakeholders and talk them through the most relevant insights. 

And, most importantly, turn those insights into clear action points. Which opportunities will you tap into and who will be involved? How will your user journey maps inform the evolution of your product? What are your next steps? 

Customer journey maps in UX: the takeaway

That’s a wrap for user journey maps! With a user journey map template and our step-by-step guide, you can easily create your own maps and use them to inspire and inform your product design process. 

For more how-to guides, check out:

  • The Ultimate Guide to Storyboarding in UX
  • How to Design Effective User Surveys for UX Research
  • How to Conduct User Interviews

Subscribe to our newsletter

Get the best UX insights and career advice direct to your inbox each month.

Thanks for subscribing to our newsletter

You'll now get the best career advice, industry insights and UX community content, direct to your inbox every month.

Upcoming courses

Professional diploma in ux design.

Learn the full UX process, from research to design to prototyping.

Professional Certificate in UI Design

Master key concepts and techniques of UI design.

Certificate in Software and Coding Fundamentals for UX

Collaborate effectively with software developers.

Certificate in UX Design Fundamentals

Get a comprehensive introduction to UX design.

Professional Certificate in Content Design

Learn the skills you need to start a career in content design.

Professional Certificate in User Research

Master the research skills that make UX professionals so valuable.

Upcoming course

Build your UX career with a globally-recognised, industry-approved certification. Get the mindset, the skills and the confidence of UX designers.

You may also like

The ultimate guide to mobile app design illustration.

The ultimate guide to mobile app design: Follow these UI principles & best practices

Survey tools illustration

The best online survey tools to use in 2024

292 colour theory illustration blog

What is colour theory? A complete introductory guide

Build your UX career with a globally recognised, industry-approved qualification. Get the mindset, the confidence and the skills that make UX designers so valuable.

4 June 2024

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.

#How the Hotjar team mapped out the ‘customer using a heatmap’ journey using sticky notes

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

#A customer journey map example from Airbnb, starting when a user needs to book accommodation and ending after their stay in an Airbnb property

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.

#A visual recap of your 2 and 1/2 days working on a customer journey map

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

#Website analytics from tools like Google Analytics are foundational to mapping customer journeys

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

#Get real-time input from your website users with Hotjar Surveys

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.

#Use this empathy map canvas template to kick-start your customer journey mapping workshop

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

#An example of a customer journey map template with different stages and themes

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:

website user journey map template

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.

website user journey map template

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.

website user journey map template

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

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.

WEBSITE ESSENTIALS

How to improve your website with user journey mapping

  • Jenna Romano
  • Dec 8, 2022

user journey map for designing a a website

When you create a website for your business, you want it to do more than just inform prospective customers. While your website should educate, it should also actively help visitors achieve their goals.

Your customer will visit your website with unique intentions, and you must consider how they’ll experience your site. To shape your site to create the best outcome for both you and visitors, user journey maps can tremendously benefit the design process.

In the following guide, we’ll look at what a user journey map is and the benefits of using them for your website design —plus we’ll detail the steps you need to create one.

What is a user journey map?

A user journey map, also referred to as a customer journey map, is a diagram that depicts a user’s interactions with a product over time. Typically represented by a flow chart, user journey maps are a common UX design research and planning tool.

Anyone designing a website can create journey maps to improve their site’s user experience. Typically, UX designers complete the research and planning involved in user journey mapping before they design a website for the following reasons:

It’s a strategic exercise: User journey mapping gets you thinking about who your visitors are, their goals and what they want and need from your site to accomplish them.

Helps visualize the user flow : By visualizing your visitors’ steps throughout the site, you’ll understand their thought process as they work to achieve their goal.

What are the benefits of creating a user journey map?

Designing a website with user journey mapping is a user-centered method that will help you empathize more with the user when designing your site’s content and information architecture . Because user journey mapping allows you to anticipate visitors’ behaviors, your design will result in a more positive user experience.

User journey maps will also help you with:

More confident decision-making

Journey mapping allows you to remove inefficiencies and mitigate risks as you visualize your customers’ experience.

Website optimization

Business owners can use user journey maps to influence visitors to click on CTAs and increase site conversions. It can also help them build an intuitive website structure that people feel comfortable navigating.

How to create a user journey map

With user journey mapping, you should understand who your visitors are, why they’re on your site, and what’s going to help them achieve their goals. The steps below will enable you to create a user journey map that anticipates your visitors’ needs and how they browse it:

Get an app to help you map out your user’s journey

Figure out who your ideal users are

Create user personas

Define the scope of the user journey map

List the key phases and touchpoints

Think about user goals and actions at each phase

Make an empathy map for the user journey

Anticipate problems along the journey

Think about opportunities for optimization

Collect data, review and revamp your journey maps

01. Get an app to help you map out your user’s journey

While you could use a spreadsheet or a flow chart maker to create a user journey map, it’ll take more time than using a UX tool built specifically for user journey mapping.

Use these tools to add and remove fields to your map, rearrange the steps and edit its visual appearance. Many times, you’ll have the option of starting from scratch or using a pre-made user journey template that suits your needs.

02. Figure out who your ideal users are

When starting a business, you usually have a general idea of your target audience. User journey mapping goes further to discover your niche. Typically, you’ll find your ideal segment of users at the intersection of what you’re good at, what you’re passionate about, and where there’s a growing demand for what you do.

Go ahead and fill in the blanks:

Experience: _______________________

Passion: __________________________

Demand: _________________________

What sits at the intersection between all three? That’s your ideal customer.

venn diagram representing the intersection between a user's experience, passion, and demand to find the niche of your user journey

03. Create user personas

Once you’ve identified your ideal user, research them to better know who they are. Use your insights to create user personas that realistically communicate the people most likely to visit your site.

User personas are fictional users who represent the needs, personality and goals of a larger archetypal user group. In addition to adding a “real” name and photo to user persona profiles, you’ll fill in details related to:

Basic demographics

Professional or personal details

Motivations

Pain points

Quotes that describe what they think or how they feel

Many brands have numerous user personas. Create profiles for each of your target personas. When you’re done, choose one to start with and include them in your user journey map.

user persona examples for creating a user journey map

If your brand is new or yet to launch, you might not have much existing data to pull from. You can use tools to learn about your ideal user, even if they’re not your current user:

User interviews: Round up interviewees who represent potential users, and ask them questions related to your brand. Keep in mind that this information needs to help you learn more about your average or potential user, as well as what kind of online experience will encourage them to sign up.

For example,

What do you do for a living?

Why did you start your business?

Have you ever considered using a service like ours? Why?

What would convince you to work with our services? Rank your top 3 reasons.

Social media listening: Social media is a powerful tool when creating user personas, since it helps you know potential users more personally. By gathering data on what your target users talk about, you’ll understand what motivates them to engage with other brands and can apply that to your site as well.

user persona profile example for creating a a user journey map

04. Define the scope of the user journey map

The more granular your user journey maps, the more precise your web design. You can (and should) create user journey maps for the different interactions customers have with your brand and your website.

When mapping out the user journey for new visitors, focus on what their first site experience should look like as they discover more about your product. Once you have an initial interaction with a target user, build on it. With returnees, for example, think more about what long-term loyal customers want when they enter the site, such as checking out new products or rewards programs.

Break down the scope of each interaction with the following details:

User: This is a segment of our user persona. For example, “it’s a lead we targeted on Facebook.”

Goal: What is the user’s goal during this particular visit? If the user found an ad advertising a discounted course, for example, their goal is to find out more about it.

User Flow: Provide a basic summary of how you expect this interaction to go. For example, you anticipate that a user who landed on your site through a Facebook ad will want to first read more details and then purchase your product.

What follows in the user journey map will help you figure out what’s needed on your website to increase the likelihood that they will complete their purchase at the end of the visit.

05. List the key phases and touch points

By defining certain phases of the user journey, you’ll start visualizing in detail how users get to your site, why they arrived and how they’ll interact with it. Each phase outlined in your map should include the various touch points where these interactions happen.

You can also think of these phases as your goals for their visit.

Discovery: Visitors find your brand and site through a targeted Facebook ad.

Video: Visitors are brought to a landing page of your site featuring a video that introduces your brand.

Learn: Visitors read more information about what you do and what they’re going to get from your offering.

Purchase: Visitors pay for your services with a simple two-step checkout process.

Email phase: Visitors receive a “thank you” email with relevant details to get started and stay in touch.

As you fill in this part of the user journey map, consider the following questions:

What is the source of this website traffic? In other words, what lured in these users? You can optimize these off-site touch points to increase not only your quantity of traffic, but the quality of it, too.

What is the first page they’ll see on your site? For this particular user journey, does it make sense for them to enter through the home page? Or is it better to take them to a dedicated landing page where they can focus on a specific product or service?

Where should they end their journey? When considering the best (and most realistic) ending point for visitors, think about both their needs and your own goals. For example, after visitors learn about your brand, you probably want to take them straight to a purchase page with the goal of converting. However, what if a visitor isn’t ready to purchase? You can still hold on to that lead by leading them to sign up for your weekly newsletter.

06. Think about user goals and actions at each phase

Now that you’ve mapped the various phases, write out the user's specific goals for arriving at this touchpoint and what actions they’ll take to achieve it. Objective-setting will help you understand what drives your users forward and anticipate what most visitors want to happen when they get to each stage.

For example:

Discovery: If I click this ad, I’ll see if this offer is as legitimate as it seems.

Video: If I watch this video, I’ll get a high-level overview of this course.

Learn: If I read through this page, the coach will address any doubts I have about this course.

Purchase: If I click this “Buy Now” button, I’ll be directed to checkout.

Email: If I open up my email, I can get started on the course right away.

website user journey map template

07. Make an empathy map for the user journey

A user’s emotions heavily influence their journey. If your website doesn’t elicit the right kind of emotional reaction—be it relief, joy, excitement, or something else—visitors might not end up where you want them to.

A user journey map should reflect potential shifts in the user’s mood, behavior and thought process as they continue through each phase. This information allows you to determine the best way to use or influence that emotional state to help them accomplish their goals.

An “Overall Sentiment” section can depict your user’s mood. You can describe these using text or visuals, including emojis and colors and descriptions to show how their feelings transform over the course of their journey. Additionally, a “Think & Feel” section is where you can write out quotes that represent how your users feel during each phase.

To complete this part of the map, go back to the research you did earlier. Through user interviews and social listening, you should have some helpful soundbytes. Familiarize yourself with your users’ language so you can craft feelings that sound just like them.

08. Anticipate problems along the journey

No website is flawless. Even leading brands that have been online for decades must consistently work on refining the user experience. Knowing this, add a “problems” section to your user journey map.

This section helps you anticipate where your users may encounter friction, so you can solve these issues in the future. In some cases, it could relate to your web design. For instance, a lengthy checkout form might lead users to abandon your site. In other cases, the problem could be something larger—like a lack of brand reputation.

Writing the problems that may keep users from moving to the next step, will help you critically consider and solve how to design your website around them.

09. Think about opportunities for optimization

The “Opportunities” part of a user journey map is where you’ll hypothesize ways to optimize the user experience. Treat this section like a brain dump for all the things you can do to improve the user journey.

Once you’ve got a list of ideas, you can look around for case studies and research to back up your hypotheses. Tap into what’s worked for others and load up your “Opportunities” section with data-backed ideas to improve your own users’ journey.

10. Collect data, review and revamp your journey maps

Your initial research helped you get to know your users and how you can optimize your site for them. However, your live website’s data unlocks the next phase in designing the ideal journey.

Once your site goes live, start monitoring traffic to measure your initial user journey mapping’s effectiveness. Identify the following data:

The most visited landing pages on your website

Which pages users most commonly visit next

How the subsequent flow throughout the website looks

Which areas of the site experience the greatest loss of users

You can use website analytics or visualization tools to watch your user journeys play out in real time and historically, plus see what happens when different users enter your website.

One last thing you can do at this stage is get feedback from actual users. By conducting user interviews, adding a feedback form to your site or running online surveys, you can gain real input about your site experience

Once you’ve identified the problems along your designed user journey, return to your map and update it accordingly. This real user data can help highlight new opportunities and revamp your user journey, making solid, data-backed redesign decisions for your site far into the future.

Related Posts

What is UX? A glimpse into user experience and the UX design process

How to make a Wix website

Best UI and UX design tools of 2024

Was this article helpful?

User journey template

Gain a complete understanding of your user's experience

website user journey map template

About the User Journey Template

Use this collaborative template to gain a more complete understanding of your user's experience, from the phases they have to go through to the emotions that they experience at each stage. Through this exercise, you'll identify first the user’s pain points and then opportunities for improvements along the journey.

5 benefits of creating a user journey

1. User journeys can help simplify complex processes.

2. User journeys make it easier to see the "big picture" and understand how all the pieces fit together.

3. User journeys can help you identify potential pain points and areas for improvement.

4. User journeys foster creative thinking and help you craft a more intuitive and user-friendly experience.

5. User journeys can help you better understand your users and their needs.

How to create a User journey template

Detail each phase of the user journey.

What are the phases of the process? For example, if the user is going to the market, the overarching phases of the trip are getting ready to leave, traveling to the market, shopping, and returning home.

Map out the steps of each phase

What steps are involved in the above phases? For example, in order to get ready to leave, the user will likely collect any shopping bags that they have, prepare a list of items they want to buy, decide on a mode of transportation, etc.

Add what each user should feel during every phase

What should the user feel as they move through the phases? For example, if the user is preparing to leave for the market, they might be thinking, 'what is it that I'd like to make for dinner this week?' How does what the user is feeling affect their journey?

Outline any pain points for each phase

What are some issues that the user is likely to face as they move through each phase? In the market example, it's possible that they don't have enough shopping bags to carry all of the goods they would like to buy.

List out the opportunities for improvement based on the steps, feelings, and pain points the user feels

What opportunities for improvement can you identify that would make the phases or the individual steps easier for the user? Using the above market example again, how could planning be facilitated, or transport addressed? What could be simplified or streamlined so that the user has a smoother and easier experience overall?

Get started with this template right now.

Build and improve user journeys easily and collaboratively

Sticky notes & text

Sticky notes & text

Add ideas, action items, and more as a sticky note or text box — then change the colors and cluster to identify patterns and new solutions.

Real-time collaboration

Real-time collaboration

Add more productivity and engagement to meetings and calls with features to guide collaboration.

Commenting

Add comments and tag collaborators for smooth asynchronous communication.

Anonymous voting

Anonymous voting

Gain consensus and reach alignment quickly, either in real time or asynchronously.

Find & filter

Find & filter

Search and filter by color, last edited by, and more to unlock patterns and enhance visual collaboration.

Mapping and diagramming

Mapping and diagramming

Build quick and easy visualizations of flows, maps, processes, hierarchies, journeys, and more.

User journey template frequently asked questions

What is user journey mapping, what is the difference between user story and user journey, what are the benefits of creating user journeys.

Accenture Interactive NL

Template by Accenture Interactive NL

We connect deep human and business insights with the power of technology to define and deliver new realities. Experiences that can make lives easier, healthier, safer, and rewarding. At Accenture Interactive, we’re reimagining business through experience.

Mural and LUMA System Logo Lockup

Mural is the only platform that offers both a shared workspace and training on the LUMA System™, a practical way to collaborate that anyone can learn and apply.

More Empathize templates

Force field analysis

Force field analysis

Workflow

What, so what, now what

  • Case studies
  • Expert advice

' src=

Website visitor journey map + free template

When it comes to customer experience, the first interaction matters a lot. And it can happen way before the client even touches the product or service your offer. For example, when they see an online ad promoting your product.

That’s something to keep in mind when running any business, no matter whether it is online or offline. Website owners (especially those offering a SaaS product) might be tempted to think only about the technical side of their product. But they should also focus on the user experience they deliver at different stages of your user journey.

When it comes to customer experience, the first interaction matters a lot. And it can happen way before the client even touches the product or service you offer. For example, when they see an online ad promoting your product.

To understand what your company website visitors are stressed about and know what problems may exist before a visitor even faces them and come up with ideas on how to improve their experience, as well as your website and product, you can start with creating a user journey map for your website, detailing the steps your user takes and even mapping out their emotional journey.

A quality journey map can help plan out user-friendly navigation from initial research to post-purchase needs, convert a lead to a customer, and increase customer loyalty by getting a +1 brand advocate. 

To provide you with some guidance on building a customer map for a website, we’ll follow in the footsteps of Mike Wojcik, a product marketing manager looking for an IT solution for his company and his website journey. This customer journey map outlines the stages Mike goes through, focusing on Mike’s actions and emotions during the interaction with the website of a SaaS company — DemoFilm.

So, what does Mike’s journey look like? Read on to find it out, or scroll down to watch the video about it.

  • 1 Before actually creating a journey map for a website
  • 3.1 Phase 0: Get aware & Search
  • 3.2 Phase 1: Website navigation before purchase 
  • 3.3 Phase 2. Website navigation for post-purchase needs
  • 4 Website visitor journey map
  • 5 The video

Before actually creating a journey map for a website

Create your persona(s) first. The protagonist of this journey map is Mike Wojcik, a product marketing manager at ChartAnalysta. The company develops solutions to visualize statistical data in charts and figures.

Personas tool banner

The product marketing team is launching new features in the platform. Mike is searching for an easy-to-use solution to create product demo videos of the ChartAnalysta platform and deliver the product value to their leads and customers more efficiently.

Mike’s personal and professional goal is to grow his time-management skills. He prefers to work independently and is a perfectionist and a science geek. He isn’t quite familiar with classical video editing tools. Being a SaaS worker himself, Mike believes that a good SaaS service is worth using. Thus, he is looking for software that could do all the monkey jobs for him and one he could manage easily.

Website visitor persona template

After outlining your buyer persona (learn more about how to create a buyer persona in our Step-By-Step Guide ), decide on the sections to add to the journey map. 

In the map we built for this article, we used 7 sections of UXPressia’s CJM Tool:

  • Goals – to understand Mike’s goals and think of how to help him achieve those goals;
  • Action points – to get a full picture of what the user does at each stage and plan out any possible user interactions with your website;
  • Problems – to find out existing experience flaws;
  • Ideas – to spot opportunities for future improvements;
  • Process and channels – to visualize Mike’s path through different channels;
  • Experience – to illustrate the user’s emotional journey;
  • Image — to explain things visually:

After defining the sections, think of the stages of the map. In our example, we divided Mike’s journey into 12 stages. This website user journey map template can work to spot ideas for improving your current web pages and foresee the pitfalls in the prospective website UX. Note that UXPressia’s templates are 100% flexible. You can remove, move around, or add custom sections depending on your specific business needs.

Website visitor journey stages

Let’s look at the possible stages of a website visitor journey. Ready to learn Mike’s story?

Phase 0: Get aware & Search

Get aware & Search stages

Every customer journey starts with understanding a problem and an intent to find a solution. Mike comes up with the idea to use a software solution instead of hiring a video editor or urgently learning to edit videos himself after discussing the problem with his teammates at a work meeting. This is where the initial search starts. Your future website visitor can be searching through multiple channels at a time, so it’s a point to plan out your digital presence and improve the brand’s share of voice.

At the stage of the search, just like any average user, Mike visits and compares various websites, learns the basics about the solution itself, and decides on choosing a software OR gets back to his initial plan (hire a person to do video editing or do it all by himself).

Phase 1: Website navigation before purchase 

1.1 main page.

Main page stage

In most cases, the main website page will be the first touchpoint for your future customers. They likely have already reviewed a couple of websites and don't want to spend another 20 minutes examining each and every detail of your software. Remember that you never get a second chance to make a first impression. When visiting the website, Mike wants to get a quick answer to the question, “Can this software solve my problem?”. Optimize your main page or landing page to make it transparent and provide the value clearly and briefly.

1.2 Product tour + Subscription plan

Subscription plan stage

It’s time to show what’s under the bonnet of your software and how it overcomes the competitors, but remember not to delve much into technical details. It would be great to merge this page with the pricing plan page so that users have a clear understanding of how much they pay for an actual set of features and don't need to get back and forth between two pages.

1.3 Demo request

Demo request stage

Mike is impressed with the DemoFilm software and sees the platform with his own eyes. However, he can’t just quickly get access. Instead, he has to leave a demo request and wait for the sales manager to contact him to schedule a demo call demonstration. While a guided demo and a call with a sales representative definitely have their perks, this step can be a huge obstacle for a visitor. Think of providing an option to try your platform and schedule a meeting afterward. Integrate a live chat with a sales manager to remove this limitation. 

1. 4 Free trial

Free trial stage

After a demo call with sales and a little help choosing the plan, Mike is ready for his free trial. He is full of enthusiasm but also a little bit nervous as he has never created a demo video before. The free period is a double-sided coin. We all love freebies, but the frustration comes when the grace period is over. Mike feels really great about using the software, but he is anxious to miss the end of the period and get withdrawn automatically. Make sure you provide clear instructions for this flow on your website. Think of adding automatic notifications or a countdown. And, of course, state it all out clearly about payment options. 

Phase 2. Website navigation for post-purchase needs

The user’s journey doesn’t end with a purchase. A SaaS user usually keeps interacting with a website, using it as an entry point to the software. If your business only provides downloadable desktop software, you can still think of your website optimization for users’ post-purchase needs, like support, education, troubleshooting, learning for the new updates, etc.

2.1 Additional service

Additional service stage

You can think of introducing some add-ons at this stage. Tell more about the additional services or enterprise offers before visitors proceed to payment. Mike got interested in corporate onboarding and added this service to his final billing. Just like at the previous stage, make sure you deliver this information clearly.

2.2 Billing form

Billin form stage

Your crucial milestone is almost reached, so it’s important it goes without a hitch. Design a 1-2 click payment solution, shareable payment links, and auto-billing within the same webpage. And no PDFs or additional emails to share with an accountant, please!

2.3 Platform login + Support & Intercom

Support & intercom stage

After paying for the service, Mike can’t wait to proceed to his job task and create his first demo video. However, he still experiences issues with creating accounts for his teammates and has to waste his time interacting with customer success and technical support in emails, intercom messages, and on the phone. Mike also faces some trouble figuring out how to use one of the platform features. He contacts support but only receives the links to long-read articles that require a lot of time to find the answer.

A good tip here: plan out one means of communication on your website. Adding an intercom (or similar) service can improve the customer experience, even if they face some trouble with your service. Plan out some basic answers, but never underestimate the power of personal communication.

2.4 Feedback

Feedback stage

A satisfied customer or website visitor is the best business strategy of all. Design a questionnaire to collect customer feedback and, once in a while, send push-up notifications asking the customers to share their experiences. Don’t be too pushy or include too many open questions. A happy customer will tell more in his own words if he really wants to. Respect privacy, as not everyone likes their messages to be shared in public. Design a customer review section on your website’s main page to showcase the best customer experience and grow your business liability.

Website visitor journey map

Combining all the stages, you will end up with a detailed journey map ready for further ideation process, precise website visitor tracking, and improvement of your visitors' experience. Mike's journey looks like this:

Website visitor journey map template

Ready to build your own website customer journey map and improve your website traffic? Take the first step using the template and a detailed customer journey experience with the help of the UXPressia template.

Prefer watching to reading? Check out our YouTube video with Mike's story.

Related posts

Rate this post

Case study: improving financial services customer experience as a team

We use essential cookies to make Venngage work. By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.

Manage Cookies

Cookies and similar technologies collect certain information about how you’re using our website. Some of them are essential, and without them you wouldn’t be able to use Venngage. But others are optional, and you get to choose whether we use them or not.

Strictly Necessary Cookies

These cookies are always on, as they’re essential for making Venngage work, and making it safe. Without these cookies, services you’ve asked for can’t be provided.

Show cookie providers

  • Google Login

Functionality Cookies

These cookies help us provide enhanced functionality and personalisation, and remember your settings. They may be set by us or by third party providers.

Performance Cookies

These cookies help us analyze how many people are using Venngage, where they come from and how they're using it. If you opt out of these cookies, we can’t get feedback to make Venngage better for you and all our users.

  • Google Analytics

Targeting Cookies

These cookies are set by our advertising partners to track your activity and show you relevant Venngage ads on other sites as you browse the internet.

  • Google Tag Manager

Venngage Customer Journey Mind Maps

Learn the value of your user's pain points and needs, and improve the experience of your customers with Venngage's customer journey mind map templates.

website user journey map template

Not a designer? Not a problem. With Venngage's beginner-friendly user journey map tool, making a journey map has never been easier. 40,000+ businesses trust Venngage to improve their marketing strategies!

Design from one of our customer journey mind map templates

Customize one of our professionally-designed templates. see all customer journey mind map templates, design an effective customer journey mind map on venngage by following these steps:.

website user journey map template

Add different target customer profiles by accessing our library of illustrations and stock photos to represent different types of users.

Design an effective customer journey mind map on Venngage by following these steps:

Browse our library of 40,000+ icons and illustrations. Select the ones that emphasize key steps in your customer's journey.

Design an effective customer journey mind map on Venngage by following these steps:

Use a consistent theme. All of our user journey maps were designed with a central theme in mind, making it easy to create a professional-looking design.

Design an effective customer journey mind map on Venngage by following these steps:

Customize our customer journey mind map templates in a snap. Drag and drop new elements and share engaging visuals with your team using Venngage's smart editor.

How to create customer journey mind maps in 5 steps:

How to create customer journey mind maps in 5 steps:

Understand how your clients interact with your brand

website user journey map template

User Customer Journey Mind Map Templates

Plot this journey using Venngage's customer journey map tool. Our professional designs will help you create a resource that you and your team can refer to.

User-Friendly Editor

User-Friendly Editor

Venngage is an online drag-and-drop graphic design tool for people with little to no design experience. Swap out text, images, icons, and add data to your user experience map!

Share Your Customer Journey Mind Map

Share Your Customer Journey Mind Map

Download your user journey design in high-quality PNG or PDF formats, or share it on social media directly from Venngage with just a few clicks.

Customer Support 24/7

Customer Support 24/7

Running into any issues? Have questions about using a feature or need advice? Our support team is available around the clock.

Brand Identity

Brand Identity

Build your brand through consistency. My Brand Kit lets you incorporate your branding into every asset you design in Venngage.

Team Collaboration

Team Collaboration

Working with a team? Make your teamwork seamless by having multiple people within the same design. Write comments and helpful feedback.

Choose the customer journey mind map that best represents your users' experiences

Choose the customer journey mind map that best represents your users' experiences

  • Choose a template that best fits the process you want to improve. Also, you can ask our team to recommend one to you.
  • Customize design assets by adding, editing, dragging or deleting shapes, lines and colors with a few clicks.
  • Quickly add branding to any process map with My Brand Kit. Save your brand's color palette, fonts and images and apply them to every graph you create.

Design the perfect visual representation of your user journey

Design the perfect visual representation of your user journey

Collaborate with your team and stakeholders in real-time

Download or share your customer journey mind map with a click.

  • Download your document as a PDF or Interactive PDF (to use hyperlinking).
  • To print your document, apply print bleeds in the editor and then download it as a PDF.
  • Share your completed design using a share link - no need to download a single thing.

Download or share your customer journey mind map with a click

How do I create a customer journey mind map on Venngage?

Click the green button below and sign up for Venngage using your email, Gmail or Facebook account. Then, click "Templates" to find the best design for you.

Can I add hyperlinks to my customer journey mind map?

Click any element (text, icon, images) in our templates to add a link. Then, download your file as an Interactive PDF (Business plan only).

Can I share, download or print my customer journey map?

Sure thing! Share a link to your design with your colleagues or clients. Or download your file as a PNG or PDF file to print it (Premium and Business plans only).

Try Venngage's Customer Journey Map Maker today. Sign up for free!

website user journey map template

Get started with our customer journey map templates

User Journey Map Template

User Journey Map Template preview

This User Journey Map template is designed to assist you in planning and analyzing user journeys with ease and effectiveness. With this template, you can visualize each step in the user experience, identify pain points, and optimize user interactions.

Key Features:

  • Clean and easily understandable design.
  • Simple to use, even for beginners.
  • Various graphic elements to depict user journeys.
  • Space for notes, comments, and analysis.

By using this template, you can quickly grasp the user's perspective, identify improvement opportunities, and design better solutions.Hope this template helps you create outstanding user experiences!

Note: Adjust the template as necessary

Sahid Aldi Susilo

https://sahidaldis.webflow.io

Montrack (Fun Money Tracker App)

COMMENTS

  1. How To Create A User Journey Map: Examples + Template

    Columns capture the five key stages of the user journey: awareness, consideration, decision, purchase, and retention (see below). Rows show customer experiences across these stages—their thoughts, feelings, and pain points. These experiences are rated as good, neutral, and bad. To see how this works, consider a practical example.

  2. Create a Customer Journey Map (Free Templates, Tips)

    A user journey map represents the actions or processes a user takes to accomplish a goal within a digital channel. For example, users trying to navigate your website to look for answers to a certain product query. ... From your customer journey map template, access an infinite canvas for your ideas, a wide-ranging visual elements library, and ...

  3. Customer Journey Map Template

    A customer journey map, also known as a user journey map, is a visual representation of how customers experience your brand and company across all its touchpoints. In a customer journey map template, interactions are placed in a pre-made timeline to map out the user flow. Since customers are the backbone of your business, it is important to ...

  4. User Journey Map: The Ultimate Guide & FREE Templates

    User journey maps are an essential tool in the UX design process, used to understand and address the user's needs and pain points. Best behavioral analytics tools to optimize mobile app UX. 20+ powerful UX statistics to impress stakeholders. Mobile UX design: The complete expert guide.

  5. Best Customer Journey Map Templates and Examples

    17. SVG or EPS customer journey mapping stencil. This one's a doozy. Available as an Omnigraph stencil, Visio stencil, EPS, or SVG, this customer journey mapping template is best suited for complex journeys with many touchpoints, or for when you need to provide a lot of visual information to your stakeholders.

  6. Creating User Journey Maps: A Guide

    The main job of a UX designer is to make products intuitive, functional, and enjoyable to use. By creating a user journey map, you're thinking about a product from a potential customer's point of view. This can help in several ways. User journey maps foster a user-centric mentality. You'll focus on how a user might think and feel while ...

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

    6. Make the customer journey map accessible to cross-functional teams. Customer journey maps aren't very valuable in a silo. However, creating a journey map is convenient for cross-functional teams to provide feedback. Afterward, make a copy of the map accessible to each team so they always keep the customer in mind.

  8. Customer Journey Map Templates

    Customer Journey Map - Template. Customer Journey Map compiles a series of user goals and actions your customers go through when engaging with your company, whether it is a product, a website, a retail store, a service, or any combination in between. It combines two powerful instruments: storytelling and visualization.

  9. Customer Journey Mapping Tools

    Ready-made customer journey map templates. Design transformative customer journeys with templates for persona building, touchpoint maps, service blueprints, and more. Help your team quickly visualize, collaborate, and iterate on your customer experience, bringing in data and research to make the best-informed decisions. ... Map your user ...

  10. Free Customer Journey Map Template

    Our free template helps teams map out the entire customer journey. Start by identifying your target customer - develop a buyer persona to understand their needs, pain points, and goals. Map out their journey, making sure to include every customer touchpoint. Identify key actions within each touchpoint, and evaluate if there are opportunities to ...

  11. What is a Customer Journey Map? [Free Templates]

    Essentially, customer journey maps are a tool that you can use to understand the customer experience. Customer journey maps are often visual representations showing you the customer's journey from beginning to end. They include all the touchpoints along the way. There are often four main stages in your sales funnel, and knowing these can help ...

  12. Customer journey map template

    Mapping a customer journey helps: 1. Improve customer retention. Mapping identifies positive and negative moments users experience while interacting with your product or service. Eliminating negatives reduces frustration and streamlines processes meant to increase satisfaction and, ultimately, sales. 2.

  13. A comprehensive guide to effective customer journey mapping

    User journey mapping: an overview. User journey mapping, also known as customer journey mapping (CJM), maps a website visitor's experience from their perspective. Presented through a visual diagram, the customer journey map charts the user's path as they seek information or solutions, starting at the homepage and tracking their routes across ...

  14. How to design a customer journey map (A step-by-step guide)

    How to create a customer journey map (step-by-step) Here's how to create a user journey map in 6 steps: Choose a user journey map template (or create your own) Define your persona and scenario. Outline key stages, touchpoints, and actions. Fill in the user's thoughts, emotions, and pain-points. Identify opportunities.

  15. How to Create a Customer Journey Map: Template & Guide

    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.

  16. What Is a Customer Journey Map? 10 Templates & Examples (2023)

    It's simple, professional and to-the-point, and covers all the basic elements that need to go into a journey map. 2. Gaming Customer Journey Map Template. This gaming customer journey map template is created with recreational mobile apps in mind, but you can use it for any tech, SaaS or other industry.

  17. A Beginner's Guide to User Journey Mapping

    A user journey map, also referred to as a customer journey map, is a diagram that depicts a user's interactions with a product over time. Typically represented by a flow chart, user journey maps are a common UX design research and planning tool. Anyone designing a website can create journey maps to improve their site's user experience.

  18. How to Create Customer & User Journey Maps (+Examples & Template)

    Reducing churn rate for paying customers. 2. Build personas and define your user's goals. Develop at least one persona you'll use as your primary model. The more specifics you create about the behavior of your different users across the personas you identify, the better and more detailed your user journey map will be.

  19. User journey template

    User journey mapping is a process of tracking the steps a user takes in order to complete a task. It helps to identify user needs and pain points, and can be used to improve the user experience. Journey mapping begins with identifying the user's goals. Once the goals are understood, the user's journey can be mapped out, step by step.

  20. Website Visitor Journey Mapping

    This website user journey map template can work to spot ideas for improving your current web pages and foresee the pitfalls in the prospective website UX. Note that UXPressia's templates are 100% flexible. You can remove, move around, or add custom sections depending on your specific business needs. Website visitor journey stages

  21. Online Customer Journey Map Maker

    User Customer Journey Mind Map Templates. Plot this journey using Venngage's customer journey map tool. Our professional designs will help you create a resource that you and your team can refer to. User-Friendly Editor. Venngage is an online drag-and-drop graphic design tool for people with little to no design experience. Swap out text, images ...

  22. Free and customizable customer journey map templates

    Browse our free templates for customer journey map designs you can easily customize and share. Start of list. Skip to end of list. Skip to start of list. End of list. 65,233 templates. Customer Journey Graph. Graph by Equipo de Pronoia Studio. Ivory Pastel Orange Modern Gradient Customer Journey Map Graph.

  23. User Journey Map Template

    This User Journey Map template is designed to assist you in planning and analyzing user journeys with ease and effectiveness. With this template, you can visualize each step in the user experience, identify pain points, and optimize user interactions. Key Features: Clean and easily understandable design. Simple to use, even for beginners.