Introduction
In our last lesson, you created an empathy map, giving us a deep, insightful snapshot of your user persona's mind—what they think, feel, say, and do in a specific situation. This is like understanding a single, critical moment in a client's financial quarter.
Today, we will zoom out from that single moment to map the entire narrative. The goal of this lesson is to map a user's end-to-end journey, identifying pain points and opportunity areas. We will create a User Journey Map, a visual story of your user's experience from the first spark of an idea to the final outcome.
For someone with your background in audit and finance, a journey map can be seen as a process flowchart for the user's experience. Just as you would map a process to find inefficiencies or risks in a business operation, we will map the user's journey to find points of friction and opportunities for improvement. This tool is fundamental for translating user problems into a strategic plan for design.
What is a User Journey Map?
A user journey map is a visualization of the process a person goes through in order to accomplish a goal. It tells a story from the user's perspective, tracking their actions, thoughts, and emotions across different stages. Unlike an empathy map, which is a deep dive into a single moment, a journey map shows the experience over time.
Let's watch a brief video that defines a user journey map and its core components.
How to Create a User Journey Map with Example
This video from Nomademy clearly explains what a user journey map is, what it's for, and the key elements that go into creating one.
Please watch from the beginning until the end of the component breakdown. Pay close attention to how the narrator breaks a large scenario down into smaller "phases" and then analyzes what the user is thinking, feeling, and doing in each one. This is the fundamental structure we'll be using.
As you saw, the map is built around a specific persona and a scenario. It then breaks that scenario into phases and uses different "swimlanes" to capture various aspects of the user's experience.
The Core Components and Structure
A journey map organizes information into a clear, visual structure. The columns represent the Phases of the journey, and the rows (or "swimlanes") represent different facets of the user's experience.
Let's watch a practical demonstration of how these components come together in FigJam, a tool very similar to Figma. This will give you a clear idea of how to build your own.
Customer journey mapping in Figjam
In this video, Nick Babich demonstrates how to fill out a standard user journey map template using the example of a user signing up for Netflix.
Watch from the start until the beginning of the example. This section introduces the core elements of a journey map template: User Steps/Phases: The stages of the journey. Actions: What the user does. Goals & Expectations: What the user wants to achieve. Feelings & Thoughts: The user's internal state. Pain Points: Frustrations and problems. Opportunities: Ideas for improvement. Focus on how these swimlanes work together to build a complete picture.
The power of a journey map is its ability to connect user feelings directly to specific actions and stages, which then allows us to pinpoint exactly where and how we should intervene with a better design solution.
Connecting the Journey Map to Business Goals
Your background in commerce and finance gives you a unique advantage: you're trained to think about return on investment (ROI). A user journey map is not just an empathy-building exercise; it is a strategic tool that directly impacts business outcomes. By identifying and solving pain points, you create a better experience, which can lead to higher conversion rates, better customer retention, and stronger brand loyalty.
The following resource, which is focused on your specific area of interest—events—frames this connection perfectly.
Customer Journey Mapping for Experiential Events – The Complete ...
This article from Chameleon Interactive explains why journey mapping is a critical business activity, especially in the context of events.
Please read the section titled "1.2 Four Concrete Reasons Journey Maps Outperform Ad-Hoc Planning". As you read, think about how each point connects to your past experience in audit and business analysis: Alignment with commercial objectives: This is about tying design efforts to measurable Key Performance Indicators (KPIs), something you're very familiar with. Friction removal: This is equivalent to identifying and mitigating operational risks in a business process. Data consistency: This speaks to the importance of accurate tracking and attribution, a core principle in finance. Continuous insight loop: This is about creating a feedback system for ongoing improvement, similar to a post-audit review.
By framing your design work in these business-centric terms, you can more effectively communicate the value of UX to future clients, moving the conversation from "making things pretty" to "driving business results."
Your Turn: Map the Event Planner's Journey
Now, it's time to build your own user journey map. We will continue with the persona and data from our previous lessons.
The Scenario: Our user persona, "The Discerning Event Planner" (let's focus on Priya, the baby shower planner), needs to find, purchase, and receive bespoke decor for her sister's upcoming event.
Your Task:
Create a user journey map in Figma that visualizes this entire process.
-
Set up your canvas:
- Open a new Figma file.
- Create a large frame for your map.
- Set up columns for the following five Phases:
- Inspiration: Realizing the need and looking for ideas.
- Research & Selection: Actively searching for and comparing specific products and vendors.
- Purchase & Confirmation: Committing to a purchase and completing the transaction.
- Anticipation & Delivery: The waiting period between ordering and receiving the items.
- Event Setup: Using the purchased items for the event.
-
Create your swimlanes (rows):
- Actions: What is Priya doing in each phase?
- Thoughts & Feelings: What is going through her mind? How does she feel? (Use your empathy map from the last lesson!)
- Pain Points: What are the specific frustrations, obstacles, or fears she encounters?
- Opportunities: Based on the pain points, what are the potential solutions or features we could design to improve her experience? This is the most important part!
-
Populate the map:
- Use the interview summaries from the previous lesson (pasted below for convenience) and the empathy map you created to fill in the swimlanes for each phase.
- Focus on translating each pain point into a concrete opportunity. For example, if a pain point is "Worried about product quality," a corresponding opportunity could be "Provide user-generated photo galleries" or "Offer a 'quality guaranteed' badge."
Spend about 20-25 minutes on this. Don't worry about perfect visual design; focus on the thinking process of organizing the information and brainstorming opportunities. You can find many journey map templates in the Figma community (as mentioned in the "Useful Customer Journey Maps" article) if you'd like inspiration for the layout.
Interview Summaries (from previous lesson):
-
User 1: Priya (Baby Shower Planner)
- Goal: Plan a beautiful, cohesive baby shower for her sister.
- Context: Spends hours on Pinterest and Etsy but feels overwhelmed.
- Pain Points: Worries about product quality ("feels like a gamble"). Stressed about coordinating shipping times from different sellers. Hates doing "detective work" to verify if an item is good.
- Quote: "I don't have time for that kind of detective work for every single piece of decor."
-
User 2: Aisha (Busy Parent)
- Goal: Throw a unique, memorable 1st birthday party for her son.
- Context: A corporate lawyer with very little free time. She's not price-sensitive and is willing to pay for convenience and quality.
- Pain Points: Finds it frustrating to buy items from 10 different shops to create one look. Wants something that feels special, not a generic "party-in-a-box." Overwhelmed by the sheer number of choices.
- Quote: "Just tell me what to buy. I'd happily pay more for a curated set that I know will look amazing and save me 20 hours of searching."
-
User 3: Rahul (Anniversary Planner)
- Goal: Organize an elegant 25th-anniversary dinner for his parents.
- Context: Doesn't use Pinterest and finds visual search sites confusing. He's looking for sophistication, not "cutesy" themes.
- Pain Points: Finds it hard to search for "classy" or "elegant" decor. He's worried about buying something that looks tacky or cheap in person.
- Quote: "My biggest fear is spending hundreds of dollars on things that arrive and look like they belong at a children's party."
Click to see a sample journey map structure based on the data
Here's an example of how you might fill out a couple of the phases. Compare it with your own map.
| Phase | Inspiration | Research & Selection |
|---|---|---|
| Actions | Browses Pinterest & Instagram for themes. Saves dozens of images. Tries to imagine a cohesive look. | Searches on Etsy/Amazon. Jumps between multiple seller pages. Reads reviews. Tries to compare items. |
| Thoughts & Feelings | Feeling: Excited, hopeful, but also a bit overwhelmed. Thinking: "This looks beautiful! Can I actually make my event look like this? Where do I even start?" |
Feeling: Stressed, frustrated, anxious. Thinking: "This is taking forever. Is this seller trustworthy? Will all these items arrive on time and match?" |
| Pain Points | • Information overload. • Hard to go from inspiration picture to actual products. |
• "Detective work" to verify quality. • Coordinating multiple sellers and shipping times. • Overwhelming number of choices. |
| Opportunities | • Offer curated, shoppable "looks" or themes. • Provide a style quiz to narrow down options. |
• Create a "one-cart" experience for items from multiple curated vendors. • Use badges for "Top Quality" or "Fast Ship". • Show social proof with customer photos. |
Conclusion
Excellent work. You have now progressed from understanding who your user is (persona) and what they experience in a moment (empathy map) to visualizing their entire story over time (journey map). You've practiced turning raw research into a structured, strategic artifact in Figma that not only builds empathy but also creates a clear, actionable roadmap for design.
Key Takeaways:
- A User Journey Map is a narrative visualization of a user's process to achieve a goal, broken down into phases.
- It tracks the user's actions, thoughts, feelings, and pain points across the entire experience.
- Its primary value is in identifying pain points and transforming them into actionable design opportunities.
- For clients, journey maps are powerful tools that connect user satisfaction directly to business objectives like conversion and retention.
Preview of the Next Lesson:
Your journey map has generated a list of potential design opportunities. But which ones should you work on first? In our next lesson, we will focus on the final learning outcome of this module: "Translate user research insights into a prioritized list of actionable design opportunities." We will learn how to evaluate the opportunities you've just identified and decide which ones offer the most impact for both the user and the business.