In Inbound Conference of August 2013, Hubspot announced that they were going to make improvements to make a richer CMS (Content Management System) for their customers. The new system they created was basically called HubSpot’s COS (Content Optimization System) and had a goal of creating a balance between a user friendly system and helping developers create more beautiful and functional websites.

With the help of HubSpot’s COS, businesses have the chance to easily create, manage, customize and run different pages of their website. You can operate pages like home, about, services, contact pages and so on. After getting some basic training, you will be able to edit and customize colors, styles, models of your pages with the help of their user friendly editing system.

To help you get a better understanding of what HubSpot COS design really looks like, in our post we present 5 examples that will surely inspire you.

1. EnergyHub

EnergyHub is an award winning, cloud based software for utilities and service providers. The website of this software is a user friendly one and is build with HubSpot COS design. The site builder tool was built in Twitter Bootstrap, which makes the website more responsive and lets them customize it based on the different needs of their clients.  According to Jonathan Pavoni, who works as a Hubspot developer of EnergyHub Jonathan, HubSpot COS is a tool that should be used by everyone and he hardly imagines building websites on any other platform.

2. Homescout Realty

Homescout Realty is another great example that was designed with the HubSpot COS.  This website has a fresh design and includes multiple column forms right on the homepage. Taking into account the fact that it’s a real estate agency, having such column forms is a great idea, because it allows them to get instant information about their clients’ needs.

Here is a great guide for you if you would like to create columns in your website as well. However, make sure not to make complicated forms. If you are not sure whether the design is good or bad, just implement an A/B testing.

3. Intouch Follow Up

It’s all about the small things that make a huge difference when you engage with your visitors, leads and clients. With the help of new COS platform, HubSpot has designed a new blog subscription module with different frequency options.

For example, in Intouch Follow Up, you can see that there are different subscription options: daily, weekly or monthly. In addition to that, the email templated for the blog updates can also be customized. If you are interested in this feature, here is another guide to help you create it.

4. LyntonWeb

This inbound marketing agency’s website is a great example, which shows that your website can be customized according to different visitors. Here, the COS of HubSpot lets you present specific content to your visitors after they are converted. The CTA of the homepage of LyntonWeb is changed based on who is visiting the website.

To get personalization in your website as well, first of all you need to create a plan for what content should be changed and what should trigger the change. Later steps are described in this link.

5. Cactus Mailing

Cactus Mailing needed to consolidate their website, make the design more modern and give their clients a better user experience. With the help of HubSpot’s COS, they not only achieved their goals, but also aligned their buyer’s journey with the flow of the website.

Now, visitors can see the content they need, based on where they are in their buying journey. HubSpot design also helped them use clean, modern design with the help of creative fonts and responsive design.

All the examples mentioned above are among the best websites that used HubSpot COS to create and improve their websites. If you came up with other such websites, please share them with us and let us be inspired even more.