Case Study:Crana Construction

Crana Construction is a leading Vancouver-based construction company recognized for delivering luxury custom homes, structural renovations, and commercial construction projects. Their previous website no longer reflected the quality of their craftsmanship or supported their growing portfolio. We designed and developed a modern Webflow website that strengthens their brand, showcases completed projects, and creates a seamless experience for homeowners and commercial clients looking for a trusted construction partner.

Opening Summary

Crana Construction, founded by brothers Michael and John Gill, is a premier Vancouver-based construction firm specializing in luxury residential builds, structural renovations, and commercial projects. Despite their reputation for precision and high-quality craftsmanship, their digital presence did not reflect the elevated nature of their work. They needed a new website built from the ground up that would serve as a powerful trust signal for high-net-worth homeowners and commercial clients, showcasing their extensive portfolio with the same attention to detail they bring to their physical builds

The Problem

High-end construction is a highly visual and trust-based industry. Crana Construction faced several key challenges with their previous digital footprint:

Misaligned Brand Perception

The old design felt dated and failed to convey the “luxury” and “precision” that defines their actual service.

Friction in the Portfolio

Updating completed projects (like their Homer, Mt. Pleasant, and Jericho builds) was cumbersome, leading to an outdated project gallery that didn’t highlight their best recent work.

Poor User Journey

The pathway from browsing a portfolio piece to requesting a project estimate was disjointed, resulting in a lower conversion rate for high-value leads.

Lack of Trust Signals

Client testimonials, safety standards, and their 2-5-10 warranty options were buried rather than being used as core selling points.

Unlock the full case study

Enter your work email and we’ll grant you instant access to the complete write-up.

We’ll only use your email to send this case study and occasional related insights. No spam.

The Approach

Because the client needed a site that was both visually stunning and easy to manage, I chose to design and develop the website from scratch using Webflow. The strategy was divided into three core pillars:

Technologies & Execution

Webflow (Development & CMS)

Built entirely from a blank canvas in Webflow. I utilized Webflow’s CMS to create dynamic templates for the Projects and Services pages.

Figma (UI/UX Design)

Wireframed and prototyped the user journey prior to development to ensure the layout maximized lead generation.

Custom Interactions

Implemented subtle, sophisticated load-in animations and hover states that feel premium without distracting from the content.

Responsive Optimization

Ensured pixel-perfect rendering across all breakpoints. Given that many clients browse on iPads and mobile devices, the mobile navigation and image galleries were highly optimized for touch.

Technical SEO

Structured the site with proper semantic HTML, optimized image sizes for fast loading speeds, and implemented localized SEO tags targeting the Vancouver Lower Mainland market.

Conclusion

The new Crana Construction website bridges the gap between their exceptional real-world craftsmanship and their digital identity. By leveraging Webflow, I delivered a bespoke, high-performing platform that not only looks like a luxury brand but operates like a lead-generation machine.above case study k liye proper images create kro single single not in collage
The site now effectively communicates their established process, highlights their glowing testimonials, and makes it incredibly simple for prospective clients in Vancouver to view their work and request an estimate. Furthermore, the Webflow CMS handover empowered the founders to keep their portfolio completely up-to-date, ensuring the site grows alongside their business.

More Case Studies

PPA Tour Australia has become a leading force in growing pickleball across Australia and New Zealand. As the organization expanded, its website needed to support larger tournaments, dynamic player data, regular news updates, and online merchandise.

Web Design

Landing Page

Building an online presence for a life-sciences brand requires a tight balance of clean visual design, flawless user experience, and strict regulatory clarity. This case study details how Solatide Biosciences—a premier Australian provider of research-grade peptides

Web Design

Landing Page

Building a premium AI-powered support platform for the Swedish enterprise market. Replion transforms existing documentation into an intelligent customer support layer, helping businesses reduce repetitive tickets while maintaining enterprise-grade security and seamless human handoff.

Web Design & Development

With Tracking System

Crana Construction is a leading Vancouver-based construction company recognized for delivering luxury custom homes, structural renovations, and commercial construction projects. Their previous website no longer reflected the quality of their craftsmanship or supported their growing portfolio

Web Design

Landing Page

Thank You for Reaching Out!

We’ve successfully received your request. Our team will review the information and get back to you as soon as possible.

Want to add anything else? Simply reply to the confirmation email we’ve just sent you.

Apply For Job

* Indicates a required field