Learn
Learn
Close

What is 'They Ask, You Answer'?

A revolutionary approach to driving more sales from your inbound marketing.

Learn MoreLearn More

Free Courses in IMPACT+

Dozens of sales, marketing, and content courses inside IMPACT+. Start learning now.

See all coursesSee all courses
Events
Events
Close
IMPACT+ Membership
IMPACT+ Membership
Close
Services
Services
Close

Services Overview

See how you can dramatically increase your inbound leads and sales.

Services Overview

Digital Sales and Marketing Mastery

Fast track your team’s success with IMPACT's most popular service.

Digital Sales and Marketing Mastery

Web Design

Launch a beautiful website that consistently generates leads and revenue.

Web Design

Virtual Sales Training

Equip your sales team with comprehensive training designed to help them close more deals in today's virtual-first world.

Virtual Sales Training

HubSpot Training & Implementation

Train your company to take ownership of HubSpot and get the most out of your investment.

HubSpot Training & Implementation

Case Studies

See dozens of examples of companies succeeding with Digital Sales and Marketing Mastery and They Ask, You Answer.

Case Studies
Become a Certified Coach
Become a Certified Coach
Close

5 Amazing Site Designs on the HubSpot Website Platform

5 Amazing Site Designs on the HubSpot Website Platform Blog Feature

Christine Austin

Creative Lead, 7+ Years of Web Design and Development Experience

March 6th, 2013 min read

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 On-Demand: The Website Optimization Summit Opening Keynote

Watch Liz Moorehead’s takeaway-filled opening keynote from the Website Optimization Summit for FREE inside IMPACT+.

Your business website should be your most profitable virtual employee -- closing deals left and right. Yet, business leaders and digital marketers just like you are unwittingly undermining the money-making potential of your website. 

Let Liz Moorehead show you the simple and powerful ways you can immediately increase the revenue potential of your business website, no matter what industry you’re in, in this information packed keynote.

Watch Free On-demand

Keep Scrolling to Continue Reading

Watch Liz Moorehead’s opening keynote from the Website Optimization Summit, FREE on-demand inside IMPACT+. Learn how you may be unwittingly undermining the money-making potential of your website and how to fix it!
Watch Free On-Demand
Here Are Some Related Articles You May Find Interesting

Want to Contribute Content to impactplus.com? Click Here.

IMPACT+ Sign Up
A FREE online learning community with on-demand courses, hundreds of expert-led sessions, thousands of your peers ready to support you, and much more.
Check it out
FREE On-Demand: Watch Liz Moorehead’s Website Optimization Summit opening keynote now!
Watch Free On-demand
FREE On-Demand: Watch Liz Moorehead’s Website Optimization Summit opening keynote now!