Email analytics | Click Map | 2023
Email analytics | Click Map | 2023
Bringing click heat map
Analytics to Emailers
CleverTap marketers could see how many clicks each link got, but not where those links sat in the email. I designed Click Map: the email rendered with clicks on every link, linked two-way to a ranked breakdown. v1 shipped on existing data as a Private Beta. Beta feedback then shaped a v2 that ties clicks to conversions.
Sole product designer
Competitive research
Shipped v1 + planned v2
2023
Before we begin, go fullscreen for the best read
Hi there,
Thanks for joining a recent livestream. Over the next few weeks we are going deep on branching and FigJam, starting with What's new to FigJam, a tour of six updates. Recordings go out to everyone who registers.
Join us live for a first look at widgets and plugins, and new ways to make FigJam your own.
How to start building, plus a sneak peek from developers already shipping plugins.
Design leaders on what changes when a whole organisation designs together.
Branching in practice: proposing, reviewing and merging work across a design system.
Subscribe to Figma's YouTube page for new videos and replays of past events.
Constraints and principles
v1 shipped: split view
The email with a count on every link, colour coded by rank from red to blue and grey for zero, beside a ranked breakdown whose cards repeat the same colour on their edge. Metric, AMP and Variant controls appear only when the campaign needs them. View user details reuses the existing Events to People flow.
Select a link, spotlight it
Clicking a card scrolls the email to that link, expands the badge to count and share, and fades everything else.
Hi there,
Thanks for joining a recent livestream. Over the next few weeks we are going deep on branching and FigJam, starting with 9,621What's new to FigJam, a tour of six updates. Recordings go out to everyone who registers.
Join us live for a first look at widgets and plugins, and new ways to make FigJam your own.
How to start building, plus a sneak peek from developers already shipping plugins.
Design leaders on what changes when a whole organisation designs together.
Branching in practice: proposing, reviewing and merging work across a design system.
Subscribe to 1,280Figma's YouTube page for new videos and replays of past events.
Honest states
Edited campaigns get a warning, older campaigns keep the breakdown when the map is unavailable, emails without links explain themselves, and each pane loads on its own.
Hi there,
Thanks for joining a recent livestream. Over the next few weeks we are going deep on branching and FigJam, starting with 9,621What's new to FigJam, a tour of six updates. Recordings go out to everyone who registers.
Join us live for a first look at widgets and plugins, and new ways to make FigJam your own.
How to start building, plus a sneak peek from developers already shipping plugins.
Design leaders on what changes when a whole organisation designs together.
Branching in practice: proposing, reviewing and merging work across a design system.
Subscribe to 1,280Figma's YouTube page for new videos and replays of past events.
Ordered by dependency, not excitement
NOW, V2.0
UI on existing data
Legend and overlay, names before URLs, compare A/B, export and share.
NEXT, V2.1
New data joins
Conversions lens, device split, bot filter.
LATER
Platform work
HTML per email version, placement level link IDs.
Same question, two journeys.
Reflection
Hi there,
Thanks for joining a recent livestream. Over the next few weeks we are going deep on branching and FigJam, starting with What's new to FigJam, a tour of six updates. Recordings go out to everyone who registers.
Join us live for a first look at widgets and plugins, and new ways to make FigJam your own.
How to start building, plus a sneak peek from developers already shipping plugins.
Design leaders on what changes when a whole organisation designs together.
Branching in practice: proposing, reviewing and merging work across a design system.
Subscribe to Figma's YouTube page for new videos and replays of past events.
Constraints and principles
v1 shipped: split view
The email with a count on every link, colour coded by rank from red to blue and grey for zero, beside a ranked breakdown whose cards repeat the same colour on their edge. Metric, AMP and Variant controls appear only when the campaign needs them. View user details reuses the existing Events to People flow.
Select a link, spotlight it
Clicking a card scrolls the email to that link, expands the badge to count and share, and fades everything else.
Hi there,
Thanks for joining a recent livestream. Over the next few weeks we are going deep on branching and FigJam, starting with 9,621What's new to FigJam, a tour of six updates. Recordings go out to everyone who registers.
Join us live for a first look at widgets and plugins, and new ways to make FigJam your own.
How to start building, plus a sneak peek from developers already shipping plugins.
Design leaders on what changes when a whole organisation designs together.
Branching in practice: proposing, reviewing and merging work across a design system.
Subscribe to 1,280Figma's YouTube page for new videos and replays of past events.
Honest states
Edited campaigns get a warning, older campaigns keep the breakdown when the map is unavailable, emails without links explain themselves, and each pane loads on its own.
Hi there,
Thanks for joining a recent livestream. Over the next few weeks we are going deep on branching and FigJam, starting with 9,621What's new to FigJam, a tour of six updates. Recordings go out to everyone who registers.
Join us live for a first look at widgets and plugins, and new ways to make FigJam your own.
How to start building, plus a sneak peek from developers already shipping plugins.
Design leaders on what changes when a whole organisation designs together.
Branching in practice: proposing, reviewing and merging work across a design system.
Subscribe to 1,280Figma's YouTube page for new videos and replays of past events.
Ordered by dependency, not excitement
NOW, V2.0
UI on existing data
Legend and overlay, names before URLs, compare A/B, export and share.
NEXT, V2.1
New data joins
Conversions lens, device split, bot filter.
LATER
Platform work
HTML per email version, placement level link IDs.
Same question, two journeys.
Reflection
Thanks for reading this far
More case studies are on the way. If this resonated, I’d love to hear from you.
Thanks for reading this far
More case studies are on the way. If this resonated, I’d love to hear from you.