Selected work 2024 Industrial safety · Fire systems & rescue Migrated from Legacy static HTML

Total Group

HubSpot CMS Designer & developer · Figma → HubSpot View live site
Live at every breakpoint — desktop · tablet · mobile.
The brief, in three moves

What we built and why.

Problem

Where we started

Twenty-two-year-old industrial-safety company (fire-pump testing, foam systems, technical rope rescue, ITRA training, standby medical) with offices across Canada and the US. Their site had been the same Frankenstein static-HTML build for over a decade. B2B procurement teams at industrial clients couldn't find specific certifications, training tiers, or regional service coverage. Customer logos (Altex, City of Toronto, Hopewell) were treated as decoration rather than as the procurement-grade trust signals they actually are.

Phase 01 of 03
Approach

What we built

Full redesign in Figma anchored on the "People are our business — bottom line" positioning, with high-impact emergency-response photography as the visual spine. Migration to HubSpot CMS so the operations team can publish new training certifications and regional bulletins without engineering. Service-tier IA built around specific certifications buyers actually search for (Fire Pump Testing, Technical Rope Rescue, ITRA Training, Standby Medical). Regional landing pages for Red Deer, Fergus, and Houston so geographic-buyer search intent lands cleanly.

Phase 02 of 03
Result

What changed

Service-tier IA · 3 regional landing pages · 22-year company history finally visible · procurement-grade trust signals elevated

Phase 03 of 03

A 22-year industrial-safety company finally has a site that does justice to two decades of saving lives.

01 / 04

The brief

Total Group had been keeping industrial sites safe across Canada and the US since 2003. Fire-pump testing for refineries. Technical-rope-rescue training for utilities. Standby medical for events. Twenty-two years of expertise sitting on a static HTML site that hadn't been meaningfully redesigned in a decade. Procurement teams calling in for quotes couldn't find what they needed first.

02 / 04

Why migrate off static HTML

The old site couldn't evolve. Every new certification, every new regional office, every new piece of customer logo content required a developer ticket. The operations team had become a bottleneck for their own marketing. HubSpot solved both problems: a CMS the ops team could drive themselves, and a templating layer we could lock down so the brand doesn't drift.

03 / 04

What we shipped

Brand-forward Figma design anchored on real photography from the field — fire crews, rope-rescue training, industrial sites. New service-tier IA where every certification a buyer searches for has its own page (Fire Pump Testing, Foam System Testing, ITRA Training, Technical Rope Rescue, Standby Medical, Elevated Work Platform). Regional landing pages for Red Deer, Fergus, and Houston so a procurement officer searching "fire pump testing Houston" lands somewhere useful.

04 / 04

The numbers

Ten-plus service-category pages live. Three regional offices each with their own landing page. The customer logo wall (Altex, City of Toronto, Hopewell, dozens more) elevated to the homepage where buyers actually look. The operations team publishes new certifications themselves now — the engineering ticket queue for marketing changes is empty for the first time in years.

By the numbers

The work, measured.

22+
Years in business
3
Regional offices
10+
Service categories
Design + dev
Discipline
Keep going

More work, more platforms.

All projects

Got a similar project? Let's scope it together.