Services
TAYA

They Ask, You Answer Mastery

A coaching & training program that drives unmatched sales & marketing results.

Sales

Sales Performance Mastery

Improve the competencies and close rates of your sales organization.

Web design

Website Mastery

Web design, development & training for your team.

HubSpot

HubSpot Mastery

Everything you need to get the most from HubSpot.

AI Mastery

AI Enablement Mastery

Unlock the power of AI in all aspects of your revenue operations.

Discover how IMPACT’s services can help take your business to the next level. Book a free 30-minute coaching session Book a free 30-minute coaching session
Learning Center
Learning Center

Learning Center

Free resources to help you improve the way you market, sell and grow your business.

Discover how IMPACT’s services can help take your business to the next level. Book a free 30-minute coaching session Book a free 30-minute coaching session

Free: Assessment Does your website build trust with buyers and bring in revenue?

Score My Website
Close

Free: Assessment

Does your website build trust with buyers and bring in revenue?
Take this free 6 question assessment and learn how your website can start living up to its potential.
Score My Website
Web Design  |   Marketing Strategy

5 Amazing Site Designs on the HubSpot Website Platform

Christine Austin

By Christine Austin

Mar 6, 2013

5 Amazing Site Designs on the HubSpot Website Platform

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.

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

 

Free: Assessment

Does your website build trust with buyers and bring in revenue?
Take this free 6 question assessment and learn how your website can start living up to its potential.

Related Articles

The Website Experience Your Customers Are Yearning For

November 27, 2023
Mary Brown Mary Brown

10 Examples of Company Profile Pages to Inspire Yours

November 22, 2023
John Becker John Becker

Is It Time for an AI-powered Chatbot on Your Website?

November 21, 2023
Will Smith Will Smith

Think of Your Business as ‘E-Commerce’ — No Matter What You Sell

November 15, 2023
John Becker John Becker

8 of the Best Business Website Designs to Inspire You in 2024

November 1, 2023
John Becker John Becker

Your Website in 2024: The Future of Trends, Tech, and Traffic

November 1, 2023
Vin Gaeta Vin Gaeta

Create Better Website Videos by Avoiding These 3 Mistakes

October 25, 2023
Christine Austin Christine Austin

4 Ways To Recession-proof Your Website In 2024

October 22, 2023
Marcus Sheridan Marcus Sheridan

Business Leaders: Do You ‘Own’ Your Own Website?

October 16, 2023
Mary Brown Mary Brown

Can I Use AI Tools To Build My New Website?

September 18, 2023
Vin Gaeta Vin Gaeta

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

September 14, 2023
John Becker John Becker

How Much Does a Website Redesign Cost in 2023?

July 20, 2023
Vin Gaeta Vin Gaeta

Do You Need a New Website? Maybe Not

July 19, 2023
Vin Gaeta Vin Gaeta

14 Award-Winning Website Designs (& What They Did Right)

July 17, 2023
Christine Austin Christine Austin

What a New Self-Selection Tool for Your Website Will Cost

July 13, 2023
John Becker John Becker

9 Self-Service Tools to Inspire Your Business Website

July 10, 2023
John Becker John Becker

What Does a Great Inbound Marketing Website Look Like in 2024?

May 16, 2023
Christine Austin Christine Austin

Your Website Strategy Must Include These 6 Things

March 20, 2023
Mary Brown Mary Brown

Website Conversions in 2023 — STOP, START, KEEP

January 25, 2023
Vin Gaeta Vin Gaeta

Website Mastery: A better redesign process for your business website

November 1, 2022
John Becker John Becker

8 Best Content Management Systems for Digital Marketing in 2023

October 1, 2022
Christine Austin Christine Austin

12 Essential Tips for Improving Your Web Design in 2023

September 13, 2022
Christine Austin Christine Austin

23 of the Best Examples of Business Blog Design

May 30, 2022
Christine Austin Christine Austin

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

May 16, 2022
John Becker John Becker

Website Redesign Checklist: The 12 Crucial Steps You Need To Be Successful

February 22, 2022
Joe Rinaldi Joe Rinaldi