REQUEST A FREE 30 MINUTE MARKETING AUDIT

Call us now on 0161 7110 110

22 Oct 2018

11 Essential Facts and Figures About Mobile B2B Website Design

Read about the facts and figures about mobile B2B website design

The average UK household owns 7.4 internet-enabled devices. In many instances, a prospect may visit your website on their desktop or laptop and perform follow up research on their smartphone device. The days of desktop-only internet browsing are well and truly over. Based on authoritative sources, statistics and facts – learn why mobile B2B website design has become a necessity. Navigate the headings to learn more:

Prospects and your competitors prefer mobile optimised sites 

  • B2B sites which transitioned to responsive design experienced an 11% drop in bounce rate – the longer a prospect is on your site, the higher the chance of lead conversion. social-icon-twitter
  • 89% of people are more likely to recommend a brand after a positive mobile experienceProspects have been conditioned to expect responsive design. If your site fails to deliver this expectation, chances are, prospects will visit a competitor. social-icon-twitter

A large proportion of your traffic comes from mobile devices

Websites that haven’t been optimised for mobile are harder to navigate

  • 44% of people struggle to navigate on smaller devices – responsive design automatically adapts to fit a prospect’s specific screen size. social-icon-twitter

Mobile optimised sites increase the chance of lead generation

  • 69% of mobile users say they're more likely to buy from businesses with mobile sites that easily address their questions or concerns – With mobile usage accelerating, the opportunities for lead conversion cannot be ignored. social-icon-twitter

Sites that haven’t adopted a mobile optimised site are penalised

  • Sites that haven’t been optimised for mobile have experienced a 10% decrease in traffic and 35% drop in visibility – This is a direct impact of Google’s "Mobilegeddon" update, which penalised sites that aren’t mobile optimised. social-icon-twitter

Why you need responsive design 

Responsive design works by using CSS to change the way a page is rendered on different devices and screen sizes. On smaller smartphone and tablet screens, a responsive site retracts and rearranges elements of a site for easy viewing and usability for a website visitor and provides a greater user experience all-round.

When choosing your strategy for mobile optimisation, there really isn’t any competition. For a cost-effective, simple and future-proof design – you need a responsive site. With B2B search queries set to grow from 50% to 70% by 2020, the time to adopt responsive design is now.

For more tips on how you can get your B2B website up to scratch, why not download our free eBook and see if you can improve your lead generation efforts through our six step approach.

Download 6 Steps to Designing a B2B Website for Lead Generation

This blog was originally published in 2015 and has been updated in 2018 for correctness and comprehensiveness.

This is an inline guide purely for the editor, it will not show in the final blog, designed to assist you with setting the options below in the 'Gate Trigger' section.

You will not be able to use the WYSIWYG editor for this it's code only so follow these instructions carefully.


Button
We cannot use a standard call to action to open the rest of the content, but we do want to track when someone clicks on the button to read the rest of the blog. Here's what the code should look like:
<a class="gate-trigger-button" href="#" id="11 Essential Facts and Figures About Mobile B2B Website Design - Read the rest of the post" title="Read the rest of the post">Read the rest of the post</a>


Survey
Instead of using a button, you can ask people a what their intent of being on the blog is. Here's an example.
<h3 style="text-align:center;">Ready to read the post?</h3>
<p style="text-align:center;">Great, just let us know why you're here today</p>
<ul id="survey">
<li><a href="#" id="11 Essential Facts and Figures About Mobile B2B Website Design">Answer One</a></li>
<li><a href="#" id="11 Essential Facts and Figures About Mobile B2B Website Design">Answer Two</a></li>
<li><a href="#" id="11 Essential Facts and Figures About Mobile B2B Website Design">Answer Three</a></li>
<li><a href="#" id="11 Essential Facts and Figures About Mobile B2B Website Design">Answer Four</a></li>
<li><a href="#" id="11 Essential Facts and Figures About Mobile B2B Website Design">Answer Five</a></li>
<li><a href="#" id="11 Essential Facts and Figures About Mobile B2B Website Design">Other</a></li>
</ul>

If you want to connect what the user selects in the survey with the call to action at the bottom, use the following:
<ul id="cta-list">
<li><a href="#">CTA One</a></li>
<li><a href="#">CTA Two</a></li>
<li><a href="#">CTA Three</a></li>
<li><a href="#">CTA Four</a></li>
<li><a href="#">CTA Five</a></li>
<li><a href="#">Default</a></li>
</ul>


Form
We need to add the same form for each blog, you can if you want to make your own form but you'll need to change the formId which will be in the URL for the form e.g. https://app.hubspot.com/forms/145288/ee2dd282-1afb-4040-b67a-6ea2fe6e32cc/edit:
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
hbspt.forms.create({
portalId: '145288',
formId: 'ee2dd282-1afb-4040-b67a-6ea2fe6e32cc',
css: '',
onFormSubmit: function($form) {
gateTriggerForm('11 Essential Facts and Figures About Mobile B2B Website Design');
}
});
</script>


CTA Form
If people are clicking the CTA but then not filling in the form on the landing page they're being taken to, it may be worth loading the form on the same page to see if that helps the submission rate:
<div class="cta-form-image">
<a class="cta-form-image-button" href="#" id="CTA Click - 11 Essential Facts and Figures About Mobile B2B Website Design"><img alt="Title of the CTA" src="https://cdn2.hubspot.net/hubfs/145288/hub_generated/resized/21421668-c868-457c-8f68-142438f1e246.png" title="Title of the CTA"></a>
</div>
<div class="cta-form-inputs">
<a href="#" class="cta-form-inputs-close"><i class="fa fa-times" aria-hidden="true"></i></a>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
hbspt.forms.create({
portalId: '145288',
formId: '80edeb18-6298-4325-9d45-eb64c02b2d1c',
css: '',
onFormSubmit: function($form) {
gateTriggerCTAForm('11 Essential Facts and Figures About Mobile B2B Website Design');
}
});
</script>
</div>

Topics: Website Design

Blog Comments