Northspan Trusses is one of eleven concept designs I built to show what a properly considered website looks like in a specific industry. There is no Northspan Trusses. It’s a finished site for a Northern Ontario roof truss manufacturer that doesn’t exist yet, with real strategy and real code, ready to ship the day somebody in that business calls.
This one walks through an industry most web designers never touch: trusses, framing, the trades. If you run a fabrication shop, a manufacturing business, or anything where builders and contractors are your customers, the decisions here carry straight over.
What was the brief?
One line, same as always:
A rugged, professional site for a Northern Ontario truss manufacturer. Showcases engineering capability, drives quote requests, gives builders confidence before they pick up the phone.
Three words did the heavy lifting. Engineering. Quote. Confidence. Everything else followed from those.
What does a builder actually want from a supplier’s website?
I started by looking at how builders and general contractors pick a truss supplier. They research online before they ever call. And when they rank suppliers, speed, accuracy, and reliability come in ahead of price.
That reorders the whole site. Northspan leads with turnaround time and engineering credentials, not discounts. A general contractor checking a truss supplier isn’t browsing. They have a deadline, a drawing, and a framing crew showing up in three weeks.
I’ll say the quiet part out loud. Most truss manufacturer sites look like they were built in 2008. Some of them were. That’s not a knock on the businesses, it’s an opening. In a trade where the supplier with the modern, clear, fast site is the exception, being that exception is a real edge.
Why the quote request is the entire site
A manufacturer’s website is a lead engine or it’s a brochure. There’s not much in between.
Northspan’s whole job is to turn a builder holding a drawing into a quote request. So the quote form is the centre of gravity, not a “Contact” link buried in the footer. It takes a plan-file upload, and the promise next to it is concrete: a quote back in 48 hours. The product catalogue and the project portfolio exist to get a builder confident enough to hit that form. For the ones who’d rather talk, the phone number sits one tap away on every page.
Everything points at the same two actions. Upload a plan or make a call. A site that tries to do ten things for a contractor does none of them.
Why SVG diagrams instead of stock photos
The visual identity is dark and technical, with a construction-orange accent. Orange because it’s a job-site colour. It reads as trades, not tech.
The bigger call was diagrams over photography. Most industrial sites reach for a stock photo of a hard hat against a sunset. A builder does not want that. A builder wants a span table and a clean diagram showing the difference between a Fink truss and a Howe truss, the spans each one handles, where each gets used.
So Northspan uses SVG truss diagrams instead of stock imagery. They’re sharp at any size, they load fast, and they signal that whoever built this actually knows the product. Stock photos signal the opposite. For an audience that does this for a living, a wrong detail is worse than no detail.
Built for a phone in a job trailer
Contractors don’t check supplier sites from a desk. They check them from a truck cab, a job trailer, a lumber yard, on a phone, with one thumb, often on bad signal.
So the build assumes mobile first and means it. Every page loads fast on a weak connection. The quote form works with one hand. The phone number and the service area are always reachable in a tap. If a builder has to pinch-zoom to find out whether you deliver to their site, you’ve lost them to the next supplier on the list.
How does a regional manufacturer get found online?
A truss manufacturer in the Soo doesn’t need to rank nationally. It needs to own its region.
So the SEO targets exactly that: searches like “roof trusses Sault Ste. Marie” and “truss manufacturer Northern Ontario.” There’s a dedicated service page for each product type (roof trusses, floor trusses, engineered beams), local-business schema markup so search engines and AI assistants understand the service area, and Google Business Profile tied in. When a builder two towns over searches for trusses, the goal is simple. Be the first real result, not the fourth directory listing.
What would change for a real manufacturer
The concept is built clean, which means a real shop would push on it the moment we talked.
Real span and load data behind the catalogue, pulled from their actual engineering. A dealer or distributor login for the lumber yards that resell them. A tie-in to whatever estimating software they already run, so a quote request doesn’t get re-keyed by hand. Maybe a rough self-serve estimator for standard spans.
None of that breaks the design. It extends it. But it only comes out of a real conversation with a real manufacturer, which is the whole reason a concept stays a concept.
The takeaway for the trades
If you run a fabrication shop, a manufacturing business, or a trades supply company and your website embarrasses you a little, the fix is almost never fancier design. It’s a decision about what the site is even for.
For most trades businesses it’s one thing. Turn a contractor who found you into a quote request or a phone call. Pick that, build everything toward it, and cut whatever doesn’t serve it. The orange accents and the truss diagrams are downstream of that decision. Get the decision right and the rest is just execution.
See the full concept
The full Northspan Trusses walkthrough lives in the concept designs section. If your business sells to builders, look at what it’s doing and take what fits your own brief.
Bunker41 is a one-person studio in Sault Ste. Marie, Ontario building custom websites and web apps for small businesses. If you’re in the trades or manufacturing and your site isn’t pulling its weight, say hello.