Back to Learning Center
Subscribe
Join 40,000+ sales and marketing pros who receive our weekly insights, tips, and best practices.
Thank you! You have been subscribed.

Free Guide: The Ultimate Inbound Marketing Strategy Playbook 2021

Read it now Subscribe
Join 40,000+ sales and marketing pros who receive our weekly insights, tips, and best practices.
Thank you! You have been subscribed.
Learning Center
Learning Center
Close
The IMPACT Learning Center

Free resources to help you master inbound marketing and They Ask, You Answer

Access the Learning Center

Access the Learning Center

Access the Learning Center
learning_center_grey__What is They Ask, You Answer-v2-black

What is They Ask, You Answer

What is <span>They Ask, You Answer</span>
Articles, Podcasts, & Updates

Articles, Podcasts, & Updates

Articles, Podcasts, <span>& Updates</span>
Free Courses & Certifications

Free Courses & Certifications

Free Courses & <span>Certifications</span>
On-Demand Keynotes & Sessions

On-Demand Keynotes & Sessions

On-Demand <span>Keynotes & Sessions</span>
Events
Events
Close
IMPACT+ Membership
IMPACT+ Membership
Close
Services
Services
Close
Navigation_8_2021_taya

They Ask, You Answer Coaching & Training

They Ask, You Answer Coaching & Training
They Ask, You Answer Workshop

They Ask, You Answer Workshop

They Ask, You Answer Workshop
Navigation_8_2021_workshop

Inbound Marketing Services

Inbound Marketing Services
Navigation_8_2021_website design - monitor

Website Design & Development

Website Design & Development
Navigation_8_2021_hubspot implementation

HubSpot Training & Implementation

HubSpot Training & Implementation
Navigation_8_2021_virtual selling

Virtual Sales
Training

Virtual Sales <br>Training
Navigation_8_2021_swell - paid ads

Paid Search & Social Services

Paid Search & Social Services
Become a Certified Coach
Become a Certified Coach
Close
The Ultimate Inbound Marketing Strategy Playbook 2021
Free Inbound Marketing Playbook
View The Ultimate Inbound Marketing Strategy Playbook 2021
Covers-FINAL

Free Guide:

Take your inbound strategy to the next level

  • Master the 7 principles of highly effective inbound marketing
  • Dramatically improve your inbound sales
  • Get more buy-in at your company

5 Amazing Site Designs on the HubSpot Website Platform

By Christine Austin

Christine Austin also recommends this free guide: The Ultimate Inbound Marketing Strategy Playbook 2021.

5 Amazing Site Designs on the HubSpot Website Platform Blog Feature

For the past five years, IMPACT has been building websites for a variety of amazing clients. As time has passed, we’ve seen an array of platforms arise and try to prove their versatility and vast capabilities.hubspot-design-platform-01.jpg

However, regardless of whohas come and gone, HubSpot’s Website Platform has always managed to take the cake by offering an easy-to-use framework, SEO optimization, mobile support, content personalization, and much more.

Free Guide: The Ultimate Inbound Marketing Strategy Playbook 2021

HubSpot has also continued to pump in many hours and resources to enhance and grow their platform. In 2014,  the company announced their transition from the Content Management System (CMS) to the HubSpot Content Optimization System (COS) in which they introduced website pages, landing pages, blog forms, email, and analytics.

Towards the end of 2015, HubSpot shifted the terminology again to Website Platform and integrated a truer WYSIWYG (What you see is what you get) template editor to better the experience of its  users.   

With all these updates taking place, agencies and customers have continued to push the limits of the platform and create remarkable sites that separate themselves from the conventional templates we see consistently today.

To get a sense of the platforms true potential, check out these five fantastic websites designed on HubSpot’s Website Platform and learn about what makes them stand out.

1. CataPush

Users today are  delighted with interactive elements and animations that bring light to otherwise stale and stagnant websites.

Catapush is one company that managed to achieve this effect on various areas of its site. The company’s homepage features an animation above-the-fold as well as several more are under the ‘Why Superior?’ section.

The animations help explain the product's functionality in a enjoyable fashion that users will stop and look at.

Catapush_Homepage.png

The rest of the site contains various icons and graphics with content explaining use cases of the product and what it has to offer.

The graphics and large fonts make reading about the product significantly more enjoyable and users still have the option delve further into any features by clicking the CTAs when available.

Catapush_Features_Page.png

The addition of the sub navigation on these pages is an excellent way to remove the possibility of very bulky menus from the global navigation. It divides the content up strategically so users can easily navigate to exactly what they are searching for.

Catapush_Subnavigation.png

I am also quite a fan of their signup page for the free beta. Rather than stuffing more information onto the landing page, the team let the website do the talking and created a simple layout with only the form and scarce content.

Catapush_Landing_Page.png

2. Grapple

Grapple, one of IMPACT’s clients (and a recipient of the 2015 HubSpot Impact Award for Website Design of the year), went through quite facelift on its site. When its site was initially designed, the goal was to provide insight into Grapple’s software and generate leads from new users signing up.

To help facilitate this, the hero on the website’s homepage featured a large image displaying the product and a CTA allowing visitors to sign up for it.

Further down on the page, there were sections that highlighted different aspects of the product. These descriptions were accompanied with images on the left showing examples of each.

Grapple-Homepage.jpg

Since then, in the effort of Growth-Drive Design, Grapple has undergone further changes to optimize it for its users. For instance, we moved the signup form to the hero with a slider showing the companies who use their software.

The large sections that highlighted the product have also been condensed to one section that describes each of the software’s features.

These changes ultimately help shorten the homepage and condense the length of content so it's more digestible, especially for first time visitors.

Grapple_Homepage_Redesign_Version.jpg

3. Altus Financial

Far too often are we met with the traditional hero image and value proposition. Altus Financial added some originality to its site by  incorporating a video into hero section so people can get a realistic sense for the company right off the bat.

Atlus_homepage_hero.png

The homepage also focuses heavily on Altus’ clients, their goals, and testimonials from their current clients. This builds trust and gives the site more credibility,  encouraging users to interact with it or read more into what other clients have achieved.

Atlus_testimonials.png

The site also nicely organizes its information on inner pages that discuss managing one's financial goals. Each inner item contains a short piece of content that’s meant to resonate with the user. Lists to the right of that display the services each item offers along with accordion dropdowns explaining each of them.

Atlus_services.png

Even the company’s blog has been optimized with the most recent article in the hero and later articles displayed below. It also has an excerpt of the article and appropriate tags so users get a quicker idea of what they will be reading.

Atlus_Financial_Blog.png

4. Origami Logic

Origami Logic is a marketing company that strives to quickly get marketers the data they need to make more insightful decisions.

Like most websites have been transitioning to, their global navigation contains their most important items front and center, while less popular items are hidden in the hamburger menu.

This frees up space in the global navigation while still allowing users the ability to travel to other inner pages located in the hamburger menu.

Origami_Logic_Navigation.png

Origami_Logic_Subnavigation.png

Above-the-fold, Origami has its value prop with two different sliders; one displaying the companies who it has  worked with as well as current news.

As you scroll down, the blue background shifts to orange and you are introduced to text that continues to change, telling the users a story. This helps keeps users attention on the content and gets them to read what they may otherwise skip past.

Origami_Logic_Homepage.png

The product and solutions pages follow a similar pattern in which the pages gain a sub-navigation which scrolls to specific areas on the page. This is a nice touch if you have sections with a decent length of content which may make the page long and cumbersome to scroll through.

Origami_Logic_Features.png

5. Bizible

Seeing social proof is always a great way to give your users a sense of trust in the product you are selling. Bizible’s logo slider and testimonial slider on the homepage achieve this effect nicely, especially since they slide automatically.

Bizible_Homepage_Testimonial.png

Another touch of humanization and personality is the BOFU form which takes a different approach by displaying the form as a sentence written in first person that the user fills in the blanks for.

Bizible_Homepage_BOFU.png

Bizible’s pricing page is also an example of how to properly display the options you offer while highlighting what the most popular one is. The page even has a comparison chart below that shows the features each service level offers.

Bizible_Pricing_Page.png

The company’s demo page also reminds users of the products features while still incorporating in more of those testimonials and logos of companies it works with. The form to the right also maintains a short and condensed design as to not overwhelm the user with the form fields they need to fill out.  

Bizible_Demo_Page.png

 

Covers-FINAL
Covers-FINAL

Free Guide:

The Ultimate Inbound Marketing Strategy Playbook 2021

Take your inbound strategy to the next level

  • Master the 7 principles of highly effective inbound marketing
  • Dramatically improve your inbound sales
  • Get more buy-in at your company

Topics:

Web Design
Marketing Strategy
Published on March 6, 2013

Recent Articles

What Is a Learning Center and Why Does My Website Need One?

By John Becker on November 22, 2021
6 min read

9 Crucial Elements Every Homepage Should Have [+Video]

By Ramona Sukhraj on October 21, 2021
6 min read

5 Prep Secrets for a Smoother, More Successful Website Project (+ Infographic)

By John Becker on October 14, 2021
7 min read

7 Self-Service Tools on Business Websites to be Inspired By

By Kimberly Marshall on September 29, 2021
7 min read

Google Shares New Tools to Audit Website User Experience

By Paul D. Grant on August 12, 2021
3 min read

New HubSpot CMS Hub Starter Tier Released for Growing Businesses

By Paul D. Grant on August 6, 2021
4 min read

ICYMI: Digital Marketing News Update for July 26, 2021

By Liz Moorehead on July 26, 2021
6 min read

ICYMI: Digital Marketing News Update for July 19, 2021

By Liz Moorehead on July 19, 2021
6 min read

What the Heck is Going on With All the Google Updates? (Content Lab, Ep. 54)

By Liz Moorehead on July 15, 2021
1 min read

8 Best Business Website Designs (Updated for 2021)

By Sam Lauron on July 15, 2021
5 min read

ICYMI: Digital marketing news update for July 12, 2021

By Liz Moorehead on July 12, 2021
5 min read

Too many internal links in content can confuse Google about site structure

By Liz Moorehead on July 9, 2021
5 min read

Google July 2021 core update rolling out over next 2 weeks

By Liz Moorehead on July 2, 2021
4 min read

6 tips for building a great diversity and inclusion page (+examples)

By Ramona Sukhraj on June 29, 2021
7 min read

Google punts third-party cookie ban to 2023 for 'responsible planning'

By Liz Moorehead on June 25, 2021
6 min read

8 types of website performance metrics you should look at on a monthly basis

By Mary Brown on June 24, 2021
11 min read

Finally, Google page experience core update is rolling out

By Liz Moorehead on June 18, 2021
3 min read

8 business blog design examples that keep readers engaged

By Steve Polito on June 16, 2021
6 min read

5 ways you can use the StoryBrand framework to make a better website

By John Becker on June 14, 2021
5 min read

What is a Featured Snippet? [Definition + Examples]

By Kevin Church on June 10, 2021
4 min read

Google June 2021 core update live, July core update coming

By Liz Moorehead on June 4, 2021
3 min read

Google's June page experience core update will be mobile first, then desktop

By Liz Moorehead on May 21, 2021
3 min read

Every website agency talks about strategy; How is IMPACT different?

By John Becker on April 19, 2021
5 min read

The psychological meaning of shapes in logo design [Infographic]

By Ramona Sukhraj on April 17, 2021
1 min read

Why is growth-driven website design so freaking expensive?

By Daniel Escardo on April 14, 2021
5 min read