Skip to content
Answer Stack
Open menu

How do you build a growth-driven design website on HubSpot CMS?

✓ Verified Last reviewed by Lean Labs Next review due Dec 14, 2026

Every claim is sourced below

You build it in the order the method sets out. Agree on what the site has to do for buyers, launch a first version that covers the most important part of that work, and then improve it in regular cycles based on what visitors do. That order is the same on any platform. On HubSpot, the theme sets which changes an editor can make without a developer. On Content Hub Professional and Enterprise, content staging lets you prepare rebuilt pages on a sandbox domain, and page A/B testing compares two versions.

The method and the platform do different jobs

Growth-driven design has three stages: strategy, a launchpad site, and continuous improvement. The method's own site models them as 10 to 14 days of strategy, 60 to 90 days to launch, and 14-day improvement sprints. Those timings belong to that model. Lean Labs' growth-driven design program, which runs on HubSpot CMS, works in 30-day improvement cycles. Neither length is a rule. A cycle is the team's working rhythm, and you can set it to suit how long your changes take to build and review.

Nothing in those stages is a HubSpot feature. The stages tell a team what to decide and in what order. The platform affects how much work each decision takes to carry out. So the useful way to plan a HubSpot build is to take each kind of change you expect to make after launch and ask who will be able to make it, and how you'll know whether it worked. We describe the first version itself in what a launchpad website is and how to build one.

Build the launchpad on a theme your editors can keep changing

HubSpot's developer documentation describes a theme as a package of templates, modules and style fields that a developer assembles into an editing system. Editors then choose a template and work with the controls the theme gives them. Global style fields let them change site-wide styles without editing CSS.

That design draws a line through every later cycle. A change that rearranges or rewrites what the theme already contains can be editor work, where the theme's controls and the editor's permissions allow it. A change that needs a module or a layout the theme doesn't have is new developer work, and it has to be scheduled.

The launchpad build is the time to decide where that line sits. Take the changes your strategy work suggests you'll want, such as a comparison block on the pricing page or a shorter form, and ask the developer which of them the theme will let an editor make. Each one an editor can make is a change that doesn't have to wait for development time.

Follow one improvement from problem to page

Suppose a B2B software company launches its site on HubSpot and picks demo requests from the pricing page as its focus metric. It records the starting point: how many people visit the page in a month, and how many of them submit the demo form. Then it looks for what stands in the way. The sales team reports that prospects keep asking how long setup takes, and nothing on the pricing page answers that.

Lean Labs' program shows where evidence like this comes from. The agency reviews page behavior, form results, CRM lifecycle data and feedback from the sales team together. It then ranks candidate changes by expected pipeline impact, by buyer relevance and confidence, and by effort. In our example, the sales feedback is what gives the company a buyer problem to solve. The page's visit and form numbers wouldn't have named that question.

The proposed change is a short setup timeline placed above the form. If the theme has a module that suits it and the editor has permission to use it, an editor builds the section. If the theme has no suitable module, a developer adds one first, and from then on editors can reuse it on other pages. We cover how to word the prediction behind a change like this in turning user insights into hypotheses and experiments.

Prepare bigger changes in staging, and know what staging shares

A small edit can be made on the page itself. A rebuilt page, or a set of them, is better prepared out of sight. HubSpot's content staging, available on Content Hub Professional and Enterprise, puts website and landing pages on a sandbox domain. You can clone an existing page or start from a blank one, and you can replace several live pages at once when the work is ready.

Staging separates the pages. It doesn't separate everything those pages rely on. A change to a shared template, to global content such as a header, or to a HubDB table shows up on every live page that uses that asset, even when you made it while working on a staged page. So clone the shared asset first and change the copy. In the pricing example, text and layout edits that belong only to the staged pricing page stay on that page. A change to the site-wide header belongs in a cloned header until launch.

HubSpot's theme test mode previews a change to the theme without being able to publish it, so a theme-level change still needs its own publishing step.

When a staged page replaces a live one, the original page's analytics carry over, so the numbers before and after the change sit on one record. For a relaunch that goes beyond a few pages, see how to plan and execute a HubSpot website redesign.

Measure the change with the method you can support

HubSpot's page A/B test is also a Content Hub Professional and Enterprise feature. It serves two versions of a page at one URL and sends half the visitors to each. HubSpot recommends changing one variable at a time. That suits the example, because the timeline section is the only difference between the two versions. When the test ends, a person chooses the winner and the other version becomes a draft. HubSpot carries out that choice. Whether there was enough evidence to make it is the team's responsibility.

For that reason, the cycle's calendar and the test's evidence are separate questions. A 14-day or 30-day cycle sets when the team meets and plans. It says nothing about whether the test has seen enough visitors. On a quiet pricing page, the test can keep running into the next cycle while the team works on other pages.

The improvement cycle itself isn't tied to a subscription tier. A team without native testing can still ship the timeline section and compare the weeks after with the weeks before. That comparison is uncontrolled, since a campaign or a price change could move the number in the same weeks. Record the decision as a judgment.

Carry the result into the next cycle

The improvement cycle ends by learning from the result and passing it to marketing, sales and service. Suppose the timeline section raised demo requests. Sales now knows to answer the setup question early in a call, and marketing can use the same timeline on campaign pages. The module also now exists in the theme, so an editor with the right permissions can add it to the next page that needs it.

Then the list of ideas gets reordered. A result changes how confident the team is in related ideas, and that changes the order of the roadmap for the cycle that follows.

Sources

Growth-Driven Design: How it Works

Growth-Driven Design

Primary source Verified Sep 14, 2026 Supports: Names the three stages (Strategy, Launch Pad, Continuous Improvement) and their stated durations: 10-14 days, 60-90 days, and 14-day sprints. No CMS is named. The page footer establishes both the publisher's ownership and Lean Labs' authorship of the site, which is why the contributor section disclo

“Strategy: 10-14 Days. Launch Pad: 60-90 Days. Continuous Improvement: 14-Day Sprints.”

Continuous Improvement

GrowthDrivenDesign.com

Primary source Verified Sep 14, 2026 Supports: Establishes the four steps of the improvement cycle (plan, build, learn, transfer) and that each plan opens with a single focus metric, which is the claim the measurement section is built on.

“Every plan starts with a focus metric that you want to improve.”

Content Hub

HubSpot

Primary source Verified Sep 14, 2026 Supports: List prices checked on 2026-09-14: Free ($0, landing pages), Starter ($20 per seat per month, adds website pages), Professional ($500 a month with 3 seats), Enterprise ($1,500 a month with 5 seats). Also carries the note that a discounted Starter rate is for new customers only and time limited, whic

“Professional $500/mo, 3 seats included. Enterprise $1,500/mo, 5 seats included.”

Themes overview

HubSpot Developers

Primary source Verified Sep 14, 2026 Supports: Defines a theme as a portable, contained collection of developer assets holding templates, modules, and style fields, and scopes 'portable' to movement between HubSpot environments and accounts. Also establishes that theme field values are read through HubL, which is the basis for the statement that

“A theme is a portable and contained collection of developer assets designed to enable a flexible content editing experience.”

Drag and drop areas overview

HubSpot Developers

Primary source Verified Sep 14, 2026 Supports: Establishes what a content creator can change without a developer, that a developer must first write the drag-and-drop area into a coded template, and the specific limits quoted on this page: no nesting of areas or sections, modules cannot contain drag-and-drop elements, the 12-column grid cap, the

“Drag and drop areas allow content creators to place modules, change layout, and some styling within the content editor.”

Create and manage smart content rules

HubSpot Knowledge Base

Primary source Verified Sep 14, 2026 Supports: Supported-products banner lists Marketing Hub Professional and Enterprise and Content Hub Professional and Enterprise, with the availability table showing website pages, landing pages, and blog under Content Hub and marketing email under Marketing Hub. Lists the eight smart content categories and es

“Smart content modules display different versions of your content based on viewer category.”

Run an A/B test on a page

HubSpot Knowledge Base

Primary source Verified Sep 14, 2026 Supports: Supported-products banner reads Content Hub Professional, Enterprise. Establishes the even traffic split at one URL, the manual winner selection, and that the losing variation stops displaying. Checked on 2026-09-14 for any stated significance threshold, sample size guidance, or automatic winner dec

“A/B testing allows you to test two versions of a page at the same URL to see which one performs better.”

Run an adaptive test on a page

HubSpot

Primary source Verified Sep 14, 2026 Supports: Supported-products banner reads Content Hub Professional, Enterprise. Establishes the five-variation cap, the automatic shift of traffic toward the best performer, and the requirement that every variation include a form.

“You can test up to five page variations at a time.”

Redesign and relaunch your site with content staging

HubSpot Knowledge Base

Primary source Verified Sep 14, 2026 Supports: Supported-products banner reads Content Hub Professional, Enterprise. Establishes that only site pages and landing pages can be staged, that blog pages and multi-language content are excluded, that template, global content, and HubDB changes made in staging appear on live pages immediately, that rep

“With the content staging tool, you can redesign and relaunch your website and landing pages in a staging environment.”

Install the HubSpot tracking code

HubSpot Knowledge Base

Primary source Verified Sep 14, 2026 Supports: Supported-products banner reads All products and plans. Establishes that the tracking code is automatic on HubSpot-hosted blog, landing, and website pages and manual everywhere else, and lists the documented failure conditions: ad blockers, AMP sites, and multiple tracking codes where only the first

“The tracking code is automatically included on HubSpot blog pages, landing pages, and website pages.”

Analyze individual content performance

HubSpot Knowledge Base

Primary source Verified Sep 14, 2026 Supports: Supported-products banner reads All products and plans. Lists the per-page metrics available on every tier (page views, total form submissions, new contacts, new customers, average bounce rate, time per page view, exits per page view, entrances) and notes that custom reporting on website analytics a

“All products and plans.”

Analyze your site traffic with the traffic analytics tool

HubSpot Knowledge Base

Primary source Verified Sep 14, 2026 Supports: Supported-products banner reads Marketing Hub Professional, Enterprise and Content Hub Professional, Enterprise, which establishes that source, UTM parameter, device type, country, and browser breakdowns are not available on Starter.

“Marketing Hub Professional, Enterprise. Content Hub Professional, Enterprise.”

Create custom reports in HubSpot

HubSpot Knowledge Base

Primary source Verified Sep 14, 2026 Supports: Supported-products banner lists Professional and Enterprise across Marketing, Sales, Service, Data, Content, Smart CRM, and Revenue Hub, which establishes the Professional floor for the custom report builder. Also establishes that report count limits vary by subscription and are published in HubSpot

“Content Hub Professional, Enterprise.”

7.2.4.2. Sample sizes required (NIST/SEMATECH e-Handbook of Statistical Methods)

National Institute of Standards and Technology

Independent Verified Sep 14, 2026 Supports: Supplies the two-sided sample size formula for a test of a proportion, with the continuity correction, used to produce the 1,216-visitor figure in the worked sprint. NIST is a US standards body with no interest in HubSpot or in growth-driven design. The page covers the single-proportion case, which

“N >= ( (z_(1-alpha/2) sqrt(p0(1-p0)) + z_(1-beta) sqrt(p1(1-p1))) / delta )^2, with the continuity correction N = N' + 1/delta.”

The three stages of growth-driven design: strategy, launchpad, and continuous improvement

Lean Labs

Contributor · COI Verified Sep 14, 2026 Supports: Lean Labs' own account of how it runs the three stages, cited only inside the contributor section: a strategy phase of two to four weeks, a launch pad of three to eight pages built over roughly twelve weeks across messaging, design, and development sprints, builds at $30,000 to $70,000 or more on a

“The launchpad is a focused website build covering the three to eight pages that matter most to your buyer's decision.”

Sprocket Rocket Journey Theme

HubSpot Ecosystem Marketplace (listing by Sprocket Rocket)

Contributor · COI Verified Sep 14, 2026 Supports: The marketplace listing for the commercial HubSpot theme Lean Labs maintains, cited only inside the contributor section for its stated contents and price: 16 page templates, 11 system templates, 5 sections, 28 modules, $97. Hosted on a HubSpot domain but authored by the listing vendor, so it is trea

“16 Page templates, 11 System templates, 5 Sections, 28 Modules. $97.”

Revision history

1 revision since publication
Originally published