Example
A heatmap of Reload Mode's services page reveals that users rarely scroll past 60% of the page, prompting a redesign to move the CTA higher.
Websites using heatmaps as part of a CRO programme see an average 30% improvement in conversion rates within 6 months, according to Hotjar's analysis of customer outcomes.
What it applies to
Any page you want to understand better — particularly high-traffic pages with low conversion rates, pages with high exit rates, and any page you have recently redesigned.
Types of heatmaps
- Click maps: Show where users click most frequently. Reveal whether users are clicking on non-clickable elements (indicating a design misalignment) or missing the CTA.
- Scroll maps: Show how far down the page users scroll. Reveal where most users drop off — content below that point is seen by few visitors.
- Move maps: Track mouse cursor movement as a proxy for eye tracking. Show which areas of the page attract the most visual attention.
- Rage click maps: Highlight areas where users click multiple times in frustration — often indicating broken links, non-responsive elements, or confusing UI.
How to set one up
- Install Hotjar, Microsoft Clarity (free), or Crazy Egg on your site via Google Tag Manager.
- Create a heatmap for the specific page URL you want to analyse.
- Allow at least 2–4 weeks of data collection (or until 1,000+ sessions) before drawing conclusions.
- Compare desktop and mobile heatmaps separately — user behaviour differs significantly between devices.
%20(1).png)