Alder & Beam

A service-business homepage built around one clear next step for homeowners planning a renovation.

Try the demo

Alder and Beam renovation website mockup with an estimate button and a modern oak kitchen — DesktopView full preview

Alder and Beam on a phone, with an oak kitchen and a full-width Request an estimate button — MobileView full preview

Try the interactive concept

Open the interactive demo

The brief

A renovation company needs to show the quality of its work and make the estimate process approachable. Visitors should know where to start even if their plans are early.

Design decisions

Put an estimate request beside the opening headline so visitors see it before scrolling.
Show a finished residential kitchen to make the firm’s work and aesthetic concrete.
Use charcoal, warm neutrals, and a burnt-orange action color to separate the inquiry button from surrounding content.

The headline, finished kitchen, and estimate action become one vertical sequence. The orange button retains its emphasis and gains a wider tap area.