How To Redesign A Website In Hubspot

Don't have time to read this? Schedule a 30-minute call and we will walk you through exactly how this applies to your business. Book a call

Key Takeaways

• HubSpot CMS redesigns are closely tied to your HubSpot marketing setup, forms, CTAs, workflows, and landing pages all live within the same platform. Changing templates can break these connections if not carefully managed.
• HubSpot's built-in SEO tools are useful but limited. The platform does not give you the same granular control over technical SEO that Webflow or a properly configured WordPress install provides.
• Template-based design in HubSpot means the visual redesign is constrained by what your theme's modules support. Custom development is required for anything beyond the theme's built-in configuration.
• The advantage of redesigning within HubSpot is that your marketing stack stays intact. The limitation is that the design ceiling is lower than most purpose-built web design platforms.

Is a HubSpot website redesign the right move, or is the real question whether you should keep your website on HubSpot at all?

Both questions are worth answering before the work begins.

Here is how to approach a HubSpot redesign intelligently, including when staying on the platform makes sense and when a migration produces better long-term results.

Understanding HubSpot CMS Architecture

HubSpot CMS (now called HubSpot Content Hub) is different from most website platforms in one important way: the website is part of your marketing and CRM infrastructure.

What that means practically:

• Forms on your site connect directly to HubSpot contacts and workflows
• CTAs placed through HubSpot's CTA tool track click-through rates in HubSpot
• Landing pages created in HubSpot connect to campaigns, lists, and automation
• Blog posts are managed through HubSpot's blog tool with SEO recommendations built in

When you redesign the site, you are not just changing the visual layer. You are working inside the same environment that runs your lead generation, nurturing, and reporting. A mistake in the redesign can break form routing, disrupt automation triggers, or orphan CTAs from their tracking.

This is the primary reason HubSpot redesigns require more careful scoping than a typical template swap on another platform.

When to Redesign Within HubSpot

Staying on HubSpot for the redesign makes sense when:

• Your marketing team is deeply embedded in HubSpot's tools (sequences, workflows, smart content, CTAs)
• The site is primarily a lead generation tool tied tightly to HubSpot's CRM data
• The marketing team manages the site without developer support and needs an editor they already know
• The redesign is primarily visual: new brand, new layout, cleaner navigation, not a structural rebuild

When to consider moving off HubSpot:

• Design flexibility is critical and the current theme's module constraints are limiting what you can build
• Page performance is consistently poor and HubSpot's hosting performance does not meet your needs
• The SEO requirements go beyond what HubSpot's tools can support
• HubSpot CMS is expensive relative to the website value it provides (especially on lower tiers)

Most corporate website redesigns that need a fresh visual identity and improved conversion can be executed within HubSpot. Most redesigns that require complex custom layouts, maximum design control, or superior Core Web Vitals performance are better served by moving to a platform built specifically for the web experience layer.

For the full comparison, the website redesign tools landscape covers how HubSpot compares to dedicated web design and CMS platforms.

The HubSpot Redesign Process

Step 1: Audit Before Starting

What to document:

• All site pages and their current URLs (export from HubSpot Content > Website Pages)
• All landing pages and whether they are connected to active campaigns
• All CTAs and their placements
• All forms and the workflows they trigger
• Blog content inventory
• Current SEO performance: export from HubSpot's SEO tool and from Google Search Console

This audit reveals what must survive the redesign intact and what is safe to change.

Step 2: Decide on Theme vs. Custom Development

HubSpot redesigns use one of two approaches.

Option 1: New HubSpot Theme

HubSpot's Theme Marketplace and the HubSpot Asset Marketplace offer pre-built themes you can purchase, install, and customize.

Advantages: Faster implementation, lower cost, no custom development required.

Limitations: Visual output is constrained to what the theme's modules support. Unique layouts require workarounds or custom code injection.

Well-regarded theme sources: IMPACT's free themes, HubTheme, Sprocket Rocket, themes from HubSpot-certified partners.

Option 2: Custom HubSpot Theme Development

A HubSpot developer builds a fully custom theme using HubSpot's CMS development tools: HubL (HubSpot's templating language), modules, and the local development environment.

Advantages: Full design control, custom module behavior, no constraints from a pre-built theme.

Cost: Custom HubSpot theme development typically runs $15,000 to $50,000+ depending on complexity.

Step 3: Build on a Sandbox or Staging Domain

HubSpot does not have a native staging environment for website pages in the same way that WordPress hosts do. However, there are options.

Options for staging a HubSpot redesign:

• HubSpot Sandbox Account: Available on Professional and Enterprise plans. Creates a separate HubSpot account environment for development and testing. Best option for complex redesigns.
• Staging domain: Set up the redesigned pages under a staging subdomain (staging.yourdomain.com) using HubSpot's domain management. Requires DNS configuration.
• Password-protected pages: Build redesigned pages with a page-level password while development is in progress. Less comprehensive than a true staging environment.

For significant redesigns on Professional or Enterprise plans, using the sandbox is the recommended approach.

Step 4: Migrate Content

When the new theme is ready, content must be entered or migrated into the new templates.

HubSpot-specific migration considerations:

• Pages built on the old theme do not automatically transfer their content to new module layouts. Content must be manually re-entered into the new modules.
• Blog posts do not require re-entry, they live in the blog database and apply the new template automatically when the theme is changed.
• Landing pages tied to active campaigns should be migrated last, after verifying form routing and workflow triggers in the new template.
• CTAs should be reviewed after migration to confirm they are still associated with the correct pages and campaigns.

Step 5: Protect SEO During the Redesign

HubSpot's SEO tools provide basic guidance but limited control over technical SEO.

What HubSpot manages automatically:

• Sitemap generation
• Basic meta fields (title, description) per page
• Canonical tags

What requires manual attention:

• URL slug changes (set up redirects in HubSpot > Settings > Domains & URLs > URL Redirects)
• H1 and heading structure across pages (HubSpot's blog tool auto-generates H1 from the title, but website pages require manual configuration depending on the module)
• Schema markup (requires custom code module injection in most HubSpot themes)
• Core Web Vitals optimization (limited control within HubSpot's hosting environment)

Before launch, verify:

• [ ] All changed URL slugs have 301 redirects configured in HubSpot's redirect manager
• [ ] Meta titles and descriptions are unique on every page
• [ ] No pages are accidentally set to "Don't index" in page settings
• [ ] Canonical tags are correct on all pages
• [ ] Submit updated sitemap to Google Search Console

Step 6: Verify All Marketing Integrations Before Launch

This is the step that is unique to HubSpot redesigns and cannot be skipped.

Integration verification checklist:

• [ ] Every form submits correctly and routes to the correct list or workflow
• [ ] Workflow enrollment triggers (form submission, page view) still fire on the new pages
• [ ] CTAs display correctly on the pages they are assigned to
• [ ] Smart content rules (showing different content to leads vs. visitors) function on redesigned pages
• [ ] Any chatbot or live chat placements load on the correct pages
• [ ] Email subscription and unsubscribe flows work correctly
• [ ] Any HubSpot-powered ecommerce or payment integrations are verified

Break any of these during a redesign and you break your revenue operations.

Step 7: Launch

When the redesign is fully tested:

1. Update DNS if moving to a new domain or subdomain setup
2. Publish all redesigned pages
3. Verify all redirects are live and resolving correctly
4. Run a spot-check: load 10 to 15 key pages and confirm they display correctly
5. Submit the updated sitemap to Google Search Console
6. Monitor HubSpot's contacts dashboard for any unexpected drop in form submission volume
7. Monitor Search Console for crawl errors and indexing coverage

Webflow Development Services

Webflow Experts On-Demand

Whether you're starting fresh or need a full revamp—we create fast, modern Webflow sites built for growth.

Let's talk

The Corporate Website Question

HubSpot is frequently the platform of choice for B2B companies whose marketing teams are fully invested in HubSpot's ecosystem. The corporate website redesign process covers how redesign decisions change when the site is primarily a demand generation asset embedded in a CRM-driven marketing operation.

LOW/CODE Agency is a leading AI product team for SMBs and startups. We have executed HubSpot redesigns for B2B companies that needed to modernize their site without disrupting active marketing operations, and we understand how to scope the work so the CRM, workflows, and lead tracking come out of the redesign intact.

Website projects start at $10,000+. Let's talk