-2.png)
-2.png)
.png)
.webp)
.png)
.png)
-1.webp)
-1.webp)
.webp)
-1-1.webp)
-2.webp)
-1-1.webp)
-2-1.png)
-1-1.webp)
-1-1.webp)
-1-1.png)
Smart CRM
BOUNCE RATE
-24% drop
Lower is better
Building Swept a HubSpot theme its team can run.
A Figma to HubSpot build for the janitorial software used by more than 40,000 people, delivered as a custom theme in 4 to 5 weeks.
The Challenges
Swept had a finished design and a clear brief: make it real in HubSpot, and make it theirs. A static build would have meant a developer for every new landing page or feature launch. The theme had to give their marketing team control over layout, content and styling while keeping every page on brand.
The brief
What the build had to do
- 01 Match the Figma design on every screen size
- 02 Let Swept's team restyle the theme without code
- 03 Let them build new pages from ready-made modules
- 04 Ship a full blog alongside the main site
The final website
The live site follows the Figma design closely, and every part of it is a module Swept's team can edit. New feature pages and campaigns can go out without a development ticket.
Key screens
The screens that sell Swept, from the homepage to the time tracking tools cleaning teams use every day.
-
Home hero · Desktop
-
Time tracking hero · Laptop
-
Tools for every team · Tab
-
Grow your business · Mobile
-
Reduce turnover · Tab
01 / 05
Typography & Colours
The brand kit on one board: type, colour and how they sit together.
Project timeline
4 to 5 weeks, Figma file to handover
- Week 0
- Week 1
- Week 2
- Week 3
- Week 4
- Week 5
Interactive Modules
A theme only helps if the team actually uses it. Every module has plain fields for text, images and buttons, plus layout options where they matter. Global colours and fonts live in theme settings, so one change there runs through the whole site.
What we delivered
Swept got a website built on a theme it controls. Their team can change colours and fonts in theme settings, drop modules onto new pages, and publish blog posts without asking us.
-
01
Build plan
Every Figma screen mapped to a module, with the fields each module needs.
-
02
Custom HubSpot theme
Theme settings for colours, fonts and spacing that apply across the whole site.
-
03
Module library
Unique modules with editable content and layout options, with sliders built on Swiper JS.
-
04
Page templates
Every page from the Figma file, assembled from the modules.
-
05
Blog templates
Listing and post templates, styled to match the site.
-
06
Hotjar setup
Installed on the live site so Swept can see how visitors use the new pages.
A theme Swept controls
Colours, fonts and spacing live in theme settings, and every section is a module, so Swept's team builds new pages without a developer.
Featured in the HubSpot Solutions Directory
- Smart CRM
- CMS Hub
- Meetings
- Forms
“Before HubSpot, we were living kind of in chaos with Post-it notes. Every lead, every patient type, and every renewal had to be tracked manually, and our front desk was spending more time managing spreadsheets than focusing on patients.”
5.0
See on Clutch Review
Results
Results after the redesign.
Meetings booked each month more than doubled in the four months after launch, as more school leaders found their way to Book a Meeting.
| Metric |
After redesign
|
Before redesign
|
|---|---|---|
| Lighthouse scores out of 100 | ||
| Performance How fast pages load |
94
+18
|
42 |
| Accessibility Usable for every visitor |
98
+18
|
80 |
| Best Practices Clean, secure code |
100
+46
|
54 |
| SEO Ready for search engines |
100
+8
|
92 |
| Site audit | ||
| Site Health Overall technical health |
94%
+24 pts
|
70% |
| AI Search Health Ready for AI search results |
88%
+23 pts
|
65% |
| Errors Critical issues found |
4
97% fewer
|
151 |
| Warnings Smaller issues found |
212
92% fewer
|
2,559 |
AVG. ENGAGEMENT TIME
+1:12 min
Higher is better
VISITOR TO LEAD
+2.5 pts
Higher is better
BOOK A CONSULTATION
Ready to Build the Engine Behind Your Growth?
We build the systems underneath growth. CRM, website, search, outbound, and automation, connected so your team stops doing the work software should do.
Takes 30 minutes
Delivered by certified HubSpot expert
