Alder & Beam

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

Alder and Beam renovation website mockup with an estimate button and a modern oak kitchen — Desktop mockup

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

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.

On mobile

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