Pixel-accurate build from Figma
Responsive layouts for desktop, tablet and mobile.
Case Study
WEBFLOW · CMS · FIGMA
A home builder website the team updates themselves
A Canadian builder of luxury acreage and custom homes needed a site that matched the quality of its homes and grew with its portfolio. The client supplied the designs in Figma; we built the site in Webflow with a CMS for homes and floor plans.
ClientCustom home builder
LocationCanada
ServicesWebflow development, CMS development
Client Rating★★★★★5.0
The Challenge
A growing portfolio needed a site the team could run
The builder adds new homes and floor plans regularly and didn’t want to rely on a developer each time.
It also needed enquiries to arrive with enough detail, such as whether the buyer owns a lot and when they plan to build, to prepare for a first consultation.
BEFORE
New homes added without a developer
BEFORE
A browsable floor-plan collection
BEFORE
Enquiries with lot and timing details
How it works
From browsing homes to booking a consultation
Five steps from first visit to a qualified enquiry.
- 01
Browse homes
Builds for sale and sold.
- 02
Open a home
Bedrooms, bathrooms, area and description.
- 03
Explore floor plans
The builder's standard designs.
- 04
Read services and FAQs
Turnkey build, bespoke design, oversight.
- 05
Request a consultation
Form asks about lot and timing.
What we built
Seven parts, one site
Homes CMS collection
A page per build with status, bedrooms, bathrooms, floor area and description.
Floor-plan collection
Standard home designs as a browsable CMS list.
Service and about pages
Turnkey construction, bespoke design and project oversight.
FAQ section
Common questions about custom builds, lots and timelines.
Qualifying consultation form
Asks whether the buyer owns a lot and when they plan to build.
Webflow interactions
Scroll and hover animations.
Process
How the site came together
01
Define
Pages, CMS collections and form fields agreed.
02
Discovery
Home and floor-plan content structure mapped.
03
Design handover
The client supplied Figma designs; we planned the Webflow build.
04
Test
CMS templates, forms and mobile layouts tested before launch.
Tech Stack
Built on Webflow
HTML
CSS
Webflow
Webflow CMS
Webflow Interactions
Figma
The Outcome
New homes go live without a developer
The builder's team adds new homes and floor plans through the CMS, and the consultation form collects lot and timing details with every enquiry.
2
CMS collections: homes and floor plans
Figma
Built to the client's designs
Webflow
CMS the team edits itself
Qualified
Lot and timing on every enquiry
More Work
Other projects
Turn Your Vision Into a Digital Product That Works
Have an idea, an existing platform or a business challenge that needs the right technical direction? Share your goals with our team, and we’ll help you identify the most practical path forward.
