Hotjar
Pricing
00
Intro

Hotjar is used by 200,000 product teams to analyse user behaviour across 1,000,000+ websites or web products. Before my time the company made the strategic decision to shift away from a single product offering to a platform with multiple products.

The pricing experience I inherited upon joining was causing users from the website and product to drop off either before signing up or purchasing. My responsibility was finding the underlying reasons, redesigning, and creating the end product that is now live.

01
Before

Be

fore

The pricing experience is critical for Hotjar, so it was a priority to find out why users dropped off. Our research included interviews, session recordings, and surveys. Essentially, the layout backfired because users struggled to navigate.
We discovered the pricing page is frequently the second touch point a user has with the website after they land, and the experience largely influences if a user will sign up or not. Needless, to say the experience impacts monetization directly.
02
Design Thinking

Design

Thinking

The first concept which I tested with users and proved a success was marrying a familiar pricing layout with the existing customisation possibilities. The concept presents Hotjar as a platform with add-ons. (e.g. Figma, Mixpanel)
We shifted away form this concept due to technical constraints as well as scalability issues. Hotjar's vision is to offer up to 7 products, so leadership was steering towards solution based monetisation - product per use case. (e.g. HubSpot)
We implemented the third concept I proposed. It presents each product in separate pages with the possibility to customise a plan. This concept was the simplest to build and we could A/B test on production relatively fast.
Deliver content and functionality that matches specific user needs or interests, with no effort from the targeted users. e.g. if a user landed on page regarding heat maps and then clicks on pricing serve them the Observe pricing tab.
03
Hi-fi

Hi

fi

mocks

Product per use case
Track the user's intent based on their session before they came to the pricing page. Depending on their UTM source and landing page, we wanted to land users in the pricing tab, which reflects their intent. If I googled "heatmaps tool", I'd be landed on the pricing tab Observe etc.
Package builder
Improved pricing builder experience which gives the user a clear indication how each plan is calculated. We validated in usability interviews that this experience communicates clearly how the pricing of Hotjar works.
04
Outcomes

Out

comes

Customer

15 customer interviews
Understood new pricing model

Product

2 A/B tests launched
Improved visit > sign up CR%
Improved purchase CR%

More

Cases

05
More cases