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

Learn / Guides / Customer journey mapping (CJM) guide

Back to guides

How 5 businesses successfully mapped out the customer journey

Creating a customer journey map puts you in your customers’ shoes to help you understand the user experience—what your users think, feel, and do at each stage of their buying journey.

Last updated

7 Jul 2022

Reading time

11 min

Share

Best-Practices

We’ve put together a list of five brilliant customer journey mapping (CJM) examples to show you how it’s done, so you can learn how to improve the user experience (UX) for your customers. 

Want to know how customers really interact with your product?

Hotjar’s product experience insights tools let you see things through their eyes. 

5 great examples of customer journey mapping 

A good customer journey map identifies buyers’ actions, desires, and experiences at every key touchpoint—from when a customer lands on your webpage all the way to conversion, onboarding, and beyond.

Our list of customer journey examples breaks down the best B2B, B2C, ecommerce, and SaaS journey maps—and shows you how to understand your customers better to build your own.

1. Hotjar’s B2B customer journey map 

#Hotjar’s example of a pen-and-Post-its customer journey map can be created in 2-3 days
Hotjar’s example of a pen-and-Post-its customer journey map can be created in 2-3 days

At Hotjar (👋), we make product experience (PX) insights tools to help businesses understand how their customers interact with their websites and digital products. And, of course, we’ve done some B2B customer journey mapping of our own to understand what our customers want, by tracking their interactions across key touchpoints. 

The result was the digital customer journey example shown above that maps our customers' experience when they use Hotjar tools for product testing. We visualized the key actions, questions, technical limitations, and opportunities of customers using our tools to get granular data to validate our product ideas and experiments. 

We started by identifying one specific customer journey, then used Google Analytics, Hotjar tools, and data from customer interactions with our brand to understand user actions, thoughts, and feelings. Then, we got UX, dev, engineering, and customer success teams to fill out empathy maps before mapping the journey. 

To increase empathy with our customers, we included two rows dedicated to pain points and happy moments—like the pain of finding patterns in complex customer data, and the ‘a-ha moment' when our users first realize value.  

We made our map flexible enough to be updated as customer needs change and new information becomes available, so we continually validate our assumptions against customers’ real-world experiences.

The benefits of customer journey mapping included helping us visualize customer motivations, drivers, and pain points, align cross-functional teams, eliminate silos, and clarify who owns each part of the buyer journey. 

How B2B companies selling self-serve digital products can create a similar map: 

1. Define the goal and scope of your customer journey map. We recommend starting with a narrow scope and only a few people involved. Focus on a specific problem you can break down into a few steps—like identifying where you’re losing users, and mapping out the pains, desires, and experiences of customers who exit your site.

Ask yourself: 

  • What do you want to achieve? 

  • Which customer journey touchpoints do you want to focus on? 

  • What KPIs do you want to measure? 

  • Where can you get the data you need? 

  • Which teams need to be involved?   

2. Use Google Analytics and Hotjar's Observe tools to collect user insights about online interactions:

  • Create Hotjar Heatmaps on key product pages to see where users are clicking and which parts of your page aren’t engaging users or working as intended. Then, improve UX and optimize the placement of on-page elements to boost conversions. 

  • Use Session Recordings to see how users scroll, click, and move around your site across an entire session. Focus on spotting bugs and blockers that cause them to bounce. 

3. Add qualitative user data from service chat logs, emails, or by asking customer support teams. 

4. Get key product and customer service teams to fill in an empathy map detailing what your buyers do, say, see, hear, think, and feel. Feel free to steal our free template below!

#Mapping empathy is a crucial part of customer journey mapping
Mapping empathy is a crucial part of customer journey mapping

5. Map the journey with Post-its and pens before digitizing it and sharing it across the company. 

2. Rail Europe’s B2C journey map 

#Rail Europe’s customer journey map includes interactions before, during, and after a trip
Rail Europe’s customer journey map includes interactions before, during, and after a trip

B2C ecommerce travel provider Rail Europe gives customers an easy way to book rail tickets online. Their on-site user interface (UI) is strong, but the company wanted to go deeper to understand the customer journey across all touchpoints. 

Mapping the customer journey produced a full spectrum customer experience map that illustrates the buyer's journey before, during, and after a purchase. It reminded their team that the buyer journey starts long before a customer lands on the website to book a ticket—and continues after the trip, through touchpoints like post-trip refunds, sharing recommendations, or publishing photos on social media. 

Rail Europe’s customer journey map also shows the transition between stages or channels to accurately visualize what is often a non-linear journey. For example, in the initial research, planning, and shopping phases, customers often move back and forth between comparison pages, checking timetables, and website chat and planning features.  

Mapping the journey like this helps Rail Europe understand different customers’ channel preferences, see which touchpoints aren’t working as they should, and which aspects of the user experience need more attention from design teams, marketing, and customer support. They visualized actions, thoughts, feelings, and experiences and rated the customer satisfaction of each stage, as well as the relevance and helpfulness of Rail Europe, to home in on areas for improvement.

The map doubles down on customer empathy by identifying travelers’ overall concerns and frustrations while on the trip, even those unrelated to their rail journey—the overall travel experience is still connected with the company brand in customers’ minds. 

This stand-alone map can be understood across teams without supporting materials, and there’s a focus on actionable insights—like the need to address customer frustrations over snail mail ticket delivery. 

Ecommerce website analysis like this is valuable for any company selling experiential products or services, like concert tickets, vacations, or tours. If that’s you, follow Rail Europe’s example and conduct customer journey map research by surveying current and potential customers to uncover exactly what they’re hoping for, thinking, and feeling as they engage with your brand.

Tips to map out the ecommerce customer journey:

1. Ask yourself: 

  • How can we access users who aren’t yet customers? 

  • What happens before the customer gets to our web page? How do they do research for a trip? What kinds of search keywords do they use online?  

  • Is the buyer journey non-linear? If not, how can we represent this? 

2. If your buyer journey has multiple touchpoints, group them into categories like 'research and planning', 'shopping', 'booking', etc. 

3. Match survey insights to touchpoints and map out the journey visually, adding qualitative insights about what the customer is thinking, feeling, and doing at each stage. 

💡Pro tip: use Hotjar Surveys to collect real-time suggestions about your website or app from users to make data-driven decisions and validate assumptions that inform and elevate your customer journey map. 

Hotjar’s no-code UI makes it easy to create drag-and-drop surveys  

3. Rewind’s SaaS customer journey map 

#Rewind’s customer journey map visualizes the full B2B purchase process before the customer even gets to their website
Rewind’s customer journey map visualizes the full B2B purchase process before the customer even gets to their website

Rewind makes backup & restoration software for SaaS platforms. Their team decided to map out the B2B SaaS customer journey when revenue fell short of expectations after the acquisition of a similar product. It also became clear that marketing efforts weren’t attracting the ideal customer.

Like many SaaS companies, Rewind relied on sales calls and customer relationship management (CRM) data to understand their users. But they were missing key insights about what happens before the customer lands on their website. 

To map the journey, the Rewind team defined their ideal customer profile (ICP) before conducting customer interviews to deeply understand buyer motivations and the decision-making process. They also used Google Analytics, Hubspot, and PX insights tools to understand users’ online behavior and how they were interacting with marketing materials. 

This showed them a short, high-intent, back-and-forth customer journey that happens almost exclusively online—since Rewind is installed in SaaS platforms, a lot of traffic is referred from their app marketplaces. 

The map showed event triggers and the customer’s thoughts and feelings as they moved through becoming aware of their problem (loss of important data), understanding the need for a solution, and doing online research—before arriving at Rewind.  

By mapping the full journey, the Rewind team discovered that customers often use professional forums or communities as part of solution research, and discovered a new buyer motivation and market segment: data compliance. 

According to Content Lift Founder Ryan Paul Gibson, who helped Rewind conduct customer interviews, the company also realized “potential buyers don’t want to speak with sales or ‘get a demo'. They want to research the product themselves and evaluate it. They also don’t want to enter a credit card to test it; they want to try it first and pay if it’s a good fit.” 

Rewind updated their go-to-market strategy, personas, product positioning, and marketing to complete these missing steps in the customer journey map.

The result? A two-fold increase in product installations, and better internal alignment on their ICP—which has improved their efficiency and helped them maximize resources. 

#After mapping the customer journey, Rewind produced much more targeted landing pages
After mapping the customer journey, Rewind produced much more targeted landing pages

To create a great SaaS customer journey map: 

  1. Set your research objectives

  2. Create a list of topics that align with your ideal buyer journey. For example, in Rewind’s case, they were customers’ reasons for buying, details about their company and role, and what caused them to start searching for a solution. 

  3. Create questions to ask customers during interviews, but leave flexibility for discussion.

  4. Run in-depth customer interviews to capture the exact order of events in the buyer journey and make sure you understand every customer action and touchpoint—from users identifying a problem to making a purchase.

  5. Bucket interview insights into user priorities, pains, and anxieties—what happened to trigger a search; which research channels the customer uses; how they evaluate solutions.

4. Spotify’s B2C customer journey map 

#Spotify’s user flow map focuses on one feature only
Spotify’s user flow map focuses on one feature only

When music streaming app Spotify mapped the user journey, their team focused on tracking touchpoints for one specific feature: sharing playlists via third-party apps.  

Their map zeroes in on clearly defined user personas and identifies key areas of customer engagement with a focus on users’ emotions and thoughts at each stage.

The team’s journey mapping research revealed a key customer pain point—fear of being judged for their music taste—that can hold users back from sharing music. They also identified an awareness gap to address: some users didn’t know the feature existed. 

By mapping the user journey, Spotify improved their UI and in-app flows to streamline the customer experience and make every touchpoint relevant to how real customers use the product.  

Mapping user flows is key for digital B2C brands with a product that lives and dies by good usability—and a business model that relies on customer loyalty. 

To map the user journey before improving or launching a feature:  

  1. Conduct market research based on direct and indirect competitors to understand how people use similar features, and what they expect from yours. 

  2. In user interviews, focus on the specific feature or stage of the journey. Why aren’t customers using it as you’d like? What are the barriers to product adoption? Dig deep into what motivates users to complete a specific action—and what blocks them.  

  3. Using interview data, create a buyer persona and include their key needs and motivations. What can you do to bring this feature to their attention and boost adoption? 

  4. Create a customer journey map combining stages in the user’s interaction with the feature, and break down the actions they take and the thoughts and emotions they have at each stage. 

  5. Use these insights to remove friction and improve user flows, validating your design with real users. 

Pro tip: use Hotjar's Observe tools to study Session Recordings and Heatmaps and get insights into the product experience of real or test users at every point in the customer journey.

#Heatmaps show you an intuitive aggregated view of which parts of your site are attracting attention and which aren’t to help you make changes that improve UX

Heatmaps show you an intuitive aggregated view of which parts of your site are attracting attention and which aren’t to help you make changes that improve UX

5. Emirates Airline’s multi-channel customer journey map 

#Emirates does a good job of mapping a complex, multi-channel customer journey
Emirates does a good job of mapping a complex, multi-channel customer journey

To reflect their customers’ multi-channel journey, flag carrier Emirates created a CJM that covers reservations, check-in, and onboarding experiences. 

As well as digital channels, the map includes call center interactions, which provide context for interactive voice response (IRV) technology and human service agents. It also sheds light on customer desires, broken down into categories like ‘comfort’, ‘safety’, ‘confidence’, and ‘freedom & control’, shown in the corners of the map.

With a global brand like Emirates, customers expect the same experience at all touchpoints, in all countries. This exercise helped the Emirates team understand customers’ main interactions and expectations to better coordinate service touchpoints and provide a consistent, high-quality experience across each one. 

For example, they set up a single, virtual contact center platform to increase efficiency and ensure consistent interactions across every channel. It’s not just the customer who benefits: the Emirates team now better understands exactly how to meet user needs across several channels and countries.

This map is ideal for businesses whose customer journey combines online and offline touchpoints, especially companies looking to differentiate themselves through the quality of their service. 

How to implement a multi-channel customer journey map: 

  1. Define your key goals for producing the map.

  2. Conduct thorough market research and customer interviews to reduce your assumptions and understand every single interaction and channel customers experience.

  3. Interview customer experience and support staff members at all touchpoints and in all regions.

  4. Use analytics tools and product experience insights software to understand how buyers interact with your digital marketing, website, and chat functions across channels and locations.  

  5. Use AI to analyze customer call recordings for tone and sentiment.

Pro tip: use Hotjar Feedback widgets to get in-context insights about what users really think about your app or website. You can filter feedback by region or channel to better understand your global customer touchpoints.

Hotjar's non-invasive Feedback widgets allow customers to give their opinions of your website or product as they experience it.

You’ve reached your destination: a truly valuable customer journey map  

Customers interact with your brand over a variety of channels and touchpoints, and their journeys aren’t always linear. But understanding their journey is key to improving your product and boosting customer acquisition, adoption, and retention. 

Follow these customer journey mapping examples to experience key touchpoints from your users’ point of view and grasp their pains, needs, and frustrations so you can build a journey your customers will love.

Want to know how customers really interact with your brand?

Hotjar’s product experience insights tools let you see things through their eyes. 

Frequently asked questions about customer journey mapping