journey
title SaaS customer journey
section Awareness
Sees blog post: 4: Prospect
Visits homepage: 4: Prospect
section Trial
Signs up: 3: Prospect
Connects data source: 2: Prospect
Gets first result: 5: Prospect
section Purchase
Compares plans: 3: Prospect
Talks to sales: 4: Prospect, Sales
Pays: 4: Customer
section Onboarding
Invites team: 3: Customer
Weekly usage: 5: CustomerAbout this template
Journey maps help teams see the product through the customer's eyes. This template follows a prospect from discovery through trial to purchase and onboarding, with scores that highlight friction points worth fixing first.
How to customise it
- Replace scores with your research data
- Add a support or renewal section
- Add actors like Sales or Support
This template is a Mermaid user journey. See the user journey page for the full syntax reference and more examples.
Frequently asked questions
How do I use this customer journey map template?
Click "Use this template" to open it in the MermaidViewer editor. Edit the Mermaid code on the left and the diagram updates instantly. No account is needed.
Can I export the template as an image?
Yes. In the editor use Export to download PNG, SVG or PDF, or copy the image to your clipboard. You can also copy the code as a Markdown block for GitHub, GitLab or Notion.
Can AI customise this template for me?
Yes. Open the AI assistant (Ctrl/Cmd+K) and describe the change, for example "Replace scores with your research data". The updated diagram streams into the editor.