Hotjar UX Teardown: A Funnel That Hands You to Someone Else

Hotjar's homepage used to open on a heatmap. Now it opens on three logos on a maroon rectangle. The headline is "Hotjar has evolved into something more powerful," which is a sentence about a company. The product doesn't turn up until the fifth block. And by the time you reach that headline you have already been told the same news twice — once in a blue bar pinned to the top of the window, once in a brand strip carrying Contentsquare, Heap and hotjar side by side. Contentsquare acquired Hotjar, and the funnel is now doing two jobs: selling a tool, and walking whoever shows up across a bridge to a different one. This teardown is about what the second job costs the first.

Three announcements before the pitch

Count the surfaces the merger occupies above the fold: notification bar, brand strip, nav lockup ("hotjar by Contentsquare"), headline, subhead, second subhead. Six. The count of surfaces occupied by what the product actually does: zero.

Step through the funnel:

The copy knows exactly who it's talking to. "What does this mean for you? Everything you know and love about Hotjar, plus so much more" addresses an existing user who arrived nervous — a stranger has no love to reassure. For that reader it's the right message in the right place. The problem is that it's the only message in that place. Someone who has never installed a session-recording script has to scroll past an org chart to find out that this company makes heatmaps.

Reassurance and explanation are competing for the same pixels, and reassurance is winning six to nothing.

The screenshot shows a product you didn't come for

Scroll to the surveys page and the tension becomes literal.

The headline says Hotjar Surveys. The subhead turns the migration into a number that moves the right way: 5× more responses on the free plan, 2× on Growth. That's the correct instinct when your risk is that "we've been acquired" reads as "your plan is about to get worse." And the four feature blocks still speak in the voice Hotjar built its business on, aimed at someone who doesn't know what to ask — type your goal and let AI write the survey, or take one of forty-plus templates.

The screenshot is the recognition cue. It's how a reader skips reconstructing the product in their head, which is the whole reason product pages carry interface shots at all (NN/g on recognition vs recall). It's also the fastest-read element on the screen, so it lands before the headline it's meant to support and quietly overrules it.

So look at the image. It's Contentsquare's interface. CSQ in the corner, a Voice of Customer sidebar, "500 responses left" in the header.

The reassurance banner is the finding

Click Pricing and you leave the domain. hotjar.com/pricing redirects to contentsquare.com, and the plan table that loads is not Hotjar's.

Bolted to the top of that table is a banner: "Looking for Hotjar pricing? You're in the right place. Contentsquare includes all your favorite Hotjar tools plus much more."

A page only has to tell you that you're in the right place when it expects you to believe you aren't. Somebody on that team predicted the disorientation accurately enough to write a box about it, and then parked the box directly above the thing causing it. The box is also dismissible, so the reassurance vanishes for good on one accidental click of an ✕.

Underneath is a bigger offer and a harder question. Three product lines now, each on its own meter. Experience Analytics counts sessions. Voice of Customer counts responses. Product Analytics I still couldn't tell you. There's an estimator for combining them, priced Free, Growth from $39 a month, then "Let's talk" twice.

I got this wrong on the first pass. I read the four tier cards, found no heatmaps in any of them, and decided the standalone tool had been folded into an enterprise bundle. It hadn't. Heatmaps, session replays and surveys are all still sold — they live in a shared "included in every plan" row further down, below the cards and below the feature comparison I'd already stopped reading. I arrived on that page knowing exactly what I was looking for, and I still had to be wrong once to find it. The previous two pages sold one tool, one plan, one script. That model doesn't survive the third click (NN/g on consistency and standards).

What still works, and it's the whole homepage

Read the homepage end to end and the craft that made Hotjar Hotjar is intact.

Below the merger hero, five capability blocks do exactly what a product page should: each pairs one plain sentence with a picture of the actual interface doing the thing. Heatmaps show where users move, click and scroll. Session replay plays back a visit as it happened. Then funnels, surveys, user tests. No icon abstractions, no benefit-card mush.

And the proof line is one of the better trust devices on any SaaS homepage: 1,306,323 websites in 180+ countries. Unrounded. It reads like a live meter someone forgot to tidy up.

The page ends where it always did. Book a demo, get started free, no credit card required.

What this means for your product

If you're ever on the acquiring or the migrating side of this, treat the announcement as a budget problem. An ownership change is a message you owe your existing users, and it draws from the same account your product pitch spends from. Six surfaces for the news and zero for the product is a decision, even when it was made by six teams who each added one surface and none of whom saw the total.

The check that generalizes furthest, though, is the banner one. Ask whether your reassurance is load-bearing. If a page has to tell visitors they're in the right place, the fix lives upstream, in whatever sent them there.

Any time you catch yourself writing copy that apologizes for a navigation outcome, you've found a navigation bug wearing a costume.

Take it further

The lens behind this teardown — can a first-time visitor tell what this is and whether it's for them — is the UX Clarity framework, the same one we apply in a Full UX Audit. For how that scoring turns into prioritized fixes, read what a real UX audit looks like.

Sources: NN/g — Match Between System and the Real World · NN/g — Recognition vs Recall · NN/g — Consistency and Standards.

Ready to find out what your homepage spends its first screen on? Apply for a Full UX Audit →