-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)
Moving Lurian's website to HubSpot, pixel for pixel.
A like-for-like migration for a workplace interior firm, rebuilt from the live site with no design files.
The Challenges
Lurian's site already looked the way they wanted, so the goal was a switch nobody would notice. The only reference was the live site itself. Every spacing value, type size, video and scroll effect had to be read from the browser and rebuilt by hand in HubSpot.
Before the migration
What the move had to get right
- 01 No Figma file, only the live website to work from
- 02 Every page had to match the original pixel for pixel
- 03 The video hero, smooth scroll and carousels had to feel the same
- 04 All of it had to become modules Lurian's team can edit
Our Approach
We treated the live site as the design file. Rather than copying it page by page, we broke the site into the sections it repeats, built each one once as a HubSpot module, then put every page together from that set. The build stayed consistent, and Lurian got a module library it can keep using.
The final website
Lurian's site looks and moves the way it always did. The difference is underneath. Every page is built from HubSpot modules, so the team can update copy, swap images and add projects without touching code or breaking the design.
Key screens
Five sections from the HubSpot rebuild, each matched to the original Lurian site on every screen size.
-
Our story · Desktop
-
Projects hero · Tab
-
Valerius & Thorne project · Mobile
-
Insights · Laptop
-
Contact CTA · Tab
01 / 05
Typography & Colours
We kept Lurian's identity exactly as it was. Space Grotesk carries the headlines and body copy, Roboto Mono handles the small labels, and the palette stays black, white and grey with a single amber accent.
-
#000000
-
#191919
-
#FAAD00
-
#DBDBDB
-
#FFFFFF
-
#666666
-
#F3B633
Project timeline
[X] weeks, live site to launch
- Week 0
- Week 1
- Week 2
- Week 3
- Week 4
- Week 5
Interactive Modules
Lurian sells space, so the site leans on movement: a video hero that cycles through three ideas, smooth scrolling, and project images that drift past. We rebuilt all of it in HubSpot, and all of it stays editable.
What we delivered
One team handled the audit, development and launch. Lurian kept the website it already knew, now running on HubSpot and built from modules its own team can edit.
-
01
Site audit
A page-by-page record of spacing, type, colours, breakpoints and animations, taken from the live site.
-
02
Section map
Every page broken into its repeating sections, the blueprint for the module library.
-
03
HubSpot module library
Modules with editable fields, one for each section of the site.
-
04
Page templates
Templates covering home, projects, services, insights, about and contact.
-
05
Project database in HubDB
Name, service, location and duration for every project, in one table.
-
06
Motion layer
Video hero, smooth scroll, reveals and image carousels, rebuilt with GSAP, Lenis and Swiper.
Same site, now on HubSpot
The smooth scroll, GSAP animations and video hero moved over untouched, and projects now come from HubDB.
Featured in the HubSpot Solutions Directory
- Smart CRM
- CMS Hub
- Meetings
- Forms
Smart CRM
“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
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
