Web Design6 min readOctober 14, 2026
Bosk Construction Case Study: A Webflow Website That Lets the Work Sell
26
LET'S CONNECT
Free website audit — on us.
Book a call and we'll map out quick wins plus a plan to turn your site into a growth engine.
Book a call and we'll map out quick wins plus a plan to turn your site into a growth engine.
Bosk Construction builds high-end residential and commercial projects. Their old website didn't show it. The work was strong, but the site gave visitors little reason to trust it and no clear way to ask for a quote.
This case study walks through how we rebuilt boskconstruction.ca in Webflow: what was holding the old site back, the three custom galleries we built so the photography could do the selling, and the quote path that ties it together.
Key Takeaways
Bosk needed a website that felt premium and credible, something that matched the quality of their builds and helped turn visitors into inbound quote requests. Four problems stood in the way:
For a construction company, these aren't cosmetic issues. A prospective client is weighing a large, long-term decision, and the website is often the first proof they see. In construction, the site has to carry trust before anyone picks up the phone.
We designed a conversion-first Webflow site with a clean structure, stronger project storytelling, and an information architecture built for local intent. The homepage was rebuilt around credibility and proof, and the portfolio became the centre of the experience instead of a page buried in the menu.
The biggest decision was how to present the photography. Bosk's projects are their best sales tool, so we built three custom galleries, each designed for a different moment in a visitor's decision.
Built in Webflow with custom JavaScript and GSAP, this gallery gives Bosk's construction photography room to lead. On desktop, a large centre image is framed by smaller previews. Selecting a preview, or a name in the gallery list, brings it into focus with coordinated image transitions, animated titles and a live slide counter.
Bosk's project index presents completed work in a photography-led grid. Large images, clear project names and direct links to each project page give visitors a straightforward way to explore residential and commercial builds.
Each project page pairs a short scope summary with an oversized lead image, then opens into a gallery of landscape and portrait photography. Varied image sizes and generous spacing show both the finished spaces and the smaller details, and custom entrance animations introduce the content as visitors scroll.
Beautiful galleries only matter if a convinced visitor knows what to do next. We added a clear call-to-action system with three paths, quote, consult and contact, so a visitor ready to price a project and one who just has a question each have an obvious next step.
Underneath, the site has an SEO-ready page structure and metadata foundation, built around how people search for builders in their area. It's the groundwork that local SEO for construction companies is built on.
A premium-feeling site that builds trust quickly, shows the work clearly, and supports lead generation with a clean path to a quote request. Bosk's projects now lead the experience on every device, and the site finally looks like the company that builds them.
See the full project on the Bosk Construction case study page, or visit the live site at boskconstruction.ca.
Question
What platform is the Bosk Construction website built on?
Webflow, with custom JavaScript and GSAP for the homepage gallery's image transitions, animated titles and live slide counter.
Question
How does the gallery work on mobile?
It switches to a dedicated full-screen mobile layout, and the slide a visitor selected is kept when the layout changes, so they never lose their place.
Question
Can Studio Nosa build a website like this for my construction company?
Yes. Website builds start at $2,500, and most launch in 4–6 weeks depending on scope. Start with a free website audit and we'll show you what your current site should fix first.
If your work is better than your website makes it look, get a free website audit. You'll get a written report on what to fix first, whether or not we work together.