Bro's Tows & Recovery runs the Highway 12 corridor between Blaine Lake and Saskatoon, eight trucks covering central Saskatchewan in any weather. The site had one job: get a stranded driver to a phone call fast, and rank for the searches people make in an emergency.
Everything was designed mobile-first, since that is where the calls come from. Two actions stay one thumb-tap away no matter how far down the page you scroll. Underneath the homepage, the site had to win high-intent local searches like “tow truck Saskatoon” and “ditch recovery,” so I built it to rank as hard as it converts.
Claude helped with strategy, copy, and the structured-data scaffolding, which kept a 26-page build moving without losing design polish.
The look is rugged and high-contrast: a dark theme, Barlow Condensed set huge and extra-bold, and an orange-and-red accent system. Teal and amber are held back and used only for live status, so a glance tells you whether you are reading marketing or real-time data.
Framer Motion handles the motion: section reveals and a pulsing dispatch indicator, restrained enough that it never competes with the call button.
The corridor pages for Highways 11, 12, and 16 are the centrepiece. Instead of static service copy, they pull live data: road-segment conditions from the Saskatchewan Highway Hotline, and current weather from Environment Canada. Both feeds are fetched server-side and cached, keeping the pages fast and the government endpoints unbothered.
An interactive Leaflet map plots the route and colour-codes every segment Clear, Caution, or Poor. The same dashboard shifts with the weather, so a clear day reads all green and a winter storm reads red end to end.
The strategic payoff: a service page becomes a tool drivers actually check before a trip, which is exactly the moment you want them to save the number.
Behind the homepage sits a 26-page system, built programmatically from structured data and interlinked so authority flows between related pages: town pages, the three live corridor dashboards, service pages, “what do I do” problem pages, and seasonal pricing and coverage pages.
Each page carries trimmed titles and descriptions plus LocalBusiness, FAQ, and BreadcrumbList structured data, with a shared footer cross-linking related services and locations. Every call and text tap is tracked as a conversion, so the site's impact on real leads stays measurable.
More Web Experiences
Like what you see?
Get in touch →