Alder & Stone
A refined renovation brand experience designed to turn high-value property enquiries into structured consultations.

The brief
Alder & Stone demonstrates how a premium renovation studio can communicate craft, materiality and trustworthiness through editorial digital design. The concept explores the tension between showing completed work and guiding prospective clients toward a structured consultation — converting browsing into qualified project conversations.
Property owners planning significant renovation investment ($50K+) who need to verify a studio's aesthetic sensibility and project management capability before making contact.
Home → Portfolio gallery → Project case study → Services overview → Consultation enquiry form → Confirmation with next-step summary.
Design thinking
Warm stone, aged brass and deep forest tones reference the materiality of the work itself. Oversized portfolio photography dominates the layout. Typography uses editorial serif headlines against clean body text to communicate considered craft.
What was built
- 01Homepage with material-led hero and portfolio preview
- 02Portfolio gallery with project filtering by type and scope
- 03Individual project case study with material and process detail
- 04Services page with scope and investment guidance
- 05Consultation form with guided project scoping assistant
How it works
- Guided project assistant collecting scope, budget and timeline
- Supabase lead storage with project type classification
- Owner notification email with full enquiry detail
- Client confirmation email with consultation preparation guidance
Standards considered
Focus management implemented for guided assistant steps. All interactive elements meet 44px minimum touch target. Reduced motion preference respected for portfolio transitions.
Ready to build something similar?
Share what you are building and receive a clear scope and next step.
Start a Similar Project