Portfolio - HubSpot CMS

Building a HubSpot sitefrom scratch.

No off-the-shelf theme. No page builder shortcuts. Just an empty folder and a plan, turned into a fast, on-brand website that a non-technical team can run entirely on their own. Here's how I do it, end to end.

The big picture

How this portfolio comes to life inside HubSpot CMS

Every HubSpot website begins as an idea, then a concept, then a prototype. I turn that prototype into a live site that stays true to every detail. You might notice the Orange Logo on the bottom left of this website, that indicates that this portfolio is created purely using HubSpot CMS.

01 Foundation

Identify All Theme Settings

I start from an empty theme rather than a marketplace one, so there's zero code I didn't write and nothing to fight later. I started by identifying global assets, most of the time these are the branding of the website which includes the fonts, colors, general styles, etc.

cs-1-1
02 Global Assets

Creating Global Modules

After theme settings has been configured, it's time to build global assets. These assets are reusable throughout the whole site. For instance, the header and footer, content managers can edit these modules on any page and it should update throughout the whole site.

cs-2
03 Modules

Build Reusable Modules

Modules are the heart of the system. These are the building blocks of HubSpot CMS. I build each one to be flexible enough for a developer, but simple enough for anyone on the marketing team. Clear field labels, sensible defaults, and grouped settings mean content editors can update a page confidently without touching a single line of code

cs-3
04 Templates

Compose pages from layouts

Next, I identify which templates the site actually needs, landing pages, case studies, blog listings, blog posts, and system pages like search results and error pages. Each one is assembled from the same module library, so the site stays visually consistent while every page type gets the structure it needs.

cs-4
05 Website Pages

Put All Together

Finally, I build the website pages from these templates, assembling modules, adding the real content, and refining every detail until each page matches the design.

cs-5

The best CMS build is one the developer eventually disappears from, the content team should never need to call me just to launch a page.

Have a HubSpot project in mind?

Let's talk about how I can help.

Contact Me