Loading

Industrial Safety

Canadian Railway Solutions

Railway safety training, industrial rail audits, baseline assessments, track inspection, and derailment investigations, delivered on-site across Canada from Calmar, Alberta.

Canadian Railway Solutions website by TheBomb®
Canadian Railway Solutions mobile website by TheBomb®

The case file

What we built for Canadian Railway Solutions.

Canadian Railway Solutions works in an industry where credibility is everything. Safety training, industrial rail audits, track inspection, and derailment investigations are bought by safety managers, procurement teams, and operators who need to trust a vendor before they pick up the phone.

We built the company its first Astro site, and in October 2026 we rebuilt it from the ground up: a new corporate design system, a full new image set, image-led mega menus, and an app-style shell on phones. The search groundwork from the earlier SEO pass came along intact, checked page by page against a baseline of every title, heading, link, and schema block.

The site now moves like the industry it serves. A pinned, scroll-driven hero glides down an industrial spur toward a tank car loading rack, the logo assembles itself rail by rail on the first visit, and every page change sweeps a navy railway panel across the screen that names the stop you are heading to.

Underneath, the site moved to Astro 7 on Cloudflare Workers, the contact form gained server-side validation, rate limiting, and Turnstile, and more than 30 automated browser tests guard the navigation, transitions, and mobile shell. At launch QA, Lighthouse scored accessibility and SEO at 100 on every public page.

The brief

The problem, and how we solved it.

Challenge

The first site did its job, but next to the regulated, high-stakes work behind it, it read like a brochure. Canadian Railway Solutions needed a presence that matched the procurement teams evaluating it, with room for new services like baseline assessments and COR and SECOR support, without giving up the search ground it had already gained.

Solution

We rebuilt the site on a corporate design system of navy structural bands, light content surfaces, and a single hi-vis orange accent. Mega menus show every service and resource with pictures, phones get a bottom tab bar and a floating call and text button, and motion (a scroll-scrub hero, an animated logo loader, and railway page transitions) gives the brand a confidence the old site lacked.

Problems solved

What was in the way.

Three concrete problems on the old experience, and the fixes we shipped.

  1. A brochure-style site undersold serious, regulated safety work.

    A corporate design system, a cinematic scroll-driven hero, and detailed service scopes present the company as the established operator procurement teams expect.

  2. Nine services, railway guides, and regulatory downloads competed for space in a plain navigation bar.

    Image-led mega menus group the main services, sub-services, and AI integration, and put the guides and the CROR, IROR, and track safety downloads one click from any page.

  3. Field users on phones had to hunt for a way to call or book training.

    An app-style bottom tab bar keeps Home, Services, Call, and Contact under the thumb, with a floating button that opens call and text options on every page.

Search visibility

SEO features built in.

Concrete search foundations for Canadian Railway Solutions, not a generic checklist.

  • Titles, headings, links, and schema checked against a pre-rebuild baseline
  • A dedicated page for each of nine railway safety services
  • New Baseline Assessments service page
  • Plain-language guides to CROR, the Railway Safety Act, and COR vs SECOR
  • Redirects for retired training URLs Google still reported
  • Responsive images sized for every screen

Mobile ready

Built for phones first.

Most visits happen on a phone. The layout, type, and actions are designed for thumbs, not just shrunk from desktop.

  • App-style bottom tab bar: Home, Services, Call, Contact
  • Floating call and text button on every page
  • Floating sheet menu with nested service lists
  • Lightweight hero poster on phones instead of the desktop frame sequence
  • 44px touch targets and no sideways scrolling from 320px up

Outcomes

What the build delivers.

  • A presence that matches the weight of regulated railway safety work

  • Every service, guide, and download within one menu of any page

  • Lighthouse accessibility and SEO at 100 on every public page at launch

  • A shorter path from a phone to a call or a training booking

  • A design system and test suite ready for new services and certifications

Build sheet

How it was built.

Category
Industrial Safety
Location
Calmar, AB
Built with
  • Astro JS
  • TypeScript
  • Tailwind CSS
  • React
  • Cloudflare
Visit the live site

Ready when you are.

Tell us about your project. We reply within one business day.

Free quote · no obligation · plain-spoken advice