Project Details

Project Name:

MK Wealth Marketing – HubSpot Website Revamp

Customer:

MK Wealth Marketing

Tech Use:

HubSpot CMS (Content Hub), HubSpot Content Staging, HTML5, CSS3 / SCSS, JavaScript, Figma (Design Workflow)

Website:

https://mkwealthmarketing.com/

Overview

MK Wealth Marketing required a complete website redesign that would modernize the visual experience while maintaining the stability and search performance of the existing site.

The project involved translating new Figma UI designs into a fully functional HubSpot CMS implementation, ensuring that the updated design system remained flexible for ongoing marketing updates.

A key priority was ensuring the redesign could be implemented without disrupting the live website or impacting existing SEO performance. By leveraging HubSpot’s staging environment and modular theme architecture, we delivered a polished, scalable website that aligns with the company’s updated brand identity while remaining easy for internal teams to manage.

Problem Statement

  • Modernizing the Website Experience
    The existing website needed a refreshed design to better reflect the company’s evolving brand and marketing strategy.
  • Preserving SEO Equity
    A redesign risked disrupting existing search performance, making it essential to preserve URLs, metadata, and existing search visibility.
  • Avoiding Downtime During the Redesign
    The client needed the new website to be developed and tested without affecting the live production environment.
  • Empowering Non-Technical Teams
    Marketing teams required the ability to update content independently while maintaining consistent visual presentation across pages.

Implementation and Capabilities

Figma to HubSpot Implementation

The redesign began with detailed UI layouts created in Figma. These designs were translated into responsive HubSpot templates and modules, ensuring precise implementation of typography, layout spacing, and design elements.

The modular architecture ensures that future pages can be built quickly while maintaining consistent design standards.

Zero-Downtime Website Revamp

To avoid disruptions to the live website, the entire redesign was built within HubSpot’s Content Staging environment.

This allowed the team to:

  • develop new templates and modules
  • implement design updates
  • perform content migration
  • conduct full QA testing

Once the new experience was finalized, the staged pages were safely published to production.

Flexible Modular Architecture

Custom HubSpot modules were developed with intuitive editing controls, allowing marketing teams to update content easily while maintaining design integrity.

These modules include built-in guardrails that prevent layout inconsistencies while still providing flexibility for content updates.

Design Consistency Through Theme Tokens

A structured theme system was implemented using design tokens for typography, colors, and spacing.

This approach ensures:

  • consistent branding across pages
  • easier long-term site maintenance
  • faster creation of new marketing pages

SEO-Safe Migration

Special care was taken to ensure the redesign preserved existing SEO performance.

Key steps included:

  • maintaining URL structures
  • preserving metadata and heading hierarchy
  • ensuring crawlable page structures
  • validating redirects where necessary

This ensured the redesign improved the visual experience without sacrificing search visibility.

Impact

  • Delivered a modern website experience aligned with the brand’s updated design system.
  • Successfully launched the redesign with zero downtime using HubSpot staging workflows.
  • Preserved SEO equity while introducing improved layout and navigation.
  • Enabled marketing teams to manage and expand content independently.
  • Established a scalable HubSpot theme framework for future growth.

Subtle Agency Signal

Design-accurate HubSpot implementations that enable agencies and marketing teams to launch modern website redesigns quickly while maintaining performance, SEO stability, and CMS flexibility.

Related Projects

Hubspot CMS Web Development

NAMFAM – NewAgeMompreneurs Community Platform

Development of a community-driven platform designed to support women entrepreneurs by enabling business promotion, networking, and collaboration within a structured digital ecosystem.
Hubspot CMS Web Development

Addictions Training Institute (ATI) – Training & Certification Website

Development of an educational website designed to present professional training programs, certification pathways, and resources for individuals pursuing careers in addiction counseling and recovery support.
Hubspot CMS Web Development

CE-Classes – Continuing Education Platform

Development of an online continuing education platform that enables licensed professionals to browse, purchase, complete training courses, and download certification required for professional license renewal.
Hubspot CMS Hubspot Development

Anaghaya – Custom Shopify Store Development

A customized Shopify storefront developed to enhance product presentation, support affiliate marketing, and improve SEO visibility for a growing fashion brand.
Hubspot CMS Web Development

Rakhi Apparels – Shopify Store Setup & Onboarding

Complete Shopify onboarding and store setup for a new fashion brand, including template customization, product catalog setup, and integration of essential e-commerce apps.
Hubspot CMS Web Development

Cuddles Clothing – Shopify Store Setup

Shopify store setup and template customization for a new fashion brand transitioning from Instagram sales to a fully functional online store.

Power Up Your Project

Request a Quote and Let Us Save the Day!

Request a quote