Hartwell Constructions

Website · Webflow example

A residential builder's site in the Webflow idiom: full-bleed photography, a floating pill nav, and project cards the client can add to themselves.

Hartwell Constructions home page, scrolling from the dusk photograph and headline through the about panel, services, process and project cards

Hartwell on a phone: headline over the photograph, the about panel and the services

Some clients want to add a finished job themselves, so this one is built the way I build in Webflow: a fixed-price builder with the projects, services and process steps all as CMS collections, and a layout in the current Webflow template idiom. A dark pill nav floats over a full-bleed photograph, the headline is set light and very large, and each project is an image with a white detail panel sitting inside it.

The rest is the information a builder's site is actually for: what they build, how a job runs in four steps (site visit, approvals, an HIA fixed-price contract, handover), three recent projects with size and duration, one quote, and a short form to book a site visit. Licence number and HBCF insurance are in the footer where a careful client looks for them. A studio example for builders, trades and anyone who wants a site they can update without calling me.

Built with Webflow, Webflow CMS, Finsweet Attributes.