10 Journey Map

■ What it does

Add your journey stages, fill in what the customer does, where they interact, and how they feel — Customer Journey Map builds the whole grid for you. Columns are stages, rows are actions, touchpoints, emotion, pain points and opportunities. Give each stage a score from -2 to +2 and a smooth emotion curve draws itself across the map.

Full version vs the free Journey Map Lite: this one has unlimited stages (Lite stops at 4), an Opportunities row, a compact density and editable row names.

Perfect for UX and branding case studies, service design presentations, agency proposals and "how we work" pages.

■ Customizable properties

- Stages — name, icon, color, actions, touchpoints, emotion score, pain points and opportunities for each stage

- Row toggles — show or hide Actions, Touchpoints, Emotion, Pain points and Opportunities

- Density — Comfortable or Compact

- Hover Column — highlight the stage under the cursor

- Stage Icons and Mood Labels — switch on or off

- Row Labels — rename every row

- Colors — positive and negative curve colors, background, label column, text, border

- Radius and fonts — separate body and header fonts

■ Need help?

Reach out anytime at hello@brandingupstudio.com — we usually reply within 1 business day.

Custom edits are available from $75/hr.

■ More resources

Explore more components at BrandingUp → https://brandingupstudio.com

Built with code but fully customizable via property controls — no coding needed.

Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component.