Learn / Case Studies / Yatter
How Gavin increased conversions by 42% with Hotjar
Gavin runs Yatter, a lead generation agency thatâs helped fashion brands, festivals, and football clubs improve their landing pages. Over the years, heâs built a black book of reliable tactics to enhance any page.
Gavin started Yatter to help marketers improve their Facebook ads. Heâs an expert in conversion rate optimization and has helped dozens of companies in a variety of industries grow their business.
Most of Gavin's projects involve using Hotjar. He's been using our tools for years, to gain product experience insights that help him dramatically improve landing pages.
Here, Gavin shares four websites heâs improved using Hotjar. He doesnât hold back, sharing the all-important details, so read on for tips that you can apply to your site.Â
4 significant improvements on 4 very different sites
1. Gavinâs personal site: myfunnelacademy.com
The problem:
Gavinâs site previously sold a membership subscription to his training course. âPreviously, I hosted the site on Clickfunnels but eventually made the switch to WordPress for more flexibility,â Gavin told me.
After making the switch, conversions nose-dived, and overnight membership subscriptions went down dramatically. âI had the data telling me something was wrong, but it didnât tell me why.â
 The solution:
Hereâs where Hotjar comes in. âSo I started watching Hotjar Recordings of people on the site. There didnât seem to be a problem on the desktop, but then I loaded up some recordings on a tablet device.â
âHotjar showed that on the tablet version, the menu bar was 10x larger! It was taking up most of the whole screen, and it had literally zero function!â
Fortunately, Gavin was able to implement a quick fix to solve the problem. The experience taught him a valuable lesson.
Every time I make a significant change on my site I jump into Hotjar Recordings. Data might reveal if something has gone wrong, but Hotjar will tell me why.
2. Ecommerce store for car parts
 The problem:
Gavin helped set up Facebook ads for an ecommerce store that sells car parts. The ads were performing tremendously well, generating a 5x ROI, but Gavin wasnât sure if the landing page was fully optimized.
The client had no reason to analyze the landing pageâafter all, the ads were workingâbut Gavin suspected that something wasnât right.
He loaded Hotjar Recordings on the page and spotted a problem. âTime after time, visitors would land on the checkout page and click the menu icon. This took them straight out of the checkout flow resulting in fewer purchases.â
 The solution:
This was an easy one. Itâs another easy fix, but it had a big impact:
Simply removing the menu icon on the page did the trick. It stopped users from dropping out of the conversion flow and increased sales by 20%.
Â
3. Stem cell therapy website:Â brainandbodyhealthcenter.com
The problem:
Occasionally, Gavin works on sites that have low volumes of traffic, but seriously high-value visitors.
One client sold stem cell therapy, where the prices start at $7,500 per treatment. Individual customers can end up purchasing plans that cost tens of thousands of dollars.
âOn sites like this, Iâll watch every recording of visitors navigating around the page. Iâm on the lookout for signs that the page might be underperforming.â
After watching recordings, Gavin noticed that several visitors would diligently read the text describing the therapy but then exit the page.
In Gavinâs eyes, it appeared that the visitors didnât seem to trust the company enough to go further. So, Gavin got to work, tweaking the page to build trust with visitors.
The solution:
âI had two ideas in mind. The first was case studies. We knew they built trust, so we found the best performing case studiesâusing Hotjar Heatmapsâand put them to the top of the page.â
âMy second thought was that text alone wouldnât build trust. I wondered if adding a video explaining the process might build trust as well.â
Gavin built these changes into the page and then saw how user behavior changed using Hotjar.
The results speak for themselves. Following the addition of the case studies and videos on the confirmation page, the website's conversion rate went up by 10%.
Â
4. Personal training and nutrition planning:Â faultlessfitness.com
The problem:
Gavin is well aware that too many options can cause choice paralysis.
Iyengarâs famous study conducted back in 2000 found that supermarket customers were less likely to buy jam when more options were available. Itâs a lesson that many marketers learn early on: often more is less, and reducing the number of choices a customer has to make can increase demand.
But choosing what options to highlight isnât easy.
âI had one client that offered several different options, things like nutritional coaching, personal training, well-being consultation, and a normal gym service. Typically, deciding what to put on top of the page would involve time-consuming customer interviews.â
The solution:
With Hotjar Heatmaps, Gavin could identify the options that visitors were most interested in buying.
âI used Hotjarâs scroll data and click data to find whatâs most important.â
âFor this client, we found that the vast majority of users picked the structured exercise plan. So, we moved that top of the page, and conversions increased.â
Previously the personal training element was at the top of the page, but switching it out for a structured exercise plan had a dramatic result. The conversion rate jumped from 9.1% to 14% following the change (a 42% increase).
Gavinâs top 3 tips for improving any landing page
Â
1. âTake a look at where people clickâ
âYouâll always want to see where people are clicking. Itâs the easiest way to spot users getting stuck in their journey.â
The first thing Gavin looks at on any landing page is click data. One thing he sees time and time again is visitors clicking on elements that arenât clickable. âIâll see users clicking on images that donât have a link.â
âThis disrupts the user journey and can cause bounces, so weâll add a link on that image to send them to the next step.â
2. âAlways check how far they scrollâÂ
âIâm always asking myself, âis there any important data that visitors arenât seeing?ââ
Scroll depth from Hotjar is a crucial feature for Gavinâs analysis: it lets him see how far visitors are scrolling down a page.
âOften, Iâll notice that thereâs some important information about money-back guarantees or delivery times placed towards the bottom of the pageâweâll move that up and increase conversions that way.â
But itâs not just ecommerce sites that can be improved this way. Gavinâs seen it with events, too:
âPre-covid, I worked with a company hosting seminars. They were struggling with sign-ups. Hotjarâs scroll map showed the problem.
The actual date of the seminar was at the bottom of the page. Hotjar showed that very few visitors saw the date, so very few signed up.â
Gavin made a similar improvement to his own website. Back in 2018, his social proof was hidden towards the bottom of the page. Hotjar Heatmaps showed that few visitors scrolled far enough to see this info, so he moved it above the fold.
3. âDonât touch the site until youâve watched at least five recordings of users on the pageâ
 Whenever Gavin logs in to Hotjar, he makes sure he watches at least five different recordings. Sometimes heâll pick recordings based on their relevance, length, or URL destination, but often heâll choose them at random.
âI did this a lot when I was selling membership access on my site. By watching random recordings each week, Iâd spot little bugs to fix.â
âFor example, one week, I found that users were spending far too much time picking their username. I decided to auto-fill the user name box with the userâs email. This way users didnât need to spend time thinking of a username. It probably only saved 5 or 10 seconds, but it was just another small way of improving the user journey.â
Gavin spends a lot of time thinking of the small ways he can optimize each page, and Hotjar gives him the tools to do that.
âWhen youâre creating a landing page the number one thing is to test and optimize.
Hotjar allows you to review and optimize the behavior of visitors on your site, down to the granularity of what buttons they clickâthis makes it so simple for you to make changes. You donât have to be a data nerd to use Hotjar.â
With Hotjarâs help, Gavin can easily identify what needs improving and what steps to take.
The problem is that Google Analytics on its own isnât enough. It tells me that 100 people have visited a page, whereas Hotjar shows how one specific person engages on a specific part of the pageâthatâs invaluable!
With Hotjar, Gavin has:
Increased sales by 20% with one tiny tweak
Spotted a bug that flatlined conversions
Repositioned content to increase conversions by 42%
Spotted improvements after watching just five recordings
Hotjar lets you go granular and really understand the individuals using the page. In other words, it turns data into life.â
Gavin increased sales by 20% with one 5-minute change.
It takes just 10 minutes to start collecting data on your site. Sign up todayâfor free, no credit card requiredâand see if you could improve your sales.