10 inspiring examples of HubDB in action

Dan Stillgoe avatar
Dan Stillgoe

Aug 08, 2023

, ,

hubdb examples

If you're familiar with HubSpot CMS, chances are you've come across HubDB - HubSpot's powerful relational database. Unlike other databases that IT have to build and maintain, HubDB's user-friendly tools allow you to create database-driven content you can embed in your website and landing pages. Functionality built with HubDB can then be handed over to marketers to maintain easily.

Examples of HubDB to inspire you

HubDB is a fantastic solution for marketers looking for an efficient way to manage their website content. But it's important to set it up in the most effective way to maximise editability, scalability, and performance. A HubSpot website developer can help you get the most out of this powerful tool.

With that out the way, here are 10 examples that show you what's possible with HubDB.

1. HubSpot - website inspire gallery

hubdb being used to showcase websites

HubSpot's website inspire gallery is an impressive application of HubDB. The gallery serves as a curated collection of websites built on HubSpot CMS, allowing users to explore a range of sites. It incorporates multiple filter categories, which makes it easy for users to find websites that align with their interests or requirements.

Each website entry has a dedicated page, powered by HubDB dynamic pages, which makes it incredibly convenient for HubSpot to add new entries. Simply adding new rows in the HubDB table generates new dynamic pages, eliminating the need for manual page creation and updates.

2. C.H.I Overhead Doors - product catalogue

hubdb being used for a product catalogue

C.H.I's website utilises HubDB in multiple ways. One of its most notable and important applications is the product catalogue. This page houses a comprehensive database of all their products, with a range of filtering options/categories.

The page uses a traditional filter format located on the left-hand side, letting visitors refine the results. The page also incorporates a search functionality, enabling users to quickly locate specific products by searching for model numbers. This streamlined approach enhances the user experience, making it easy for visitors to explore and find the products they seek.

Notably, the page pulls product specifications directly from HubDB and displays them on each product tile, providing users with essential details at a glance.

3. C.H.I Overhead Doors - product pages

hubdb being used to populate product pages

C.H.I's product pages make effective use of the HubDB table that drives their product catalogue. Although not considered 'dynamic' in the traditional HubDB sense, these pages use a single module that simplifies the page creation and editing process significantly. By simply entering the product's model number, the module automatically populates the entire page with relevant information, pulled from HubDB. This streamlined approach makes it easier to create and edit new pages, delivering a user-friendly experience for website administrators.

4. Supply Pilot - resource filtering

resource filter

Supply Pilot's resource filter stands out with its creative approach, that differs from the conventional sidebar filter design. It uses an intuitive three-step system, guiding visitors on an engaging journey to filter the content displayed on the page. This unique approach adds an element of interactivity and intrigue to the user experience, making the process of finding relevant resources more enjoyable.

As users progress through the three steps of the tailoring system, resources are dynamically displayed based on the selected filters, creating a personalised experience. This creative utilisation of HubDB showcases the platform's versatility, proving its effectiveness in non-traditional applications.

5. Blend - portfolio filtering and presentation

hubdb being used for a portoflio

HubDB enables us to showcase our portfolio in a clear and versatile way. Using HubDB, we created a portfolio page that offers convenient filtering options based on project type, allowing users to easily explore the projects most relevant to them.

HubDB also allows us to display our work in various formats that cater to different contexts. For example, on our 'work' page, we present our portfolio in a sleek 3-column grid, providing a structured and organised view of our projects.

But on our homepage, using the exact same HubDB table, we showcase our work in a more abstract format. This approach adds a touch of creativity and uniqueness to our presentation, capturing visitors' attention right from the start. The adaptability of HubDB allows us to maintain consistency across different sections of our website while also experimenting with different layouts and designs.

6. Blend - team member population

hubdb being used for a team gallery

Our about us page uses HubDB to effortlessly manage a gallery of our team members. It presents each team member's details, with a hover state showcasing a GIF that reflects their personality, adding a touch of individuality and creativity to the page.

The same HubDB table that drives our about us page also powers the team module on our homepage. This allows for centralised control and updates. Any changes made to team members' details in the HubDB table are instantly reflected across both the about us page and the team module on the homepage.

7. Blend - email signature generation

hubdb being used for an email signature generator

We use HubDB to generate email signatures for our entire team. It centralises signature management, making it easy to add new starters and ensures everyone has access to their email signature. This process saves time and guarantees consistent and professional signatures for our team's emails.

8. Labguru - resource filtering

hubdb being used for a resource hub

Labguru uses HubDB to create an efficient and user-friendly resource page. With a three-layer filter situated on the left-hand side, users can effortlessly narrow down their search and instantly access relevant results on the page. This intuitive filtering system streamlines the process of finding specific resources, saving valuable time for researchers and professionals in the life science industry.

9. BCAS - jurisdictions map

hubdb used to create a locations globe

BCAS demonstrates a creative use of HubDB by leveraging it to populate their interactive map that displays their crypto jurisdictions.

By using HubDB, BCAS can dynamically update and manage the data related to their crypto jurisdictions, ensuring that the information displayed on the map is always accurate and up-to-date. Centralising data like this simplifies content management, saving time and effort for website administrators.

10. bit.bio - event listing and dynamic pages

hubdb being used for an event listing

Bit.bio's event listing showcases a creative and efficient use of HubDB's dynamic page functionality. They leverage a HubDB table to effectively manage their upcoming events, presenting them all on the main events listing page. HubDB then enables the creation of dynamic pages for each event, providing more detailed information.

This approach streamlines the process of adding new upcoming events and removing past ones. With just one central location to update in the HubDB table, website admins can swiftly add new events to the main listing and generate dynamic pages.

Beyond the technology

Your website is crucial for driving opportunities in your business. Success hinges on combining the right technology with a modern, well-designed, responsive, buyer-centric website that caters to your buyers' needs.

B2B website design

Back to blog