HubSpot - Website Redesign for Entertainment Tech Provider Embed Card

Client

Embed Card

Timeline

5 Weeks

HubSpot Subscription

Marketing Hub Enterprise

CMS Hub Enterprise

Sales Hub Enterprise

Task

Redesign and rebuild the Embed card website in HubSpot CMS with modern UI/UX, SEO + AEO optimization, and seamless integration.

Project Overview

Embed Card is a fast-growing technology platform that needed to transform its outdated website into a modern, responsive, and scalable digital experience. Their previous HubSpot website had old design patterns, limited flexibility, and an inconsistent user journey that no longer represented their brand. Although the client had purchased a HubSpot marketplace theme, they required a fully custom design system, flexible modules, and advanced styling options without altering the base theme. This made the project a perfect fit for HubSpot’s CMS Enterprise capabilities.

Challenges of this Project

Old HubSpot theme structure that made editing difficult

The outdated theme limited layout flexibility and made page building slow.

Blog templates that didn’t support readability or SEO

The old blog format lacked proper typography, structure, and SEO optimization.

Limited styling control (colors, gradients, fonts, spacing)

The team lacked the freedom to adjust core visual elements without the developer's involvement.

Outdated UI and non-responsive layouts

The design looked outdated and did not adapt well to mobile or tablet devices.

Editors needed developer support for even small updates

Simple changes like adjusting spacing or colors required technical help.

Inconsistent design across pages

Pages looked disconnected, leading to a broken and unprofessional user experience.

Old HubSpot theme structure that made editing difficult

The outdated theme limited layout flexibility and made page building slow.

Outdated UI and non-responsive layouts

The design looked outdated and did not adapt well to mobile or tablet devices.

Blog templates that didn’t support readability or SEO

The old blog format lacked proper typography, structure, and SEO optimization.

Editors needed developer support for even small updates

Simple changes like adjusting spacing or colors required technical help.

Limited styling control (colors, gradients, fonts, spacing)

The team lacked the freedom to adjust core visual elements without the developer's involvement.

Inconsistent design across pages

Pages looked disconnected, leading to a broken and unprofessional user experience.

Project Goals

Redesign the website

Contemporary UI & Interactions

Minimal, Clear Layouts

Modular, Responsive & Scalable Design System

Convert Illustrator files to a structured Figma design

Redesign the website

A perfect website

Pixel-perfect website based on the Figma file

Improve mobile responsiveness and page performance

Develop custom navigation, footer, templates, and modules under the child theme

Build a custom child theme to extend the purchased marketplace theme

A perfect website

Depth of Performance and Customization

Improved blog readability, SEO structure, and consistency

Complete control over styling and content updates for the client

Since the client purchased a HubSpot marketplace theme but needed a completely custom design, we built a dedicated child theme on top of it.

Depth of Performance and Customization

Why a Child Theme?

Client Requirement

The client wanted their own design, not the default marketplace theme style

Custom Modules

They needed custom navigation, footer, templates, and modules

Customaization

The child theme preserved the benefits of the purchased theme while allowing full customization. Gives editors complete design freedom with new modules

our process

How We Approach  

Embed Project

Step 1.

Week 1 - Discovery, Design Conversion & UX Planning

Reviewed limitations and converted Illustrator files to Figma
Created a scalable design system and pixel-perfect layouts

Step 2.

Week 2 - Child Theme & Module Development

Built a custom child theme with advanced styling controls
Developed global navigation, footers, and responsive templates

Step 3.

Week 3 - Page Development

Implemented pages based on pixel-perfect Figma designs
Added transitions, animations, and responsive behavior

Step 4.

Week 4 - Blog Redesign

Clean blog listing and post layouts
Improved readability and SEO structure

Step 5.

Week 5 - QA, Testing & Launch

Performance optimization
Cross-device and browser testing
Delivery and training

HubSpot – End-to-End Guest Experience Automation for a Resort & Villa WhiteVillas

A complete marketing and operations transformation was delivered, successfully establishing HubSpot as the definitive and reliable single source of truth for all guest data and operational activities.

View Full Case Study