29.08.2018

Websites & Portals

5 things to consider before designing your website in HubSpot

6 min read

Jess

Thinking about designing your website in HubSpot? That’s great news!

HubSpot – as an all-in-one growth solution has everything you need to get your website up and running and turn it into your business’ main lead generator. But while it has a lot of website build and optimisation features that you can take advantage of, laying a foundation before you start designing your website will ensure it’s built properly and in line with expectations.

So don’t rush off and start building your HubSpot website just yet.

In this blog, I'll share five things you should consider before you design your website in HubSpot. These tips will help you to get the most out of HubSpot’s features and turn your website into the lead generator that it needs to be.

 

1. Design for your personas and their pain points

Before you start designing your website in HubSpot, take some time to review your buyer personas and familiarise yourself with their pain points. If you haven’t built any buyer personas – now is a good time. We have a pretty helpful blog that will help you get started – just click here.

Remember: you are designing your website for your target audience, your buyer personas, so make sure that your website includes everything they need to 1) solve their business challenge, 2) find out how you can help and 3) get in touch if they need to.

High-quality, educational content will help your prospects solve their business challenges (and position your business’ products and services as what they need in the process),  whilst calls-to-action (CTAs) and simple navigation will help them to find what they are looking for.

Make their journey as easy as possible!

 

2. Think about using smart content

Personalisation is a key part of providing an excellent customer experience – and most websites today leverage some form of smart content to show website visitors specific products or services based on a number of factors.  

When a brand or business offers a tailored experience to each website visitor’s specific needs, that website visitor is much more likely to continue browsing the website and maybe even make a purchase.

In HubSpot, personalisation is managed through Smart Content (also known as dynamic or adaptive content). Smart Content allows you to show different content to your website visitors based on:

  • Country

  • Device type

  • Referral source

  • Preferred language

  • Contact list membership

  • Lifecycle stage

For example, if you want to show a bottom of the funnel content offer to contacts with a lifecycle stage of ‘marketing qualified lead’ (MQL) on a specific page – you first set up a smart content module (or make a module smart) on that page, select your smart rule from the dropdown menu to specify criteria (in this instance, contact lifecycle stage) and then click create. Having created your smart module, you can then edit the text, save it and test it. The end result is that when MQLs visit that website page, they will see different text compared to a website visitor with a lifecycle stage of ‘lead’.

You can add smart text to your emails, website pages, landing pages and templates, so it’s entirely possible to personalise your entire website for specific website visitors!

Make sure you factor smart content into your design by thinking about what content you want to show people and where on your website you want to use smart content, because you’ll have to integrate modules that allow smart content for it to work!

 

3. If you plan on using tables or spreadsheets, consider HubDB

If there is any content on your site that you want to display in a table or spreadsheet, you should consider HubDB. Integrating a database into your website is usually a very technical job and would normally require a developer, but with HubDB you can easily create database-driven content that can be embedded into your website (and landing pages).

Using HubDB, you can then style your inserted tables or spreadsheets to match the look and feel of the rest of your website. If that’s not enough to convince you, it’s very easy for you to add  

You can then style your HubDB table to match the look and feel of your website. HubDB is easy to add onto your HubSpot website – a dream for any website developer – and is regularly updated.

You can use HubDB to build:

  • Event listings

  • Product listings

  • Resource pages

  • And any content that would use a database to load content!

In fact, we recently used HubDB to list the agendas of conferences on the website of one of our clients; the client team really enjoyed how easy it was to add data to HubDB and how they could make changes in real-time without a developer!

 

4. Think about whether you need flexible templates with drag and drop modules

Do you need flexible website templates? Do you need drag and drop modules to build your website quickly?

Well, one of the benefits of building your website in HubSpot is the ability to develop templates and build pages using drag and drop modules. This element of HubSpot CMS means that it is super easy for you and other members of your team to make layout changes to web pages without needing to call a developer for help!

So before you dive right into designing your website, think about the modules you want to use on your website – and keep in mind that you can use one module in multiple ways.

 

5. Translate your website pages 

Have multiple web pages in different languages and need them translated for your regional websites?

No problem – HubSpot’s got you covered.

If your website is in more than one language, HubSpot has a page translation feature, which makes the whole process of building your pages in each language very easy. This means that you don’t have to design or plan for multiple versions of the site (winning)! All you need to do in HubSpot is first build out the page in your primary language, then click on the drop-down menu and select ‘Create translation’.

Now your web page is translated. Simple.


Before you start to design your HubSpot website, have a look at all of the HubSpot tools. There are a lot of them but being familiar with how they work and what they can do for your website will help you to create a website that consistently generates leads for your business.

Latest Insights

HubSpot Implementations

11 min read

Best practices for migrating data into HubSpot CRM

Looking to migrate data from your legacy system to HubSpot CRM? Minimise business disruption by following these best practices.

Read more

Marketing & Creative

21 min read

Your guide to building multi-language websites in HubSpot

Explore how to create multilingual websites in HubSpot Content Hub, how best to use them, and best practices for maximising their impact.

Read more

Sales & Revenue

11 min read

A day in the life of an AI-powered HubSpot Sales Rep

Explore how HubSpot’s Breeze AI changes a typical sales rep's day and the practical ways AI sales enablement can support your sales efforts.

Read more

HubSpot Implementations

14 min read

Replacing or integrating your CRM: Can HubSpot replace Salesforce?

Can Hubspot Replace Salesforce? We explore both CRM Software Systems. Discover HubSpot’s benefits and find out why Hubspot may be the CRM for you.

Read more

HubSpot Implementations

17 min read

Enhancing real estate success with HubSpot

In this article, we'll explore the use cases for HubSpot in the real estate industry, covering sales, CRM, marketing, service, and website management.

Read more

HubSpot Implementations

8 min read

How AI in change management transforms CRM implementations

Explore how AI in change management simplifies CRM transitions, reduces challenges, and accelerates adoption for enterprise organizations.

Read more

HubSpot Implementations

14 min read

Build a Composable Customer Data Platform with HubSpot and Snowflake

Discover how a composable CDP unifies customer data for streamlined experiences, integrating HubSpot with Snowflake for scalable analytics and engagement.

Read more

HubSpot Implementations

12 min read

Enterprise CRM: essential features & implementation guide (2025)

Explore key features of enterprise CRM software that large businesses need and what to look for when comparing CRM systems.

Read more

HubSpot Implementations

6 min read

A marketing leader's guide to protecting sensitive financial data

Securely segment high-value clients with HubSpot's new tools, balancing personalization and data protection in investment management marketing.

Read more

HubSpot Implementations

10 min read

HubSpot AI security FAQ: what CTOs and CIOs need to know

Discover how to securely adopt HubSpot AI while meeting compliance demands. Learn best practices to protect data and navigate regulatory challenges.

Read more