Drawn.
The hero drawing is measured geometry, not a trace: every wall, window and brick course placed on the real photo, then revealed by the cursor.
The brief
Every build starts as a drawing. So the homepage does too, and your cursor turns it into the finished house.
Calvin set up Cloud Nine in 2025 after almost ten years building high-end homes for other firms. The work he wants more of is big: new builds and period renovations, the kind of job where a client is trusting one team with their home and a serious budget for months. The site had to look like that kind of builder, put the right people at ease, and quietly sort the serious projects from the small ones before anyone picks up the phone.
- Look as considered as the homes they build
- Answer the fears people have about builders before they have to ask
- Ask the questions Petra asks on the phone, so every enquiry arrives already qualified
What I didWebsite
Drawing-to-built hero
Enquiry triage
Hosting2026 · BAAARK! Sites
Drawing-to-built hero
Enquiry triage
Hosting2026 · BAAARK! Sites
02 / 03Rough idea → wireframe → built properly
The build
Rough ideaWireframeBuilt properly
The pages
From the plan to the handover.
01 · HomeThe plan becomes the house.A line drawing of their own kitchen extension, measured off the photo brick by brick. Move the cursor and the real building shows through. On a phone, the photo leads.
02 · New buildsA page for each kind of job.New builds, period renovations, extensions and landscaping each get their own page, with Calvin's own projects in a slider.
03 · ContactThe custom part: an enquiry that qualifies itself.One question at a time, starting with what Petra asks first: is there planning permission, and when do you want to start?
Under the bonnet
Reassured.
"Letting a builder into your home is a big decision." The fears come first, answered with agreed timelines and a full breakdown of costs.
Qualified.
A step-by-step enquiry with icon answers. No planning yet? It offers an introduction to an architect instead of a dead end.
Proven.
FMB membership, the local football teams they sponsor, their apprentice and their real projects, on the pages where they count.
Fast.
Self-hosted fonts, AVIF and WebP photos at five sizes, and motion that waits until you scroll to it.
Hosted.
Exported on to the BAAARK! Sites platform, with enquiries landing in one inbox and the domain staying theirs.
03 / 03What changed, and what the client said
The results
The results
Live, quick, and asking the right questions.
98Lighthouse performance on mobile
100accessibility score
13pages, one design system
5questions, asked one at a time
- Thirteen pages: home, a services hub with four service pages, projects, about, partners, accreditations and contact
- A homepage hero Calvin said he had never seen on a builder's site
- Every enquiry answers planning permission, budget and start date before it arrives
- Lighthouse 98 for performance on mobile, 100 on desktop, 100 for accessibility
In their words
“I've never ever seen it on anyone else's page in construction. You kind of go, well, that's different.”
Calvin · Founder, CloudNine Construction
