CXの最前線を体感|ビームス、ベルーナ、JCB などトップ企業の登壇決定!基調講演にパリ五輪出場のShigekix氏も登場
CX Circle Tokyoに参加する
Contentsquare x Hubspot Academy

How HubSpot Academy used Surveys to boost signups by +10%

[Asset] Customer story - Hubspot Cover image
[Asset] Customer story - Hubspot Academy logo
業界
テクノロジー
使用製品
Voice of Customer
Surveys
Share article

This customer story was originally published on Hotjar.com and reflects the customer’s experience with its product offering. Following Hotjar's integration under the Contentsquare legal group, this customer story has been migrated to this site [Contentsquare.com] as part of our unified content experience.

HubSpot Academy is the worldwide leader in inbound marketing and sales education. Since 2012, HubSpot Academy has been on a mission to transform the way people and companies grow, offering online training for the digital age: courses, projects, certifications, and software training.

We recently had the pleasure of catching up with Eric Peters, Senior Growth Marketer at HubSpot Academy. We discussed how Hubspot uses Hotjar by Contentsquare website feedback to understand why visitors abandon the course registration page, and how the team acts on feedback to make user-driven decisions for winning page redesigns.

Nick: First of all, tell us about the Hubspot Academy, how it started, and who it is for. 

Eric: The Academy provides inbound marketing & sales education, with about 10k people signing up every month.

HubSpot started making courses back in 2012-2013, initially for our customers only. We knew that making our customers successful meant more than just teaching them how to use HubSpot software: it was about teaching them how to be great marketers

At the time, there was a pretty big gap between what students were learning in college and what they actually needed to know to do their jobs; and that was also true for veteran marketers who had been practicing old-school marketing for years, and all of a sudden needed to worry about ‘conversions’ on a website. When we  realised  that people were 'sneaking' into the course whether they were customers or not, we decided to open the courses to anyone.

[Asset] Customer story - Hubspot website

Nick: What does the HubSpot Academy visitor’s journey look like, from arrival to signing up?

Eric: At the Academy, we use a 2-step signup process for our Certification Courses. When a visitor first arrives, they land on a ‘splash page’ whose goal is to quickly tell visitors what the course and certification exam is, who it is for, and what they’ll get out of the certification.

Eric: When visitors click through to register for the course, they are then presented with a registration form. 

[Asset] Customer story - Hubspot form

Nick: I can see the benefit of saving a longer registration form for a second step. What was your biggest challenge with this signup flow, and why did the pages need to change?

Eric: At the end of last year, our landing pages were doing an OK job. Overall, we were seeing a 9% visit-to-registration conversion rate, which wasn’t bad for a landing page. But since the last page design, a few big things had changed.

Nick: What had changed?

[Asset] Customer story - Hubspot new page

Eric: The Academy had begun offering courses in a growing number of new languages, which attracted newer visitor types with different kinds of goals. This was causing a lot of noise: the splash page was trying to address too much at once, and we had a hunch that the messaging was getting too convoluted.

Also, from a design standpoint, the pages were starting to look dated. The Academy delivers cutting-edge, always-being-updated education to its users, and the design needed to reflect that.

We needed to centralize on a modern page template that also worked really well in terms of clarity.

Nick: What was the first thing you did?

Eric: I dove pretty deep into the page performance and form analytics, hoping to find some patterns that would help with the redesign. One of our UX designers thought I was getting into too much detail, and gave me some advice: “Try to just put a Hotjar exit intent survey on that page and ask people: Why are you about to leave this page?.” 

Nick: How did you respond to the advice?

Eric: I thought it made sense, it seemed really simple. I hadn’t used Hotjar Surveys in the past, but I thought it was worth a shot. I quickly set up a Hotjar on-site survey that same morning. 

Nick: What type of responses did you get from the survey?

Eric: I was surprised to find that by the end of the first day, I was already getting some of the answers I’d been digging for. And they weren’t the type of answers I was expecting:

  1. “Hi. I’m looking for a free course on digital marketing.”

  2. “I don’t know how this will help me with my career?”

  3. “I cannot make an account. The form keeps asking me about a company name while I’m a jobseeker. Please help.”

The survey revealed friction on the page that we would have never known existed. Based on the Hotjar survey responses, we started fixing the easiest issues first by simply updating content on the existing page:

REASON FOR LEAVING

ISSUE

FIX

"I'm looking for a free course on digital marketing."

Thinks the course does not cover digital marketing.

Define "Inbound Marketing" more clearly: explain that it is a form of digital marketing.

"I don't know how this will help me with my career."

Doesn't see how the certification will help them advance in their career.

Add benefit-driven copy to the page. Make it direct and immediately recognizable

"The form keeps asking me about a company name. but I am a jobseeker."

Thinks the course is not intended for jobseekers.

Make "Who should get certified?" section more recognizable. Add Jobseeker option to the form.

That’s when we started to see an uptick in conversion rates on the page. 

[Asset] Customer story - Hubspot Academy logo

Hotjar 調査からの変更により、新しいページ テンプレートの設計を開始するのに十分な自信が得られ、その後、A/B テストを行って最終バージョンを作成しました。

Eric Peters
シニアグロースマネージャー

Nick: That’s great to hear. How many versions did it take to arrive  to  the design you have today?

Eric: It took two versions to land on the winning design. Using answers from the Hotjar on-site survey, we saw a 10% uplift in conversions in the new English-page design of the Inbound Certification page, which we then extended to all other languages. 

[Asset] Customer story - Hubspot

Nick: Those are some solid results. Can you talk about some key elements in the current splash page that derived from your findings?

Eric: Definitely. Many respondents didn’t understand there was a test at the end of the course to become certified. To fix this, we dedicated a section of the hero to set better expectations on certification  details,  and made sure to call out the exam required for certification.

[Asset] Customer story - Hubspot free course

Other respondents weren’t sure how the certification would help them, so we created a ‘benefits of being certified’ section. We made it clean, simple to  digest, and  gave it a lot of real estate on the page.

[Asset] Customer story - Hubspot beneftis

Since many survey responses expressed concern about whether users would be allowed to take the course, we also added a ‘who should get certified?’ section to the page. Now we say things like ‘looking to learn digital marketing’ and ‘looking to get found online’  to improve communication with visitors at different stages of awareness.

[Asset] Customer story - Hubspot - Whats in the course

Nick: Based on your experience, do you have any advice for folks who are interested in trying on-site surveys to improve the performance of a landing page? 

Eric: One of the toughest parts of this project for my team was removing our opinions from the design process. You may think a design is pretty slick, but when your data tells you otherwise, you’ve got to listen. 

When you’re undergoing any redesign, guard against subjective input. And instead, rely on visitor insights you collect to drive the decisions you’re making.

Nick: What would you say was an added benefit of using Hotjar in this process?  Eric: Using Hotjar was just a case of deciding which URL we wanted the survey to show up on. One hour after that UX designer recommended that we try it, the survey was already live and we had started getting answers. The speed was awesome. We have a lot of internal rules about who can modify code, where; had it been a two-day implementation where I had to go and ask some developer to do it, that would have probably never happened.

Find the perfect plan for your team

Get transparent pricing tailored to your business needs. Discover how affordable it is to unlock actionable insights and drive higher conversions with Contentsquare.

続きを読む

変革をもたらすインサイトを手に入れる