Login
Book your team's demo
Home/Playbooks/Upgrade Your Navbar To Boost Conversion and Content Discovery
Marketing+30% conversion rate

Upgrade Your Navbar To Boost Conversion and Content Discovery

Author - Kirsty Finlayson
Kirsty FinlaysonHead of Marketing
Company - Chameleon
WHAT YOU'LL LEARNWHAT YOU'LL NEEDTHE PROBLEMTHE HYPOTHESISTHE SOLUTION
1
-
Validate assumptions about current user behavior
THE IMPACTNext playbook
Easily increase your website conversions

See how marketers at Snowflake, Amplitude, and 6sense use Mutiny to personalize their websites for every target audience.

See how it works
Want more examples like this?

Browse dozens more proven playbooks from other B2B marketers.

See more playbooks

WHAT YOU'LL LEARN

  • Why your navbar might be hurting content discovery
  • How to test small navbar changes for increased conversion

WHAT YOU'LL NEED

  • A website testing tool that lets you edit and A/B test components
  • High-quality content showcasing your product’s strongest points
Article Headline Icon - THE PROBLEM

THE PROBLEM

When you step into a meeting about optimizing conversion on your website, you’re probably thinking about pricing pages, home pages, use case pages, the blog…that sort of thing.

You probably don’t think about your navigation bar all too often. And if you do, you probably don’t change it very often. You are, more likely than not, running the same navbar you built out all those years ago. If it ain’t broke, don’t fix it. Right?

Not if Kirsty Finlayson, Head of Marketing at Chameleon, has anything to say about it.

Chameleon had a problem: Their conversion path was too restrictive. And most of their great content, of which they had lots, was hidden. Nobody was reading it. Prospective customers would waltz into sales calls totally unaware of Chameleon’s biggest selling points. It hurt conversion, and it put the burden on the sales team to educate customers about Chameleon’s key value props.

Article Headline Icon - THE HYPOTHESIS

THE HYPOTHESIS

The hypothesis was incredibly simple.

The theory, Kirsty says, was that “if we expanded our navbar, more users would interact with [our content], go on to learn more about what Chameleon is, and they’d make more informed demo sign-ups.”

But navbars are sacred. Marketers don’t like to mess with them. So, the challenge was to figure out how to adjust the navbar without negatively impacting conversion.

Article Headline Icon - THE SOLUTION

THE SOLUTION

Validate assumptions about current user behavior

Before making any changes, Kirsty wanted to verify her assumptions. She did this in a couple of ways:

  • Hotjar recordings: These clips showed lots of U-turns – visitors dropping in on a page, but not clicking any of the pages Chameleon had worked hard to create. It was discouraging, Kirsty says. People simply weren’t exploring the site.

  • Google Analytics metrics: Most people were bouncing right off of Chameleon’s most important pages. And very few of them were discovering some of Chameleon’s strongest content.

Crucially, Kirsty also noticed that people were converting extremely well from Chameleon’s features pages. So while not many people were finding those pages, the people that did would often convert.

A/B test changes to the navbar 

Kirsty used Mutiny to A/B test navbar changes. Here’s what their control looked like:

Chameleon-control

And here’s what a version of the test navbar looked like:

Chameleon-test

Kirsty began with adding a Use Cases dropdown, then expanded to include things like Integrations.

She wasn’t testing at random. Each addition to the navbar was designed to highlight already-existing content. If something new made it onto the Chameleon navbar, it was there because Kirsty thought it’d better-educate customers and improve overall conversion.

(Meaning, if you try this on your own, the things you add to your navbar may be different than the things Kirsty added to hers.)

With Mutiny’s statistical significance metrics, Kirsty was confident in each change she made.

THE IMPACT

Turns out, navbar changes can (and do) have a serious impact on conversion.

Chameleon’s site saw an overall conversion increase of 30%. Wonderful as a standalone metric. Better yet, though, 86% more people made it to the use case pages, and 100%  more people made it to the integrations page. And homepage bounce dropped by 10%.

Anecdotally, Kirsty was hearing from customers that their website was user-friendly and easy-to-navigate compared to competition. Which is about as good a compliment as a website can get.

From here, Kirsty wants to run more experiments with the navbar. If conversion has already increased this much, why not try for more?

Next playbook

Learn from Lukas at Contractbook how he got a 971% lift in conversion by overhauling their pricing page.

Read Contractbook's playbook
or see all playbooks