Skip to content
herosmith
Heroes / Construction / Halden & Rye
Halden & Rye Site Diary design

Design brief

Why it works.

Extension clients fear months of mess and a blown budget. Let them drag from the old house to the new one, with the weeks and the final price beside it.

Why this layout

  1. 01

    Drag the divider

    the before and after is the proof, and they move it themselves.

  2. 02

    Week ruler in the nav

    14 weeks marked, so 'how long?' is answered while they drag.

  3. 03

    Result card

    14 weeks, quoted $186k, finished at $186k, with the Google rating under it.

Fits

  • Extension and renovation builders
  • Kitchen and bathroom renovators
  • Builders with one strong before/after

Not for

No matching before/after photos

Try instead: Proof Stack

You'll need

  • Before + after photo, same angle
  • Weeks the job took
  • Quoted and final price
  • Google rating and review count

Connects to

  • Plan my extension Any quote form or booking link EASY
  • Calls tel: link on the phone in the nav and the call bar EASY

Works as HTML, Webflow, Framer, WordPress.

Measure

Drags and quote requests per visit

More heroes

All heroes →
Get the code