---
title: "Modular Web Development: How to Design Flexible HubSpot Websites"
description: Learn the principles of modular web development with the Modular Manifesto by Bootstrap Creative. Discover how to build scalable, flexible, and maintainable HubSpot websites tailored for B2B businesses.
image: https://www.bootstrapcreative.com/hubfs/modular%20web%20design%20manifesto-1.jpg
---

[![logo-1](https://www.bootstrapcreative.com/hubfs/logo-1.svg)](https://bootstrapcreative.com/)

- [**FREE** HubSpot Modules](https://www.bootstrapcreative.com/jake-addons/modules)
- [HubSpot Themes](https://www.bootstrapcreative.com/jake-addons/hubspot-themes-templates)

Open main navigation

Close main navigation

- [**FREE** HubSpot Modules](https://www.bootstrapcreative.com/jake-addons/modules)
- [HubSpot Themes](https://www.bootstrapcreative.com/jake-addons/hubspot-themes-templates)
- [Website Support Plans](https://www.bootstrapcreative.com/jake-addons/hire-hubspot-developer)

[Website Support Plans](https://www.bootstrapcreative.com/jake-addons/hire-hubspot-developer)

 

# Modular Web Development: How to Design Flexible HubSpot Websites

### How HubSpot Modular Web Design Can Save You Time and Money

## ![macro improvements vs micro imrovements modules-2](https://www.bootstrapcreative.com/hs-fs/hubfs/macro%20improvements%20vs%20micro%20imrovements%20modules-2.png?width=300&height=274&name=macro%20improvements%20vs%20micro%20imrovements%20modules-2.png)

## The cost of not acting on micro-website improvements

The cost of identifying areas of improvement on a website (micro website improvements) and then not acting on them due to budget constraints can lead to a costly redesign later.

Think about all of the micro website improvements that go undone on a website because of the lack of time or budget.

The micro improvement is so small it doesn’t make sense to hire a developer full-time, an agency on retainer, or a consultant.

So what happens? A non-technical person tries to do something themselves or, worse, nothing. It just collects dust. These micro website improvements pile up over the years, and you start hearing the big heavy phrase...

## “I don't like our website. We need to redesign it.”

So now the piled-up list of micro website improvements becomes a general feeling. "I don’t like our website; it is slow, too busy, and unprofessional."

The company then hires an agency or tasks an internal team and tells them, “*We want something fresh, clean, and modern.”* They want a solution for the general feeling and not the specific problems they identified over the years because they were not written down.

These problems (micro website improvements) are just in someone's head and are not being solved during the redesign project.

So the agency creates a new design that looks clean, fresh, and modern but doesn’t address the underlying problems or opportunities for improvement. And in 5 years, the cycle continues.

![macro improvements vs micro imrovements modules-1](https://www.bootstrapcreative.com/hs-fs/hubfs/macro%20improvements%20vs%20micro%20imrovements%20modules-1.png?width=600&height=348&name=macro%20improvements%20vs%20micro%20imrovements%20modules-1.png)

*A micro website improvements approach saves considerable time and money because it continuously improves individual page components instead of deleting and redesigning an entire website.*

## So how can companies break out of the costly 5-year website redesign cycle?

I firmly believe embracing a modular approach to a website can significantly decrease the need for a complete website redesign.

Like improving a car, you could purchase a new vehicle or replace a component if you want more performance. And if you find that component doesn't work, swap it out for another.

It's a new commitment to redesigning modules instead of redesigning websites.

What is modular HubSpot web development?

Common website elements known as modules are used as building blocks to construct pages. Each module is made up of various elements like text, buttons, and images. A page is built by combining numerous modules, which divides complicated issues into simpler parts to comprehend, explain, and create. These modules are reusable components that can be used in page templates or added to pages through [drag and drop areas](https://developers.hubspot.com/docs/cms/guides/creating-a-drag-and-drop-area) and [flexible columns](https://developers.hubspot.com/docs/cms/hubl/tags#flexible-column). 

## A Call to HubSpot Modules for Website Continuous Improvement!

For developers and designers, embracing modules would help you focus on improving sections and patterns. Creating a tool instead of a full-page layout. This will decrease the burden of thinking through all of the design scenarios with page templates but instead begin to build a library of reusable parts and pieces that can be remixed, swapped out, and improved upon over time.

Another opportunity I see is for companies to support and work with a HubSpot CMS marketplace provider like me : ) so they create the themes and modules you need most. Having a long-term back-and-forth relationship of sharing feedback and improving products of value. HubSpot marketplace providers would highly value your ideas and feedback to motivate them to continue creating new products for the HubSpot marketplace.

Thank you for reading!  
Jake Lett

[Learn how I can help you improve your website.](https://www.bootstrapcreative.com/jake-addons/pricing)

 

##### Share this

[Logo Facebook](http://www.facebook.com/share.php?u=https://www.bootstrapcreative.com/jake-addons/modular-manifesto&utm_medium=social&utm_source=facebook) [Logo Twitter](https://twitter.com/intent/tweet?original_referer=https://www.bootstrapcreative.com/jake-addons/modular-manifesto&utm_medium=social&utm_source=twitter&url=https://www.bootstrapcreative.com/jake-addons/modular-manifesto&utm_medium=social&utm_source=twitter&source=tweetbutton&text=) [Logo Linkedin](http://www.linkedin.com/shareArticle?mini=true&url=https://www.bootstrapcreative.com/jake-addons/modular-manifesto&utm_medium=social&utm_source=linkedin) [Logo Pinterest](http://pinterest.com/pin/create/button/?url=https://www.bootstrapcreative.com/jake-addons/modular-manifesto&utm_medium=social&utm_source=pinterest&media=) <https://reddit.com/submit?url=https://www.bootstrapcreative.com/jake-addons/modular-manifesto&utm_medium=social&utm_source=reddit&title=> [Mail](mailto:?subject=Check%20out%20https://www.bootstrapcreative.com/jake-addons/modular-manifesto&utm_medium=social&utm_source=email%20&body=Check%20out%20https://www.bootstrapcreative.com/jake-addons/modular-manifesto&utm_medium=social&utm_source=email)

### [Related HubSpot Custom Modules](https://www.bootstrapcreative.com/jake-addons/modules)

---

#### Filter Modules:

All Free Paid

[![HubSpot Banner for HubSpot CMS | Parallax Image / Video Hero](https://www.bootstrapcreative.com/hs-fs/hubfs/hero-banner-module-jake-lett-thumbnail.png?width=250&name=hero-banner-module-jake-lett-thumbnail.png)](https://www.bootstrapcreative.com/jake-addons/jake-hero-banner-module)

 Paid

## [Jake Hero Banner Custom Modulefor HubSpot CMS](https://www.bootstrapcreative.com/jake-addons/jake-hero-banner-module)

Grab attention with a Parallax Hero Banner Module for HubSpot CMS. Easily add engaging visuals to your pages and enhance user experience. Boost engagement now!

[Learn More](https://www.bootstrapcreative.com/jake-addons/jake-hero-banner-module)

[![FREE Logo Slider Carousel Module for HubSpot CMS](https://www.bootstrapcreative.com/hs-fs/hubfs/logo-slider-hubspot-module-jake-lett-thumbnail.png?width=250&name=logo-slider-hubspot-module-jake-lett-thumbnail.png)](https://www.bootstrapcreative.com/jake-addons/logo-slider-hubspot-module)

 Free

## [Logo Slider Custom Modulefor HubSpot CMS](https://www.bootstrapcreative.com/jake-addons/logo-slider-hubspot-module)

Adding a logo or image carousel is made easy with this logo slider for HubSpot CMS.

[Learn More](https://www.bootstrapcreative.com/jake-addons/logo-slider-hubspot-module)

[![Overlap Card HubSpot Module for HubSpot CMS Hub](https://www.bootstrapcreative.com/hs-fs/hubfs/overlap-card-hubspot-module-jake-lett-thumbnail.png?width=250&name=overlap-card-hubspot-module-jake-lett-thumbnail.png)](https://www.bootstrapcreative.com/jake-addons/overlap-card-hubspot-module)

 Free

## [Overlap Card Custom Modulefor HubSpot CMS](https://www.bootstrapcreative.com/jake-addons/overlap-card-hubspot-module)

Want to have a text block overlapping an image? Or the reverse with the image on top of text? Now you can do this easily without writing any code. Overlap Card HubSpot Module,

[Learn More](https://www.bootstrapcreative.com/jake-addons/overlap-card-hubspot-module)

[![Stylized Card HubSpot Module for HubSpot CMS Hub](https://www.bootstrapcreative.com/hs-fs/hubfs/stylized-card-hubspot-module-jake-lett-thumbnail-1.png?width=250&name=stylized-card-hubspot-module-jake-lett-thumbnail-1.png)](https://www.bootstrapcreative.com/jake-addons/stylized-card-hubspot-module)

 Free

## [Stylized Card Custom Modulefor HubSpot CMS](https://www.bootstrapcreative.com/jake-addons/stylized-card-hubspot-module)

The Stylized Card Module for HubSpot makes it easy to add block of content into a column grid. You can add a border, background color, background image, and drop shadow.

[Learn More](https://www.bootstrapcreative.com/jake-addons/stylized-card-hubspot-module)

## Get Dedicated HubSpot Website Support.

[![Jake Lett Lett headshot photo](https://www.bootstrapcreative.com/hs-fs/hubfs/jake-lett-2026-v3.jpg??&width=150&height=150&name=jake-lett-2026-v3.jpg)](https://www.bootstrapcreative.com/jake-addons/hire-hubspot-developer)

### Hey there! [I'm Jake Lett](https://www.bootstrapcreative.com/jake-addons/hire-hubspot-developer)

Don't let technical limitations bottle-neck your marketing. I provide the ongoing custom development you need—themes, modules, and troubleshooting—without the cost or hassle of a full-time hire. Businesses trust me to keep their HubSpot websites running flawlessly.

#### Fast Turnaround • Reliable Code • Monthly Peace of Mind • Located in USA

---

[See Plans](https://www.bootstrapcreative.com/jake-addons/hire-hubspot-developer)

<https://bootstrapcreative.com>

[![HubSpot](data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMzguNjU5NjEgOTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMzOC42NTk2MSA5NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBvbHlnb24gZmlsbD0iIzIxMzM0MyIgcG9pbnRzPSIzNi42NzcyNSw1NC4zMzIxOSAxMS44MDkxOCw1NC4zMzIxOSAxMS44MDkxOCw4MC41Mjg1OSAwLDgwLjUyODU5IDAsMTUuODkwODMgMTEuODA5MTgsMTUuODkwODMgCgkJMTEuODA5MTgsNDIuOTcxMDMgMzYuNjc3MjUsNDIuOTcxMDMgMzYuNjc3MjUsMTUuODkwODMgNDguNDgzNzgsMTUuODkwODMgNDguNDgzNzgsODAuNTI4NTkgMzYuNjc3MjUsODAuNTI4NTkgCSIvPgoJPHBhdGggZmlsbD0iIzIxMzM0MyIgZD0iTTg2LjI2OTM2LDU5LjYzNjM0YzAsNS4zODM0NC00LjM4NTMxLDkuNzYzNzUtOS43Njc1NSw5Ljc2Mzc1Yy01LjM4MzY4LDAtOS43NjYxNi00LjM4MDMxLTkuNzY2MTYtOS43NjM3NQoJCXYtMjcuNjg0OUg1NS41NTMzOXYyNy42ODQ5YzAsMTEuNTUwMjUsOS4zOTc2NCwyMC45NDU1OCwyMC45NDg0MiwyMC45NDU1OGMxMS41NDg0MiwwLDIwLjk0NjA1LTkuMzk1MzMsMjAuOTQ2MDUtMjAuOTQ1NTgKCQl2LTI3LjY4NDloLTExLjE3ODVWNTkuNjM2MzR6Ii8+Cgk8cGF0aCBmaWxsPSIjMjEzMzQzIiBkPSJNMTY5LjI0NTU2LDM0LjgwMTljMC01LjY3NjIxLDMuNzU2OTktNy40NzYxNSw3Ljg3MDI1LTcuNDc2MTVjMy4zMTIwMSwwLDcuNjk0NzIsMi41MjA2OSwxMC41NTQyNCw1LjU4MzYxCgkJbDcuMzMzMjUtOC42NDQ0Yy0zLjY2NDUxLTQuOTUxMi0xMS4wODc5MS04LjM3NDEzLTE3LjE3MDc1LTguMzc0MTNjLTEyLjE2NzMxLDAtMjAuOTMzODUsNy4xMTQyNC0yMC45MzM4NSwxOC45MTEwNgoJCWMwLDIxLjg4MDQ2LDI2Ljc0ODIsMTQuOTQ0NzksMjYuNzQ4MiwyNy4xOTQwNGMwLDMuNzc3NTMtMy42NjYzOCw3LjExMjM2LTcuODY5MzQsNy4xMTIzNgoJCWMtNi42MjE3LDAtOC43Njk2MS0zLjI0MTc0LTExLjgwOTg2LTYuNjY0bC04LjE0MTgyLDguNDYyNzJjNS4xOTEyMiw2LjM5MzczLDExLjYzMDA4LDkuNjM3MzYsMTkuMzIzNjUsOS42MzczNgoJCWMxMS41Mzk0OSwwLDIwLjg0MzI1LTcuMjA0MDUsMjAuODQzMjUtMTguNDYxNDlDMTk1Ljk5MjgsMzcuNzcxNDgsMTY5LjI0NTU2LDQ1LjMzNjI3LDE2OS4yNDU1NiwzNC44MDE5eiIvPgoJPHBhdGggZmlsbD0iIzIxMzM0MyIgZD0iTTMzNC43MjA0OSw3MC4yMDI3OGMtNi42MTY5NywwLTguNDk1MDYtMi44NjA5Ni04LjQ5NTA2LTcuMjQ1OThWNDMuNTQ2NThoMTAuMjg0ODJ2LTkuODM4OTJoLTEwLjI4NDgyCgkJVjIwLjczNTE1bC0xMS4zNTc3OSw1LjA5ODI2djM5LjUzOTMxYzAsMTAuMTA5Myw2Ljk3NDY0LDE1LjIwOTIsMTYuNTQyNjYsMTUuMjA5MmMxLjQzMTIxLDAsMy40MDEyMS0wLjA5MjQ4LDQuNDc1NjgtMC4zNTc2NgoJCWwyLjc3MzYyLTEwLjE5NzA2QzMzNy40MDc3NSw3MC4xMTM1NywzMzUuOTc3MDIsNzAuMjAyNzgsMzM0LjcyMDQ5LDcwLjIwMjc4eiIvPgoJPHBhdGggZmlsbD0iIzIxMzM0MyIgZD0iTTEyOC44OTMyMywzMi4yNzUzM2MtNS41NDY3MywwLTkuNDE4MjksMS42MTAwMi0xMy4xNTczNiw1LjI4MDAzVjE2LjI3Njg1aC0xMS4yMTgwOXYzOS40MzU0NgoJCWMwLDE0Ljc2MDQsMTAuNjcxNjEsMjQuODY5NjMsMjIuNjYyMzYsMjQuODY5NjNjMTMuMzI5MDYsMCwyNS4wMDc3Ny0xMC4yODg5OSwyNS4wMDc3Ny0yNC4xNTIzMgoJCUMxNTIuMTg3OTEsNDIuNzQxOTEsMTQxLjQxODY5LDMyLjI3NTMzLDEyOC44OTMyMywzMi4yNzUzM3ogTTEyOC44MjM1LDY5LjI5MTczYy03LjAyNzU0LDAtMTIuNzIzNzQtNS42OTY0Mi0xMi43MjM3NC0xMi43MjM1MwoJCWMwLTcuMDI2ODksNS42OTYyLTEyLjcyMzUzLDEyLjcyMzc0LTEyLjcyMzUzYzcuMDI2NjcsMCwxMi43MjMzMSw1LjY5NjY0LDEyLjcyMzMxLDEyLjcyMzUzCgkJQzE0MS41NDY4MSw2My41OTUzLDEzNS44NTAxNyw2OS4yOTE3MywxMjguODIzNSw2OS4yOTE3M3oiLz4KCTxwYXRoIGZpbGw9IiMyMTMzNDMiIGQ9Ik0yNTAuNjgzNDYsNTUuODQ3MjRjMC0xMy44NjMzMy0xMS42Nzg3My0yNC4xNTIzMi0yNS4wMDc3OC0yNC4xNTIzMgoJCWMtMTEuOTkwNzUsMC0yMi42NjIzNSwxMC4xMDkyMi0yMi42NjIzNSwyNC44Njk2M1Y5NmgxMS4yMTgwOVY3NC43MjE0OWMzLjczOTA2LDMuNjcwMDEsNy42MTA2Myw1LjI4MDAzLDEzLjE1NzM1LDUuMjgwMDMKCQlDMjM5LjkxNDIyLDgwLjAwMTUyLDI1MC42ODM0Niw2OS41MzQ5NCwyNTAuNjgzNDYsNTUuODQ3MjR6IE0yNDAuMDQyMzQsNTUuNzA4NjVjMCw3LjAyNjg5LTUuNjk2NjQsMTIuNzIzNTMtMTIuNzIzMzEsMTIuNzIzNTMKCQljLTcuMDI3NTQsMC0xMi43MjM3NC01LjY5NjY0LTEyLjcyMzc0LTEyLjcyMzUzYzAtNy4wMjcxLDUuNjk2Mi0xMi43MjM1MywxMi43MjM3NC0xMi43MjM1MwoJCUMyMzQuMzQ1Nyw0Mi45ODUxMywyNDAuMDQyMzQsNDguNjgxNTUsMjQwLjA0MjM0LDU1LjcwODY1eiIvPgoJPHBhdGggZmlsbD0iI0ZGNUMzNSIgZD0iTTI4Ni45MzI0NiwzMS4xNTE1NFYxOS44ODMxMmMyLjk0MTE2LTEuMzg5NTEsNS4wMDIwMS00LjM2NTA4LDUuMDAyMDEtNy44MTg1di0wLjI2MDM4CgkJYzAtNC43NjU1Ny0zLjg5OTQ0LTguNjY0OC04LjY2NDgzLTguNjY0OGgtMC4yNjAxNmMtNC43NjU3OCwwLTguNjY1MjIsMy44OTkyMy04LjY2NTIyLDguNjY0OHYwLjI2MDM4CgkJYzAsMy40NTM0MSwyLjA2MTI4LDYuNDI5NDIsNS4wMDI0MSw3LjgxODcydjExLjI2ODQyYy00LjM3OTI0LDAuNjc2NTYtOC4zODA2NSwyLjQ4MjY5LTExLjY4MjE5LDUuMTQwNzlsLTMwLjkzODg3LTI0LjA2NzU2CgkJYzAuMjAzNTEtMC43ODM3NywwLjM0NjQ1LTEuNTkxMjksMC4zNDczMi0yLjQzODY4YzAuMDA2OTctNS4zOTc5MS00LjM2MzEzLTkuNzc5MzMtOS43NjEyNS05Ljc4NjMxCgkJYy01LjM5ODEzLTAuMDA2NzUtOS43Nzk1Niw0LjM2MzU2LTkuNzg2NTMsOS43NjE0N2MtMC4wMDY1Myw1LjM5NzkxLDQuMzYzNTYsOS43NzkzMyw5Ljc2MTY5LDkuNzg2MDkKCQljMS43NTkyOCwwLjAwMjE4LDMuMzg3MzktMC40OTc0NSw0LjgxNDYxLTEuMzA5MTFsMzAuNDM0NjUsMjMuNjc1NzljLTIuNTg4NTksMy45MDY4NS00LjEwNDI1LDguNTg2OC00LjEwNDI1LDEzLjYyNDUyCgkJYzAsNS4yNzQ1OCwxLjY2NjAyLDEwLjE1MjgxLDQuNDgyMDksMTQuMTY1NzdsLTkuMjU1NzQsOS4yNTU3NGMtMC43MzE2OS0wLjIxOTQyLTEuNDkxMjctMC4zNzMwNC0yLjI5NDg2LTAuMzczMDQKCQljLTQuNDM1NDcsMC04LjAzMTYsMy41OTU5Mi04LjAzMTYsOC4wMzE2czMuNTk2MTMsOC4wMzE2LDguMDMxNiw4LjAzMTZjNC40MzU5LDAsOC4wMzE1OS0zLjU5NTkyLDguMDMxNTktOC4wMzE2CgkJYzAtMC44MDMxNi0wLjE1MzM4LTEuNTYyOTYtMC4zNzMwMi0yLjI5NDY1bDkuMTU1NDktOS4xNTUyOGM0LjE1NTcsMy4xNzI1NSw5LjMzMDY5LDUuMDc4MDMsMTQuOTYyODMsNS4wNzgwMwoJCWMxMy42NDU0NSwwLDI0LjcwNzUyLTExLjA2MjI5LDI0LjcwNzUyLTI0LjcwODE3QzMwNy44NDc3NSw0My4xODU4NywyOTguNzcyODYsMzIuOTgwMzMsMjg2LjkzMjQ2LDMxLjE1MTU0eiBNMjgzLjE0MDIzLDY4LjIwNjI4CgkJYy02Ljk5NjE1LDAtMTIuNjY4NC01LjY3MTM3LTEyLjY2ODQtMTIuNjY3NTNjMC02Ljk5NTk0LDUuNjcyMjQtMTIuNjY3NTMsMTIuNjY4NC0xMi42Njc1MwoJCWM2Ljk5NTMsMCwxMi42Njc1NCw1LjY3MTU4LDEyLjY2NzU0LDEyLjY2NzUzQzI5NS44MDc3Nyw2Mi41MzQ5MiwyOTAuMTM1NTMsNjguMjA2MjgsMjgzLjE0MDIzLDY4LjIwNjI4eiIvPgo8L2c+Cjwvc3ZnPgo=)](https://bootstrapcreative.com/hubspotcms)

© 2026 Designed by Jake Lett. Bootstrap Creative All rights reserved.

- Privacy Policy
- Website Terms of Use
- Cookie Policy

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://bootstrapcreative.com/#organization",
  "@type" : "Organization",
  "address" : {
    "@type" : "PostalAddress",
    "addressCountry" : "US"
  },
  "founder" : {
    "@id" : "https://bootstrapcreative.com/#person"
  },
  "logo" : {
    "@type" : "ImageObject",
    "height" : "35",
    "url" : "https://bootstrapcreative.com/wp-bc/wp-content/themes/wp-bootstrap/images/bootstrap-creative-logo-2.svg",
    "width" : "232"
  },
  "name" : "Bootstrap Creative",
  "sameAs" : [ "https://www.bootstrapcreative.com/", "https://www.linkedin.com/in/jacoblett/", "https://www.youtube.com/c/Bootstrapcreative" ],
  "url" : "https://bootstrapcreative.com/"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://bootstrapcreative.com/#person",
  "@type" : "Person",
  "jobTitle" : "HubSpot CMS Developer",
  "name" : "Jake Lett",
  "sameAs" : [ "https://www.linkedin.com/in/jacoblett/", "https://www.youtube.com/c/Bootstrapcreative" ],
  "url" : "https://www.bootstrapcreative.com/jake-addons/hire-hubspot-developer",
  "worksFor" : {
    "@id" : "https://bootstrapcreative.com/#organization"
  }
}
```