← All work Concept · Kitchen & bathroom renovations

Maplewood Renovations

A six-page site for a premium Melbourne renovation builder, with an interactive 3D material board in the hero.

Type

Concept build

Plan level

Signature

Year

2026

Built with

HTML, CSS, Three.js

Visit live site ↗
keenanfrench.github.io/maplewood-renovations-site
Maplewood Renovations homepage
The brief

Renovation buyers are spending $30–80k and are nervous about it. The site needed to feel premium but approachable, answer the big questions (cost, time, disruption) before anyone picks up the phone, and give kitchens and bathrooms their own room to sell.

The approach

A calm, editorial look in stone, sage and brass, the palette of the finishes themselves. Kitchens and bathrooms each get a full page with honest price guides, a gallery and FAQs (marked up for Google). The hero swaps a stock photo for something no competitor has: a real-time 3D board of the materials, which visitors can tilt and pick up.

Design system
Stone#EDE7DD
Charcoal#221D19
Sage#6E8465
Deep sage#4B5E45
Brass#B8955A
HeadingsLibre Baskerville
BodyKarla
Signature feature

An interactive Three.js “material board”: marble, oak, handmade-look tiles and brushed brass, all generated in code so nothing extra downloads. It follows the mouse, lifts a sample when tapped, and pauses when off-screen to save battery.

What was built
  • 6 pages: Home, Kitchens, Bathrooms, Projects, About, Contact
  • Interactive 3D hero (Three.js)
  • Filterable project gallery
  • Price guide tables
  • FAQ schema for Google rich results
  • Mobile-first, no-build static site
Screens
Maplewood Renovations website section
Maplewood Renovations website section
Maplewood Renovations on mobile

Concept project: Maplewood Renovations is a fictional business created to show what a Signature build looks like.

Want one like this? → See the Signature plan