-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
Transforming the website of Imaginate your space.
A service-first website redesign for the team that designs, builds and installs school space
The Challenges
IYS had built a strong reputation for school spaces that last, but their website still sold them like a product shop. Visitors landed on a catalogue and rarely ordered online. The district leaders and principals who actually sign off on a transformation had no clear path to the service or proof of past work. With the logo and core colours locked, the site needed a new story without a new identity.
Before the redesign
What was holding the site back
- 01 The site looked like an online store, not a design firm
- 02 Visitors couldn't tell that IYS designs and installs whole school spaces
- 03 Thousands of product photos, almost no online orders
- 04 Nothing spoke to the principals and directors who sign off
Our Approach
We started with IYS's sales process, not the old sitemap. Every decision after that came back to one question: what does the person who approves a school project need to see, and what should they do next? The IYS team reviewed live prototypes with us twice a week, so the site took shape in the open, the way IYS designs with schools.
The final website
IYS now sells as a service-first partner. A clear structure leads school leaders to Book a Meeting, HubSpot modules let the IYS team update the site and track enquiries, and the SEO groundwork keeps the search value of the old pages.
Key screens
Four screens that carry the IYS story, from the first impression to the work and the products.
-
Home hero · Desktop
-
About hero · Laptop
-
Featured Works · Tab
-
Products · Mobile
01 / 04
Before & After
The old homepage led with products. The new one leads with IYS's own work and a clear path to Book a Meeting. Drag the slider to compare the same hero, before and after.
Typography & Colours
We paired a clean sans with italic and script accents, so pages read easily while key words still feel personal. The teal palette, from deep to soft tones with neutral greys, stays consistent throughout the site and gives IYS a calm, recognisable look.
-
#0C3735
-
#135C59
-
#00877D
-
#E9FBF7
-
#070707
-
#4A4F55
-
#8D8E90
Project timeline
14 weeks, kickoff to launch
- Week 0
- Week 2
- Week 4
- Week 6
- Week 8
- Week 10
- Week 12
- Week 14
Interactive Modules
A school space is hard to picture from a photo, so we made the site something visitors can explore, not just scroll past. Every interaction is there to help school leaders see what IYS can do for their own building, and each one stays simple enough to use the first time.
What we delivered
One team handled strategy, design and development, from the first sales call to launch day. Every deliverable came from what we learned about how IYS sells, and each one was shaped by IYS on the live reviews.
-
01
An audit of the old site
Every page, product and form on the old site reviewed, with what to keep, merge or cut.
-
02
A new site structure with real copy
A sitemap built around services and the portfolio, with copy written for each named buyer.
-
03
UX specs and a design system
Page-by-page UX specs, plus a design system around the locked logo and colours.
-
04
High-fidelity design
Designs for every template, from homepage to project detail, product and blog.
-
05
A HubSpot site IYS runs themselves
A HubSpot CMS build with editable modules, so the IYS team updates the site without us.
-
06
Lead routing, SEO and launch
Forms and meeting booking routed into the CRM, SEO carried over, and a clean launch.
Built on HubSpot, 3D and motion end to end
The 3D scenes, scroll motion and smooth scrolling all run inside HubSpot CMS, and every section is still an editable module.
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
