Independent Concept Project
02Home Services

Alder & Stone

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

SectorPremium Renovation
Capabilities
Premium editorial designConsultation flowGuided project assistantSupabase lead captureEmail notifications
Technologies
Next.js App RouterTypeScriptTailwind CSSSupabaseResend
Visit Live Experience
Luxurious renovated interior with warm stone finishes, natural light streaming through large windows, and premium material detailing
Strategic Concept

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.

Target Audience

Property owners planning significant renovation investment ($50K+) who need to verify a studio's aesthetic sensibility and project management capability before making contact.

Intended User Journey

Home → Portfolio gallery → Project case study → Services overview → Consultation enquiry form → Confirmation with next-step summary.

Visual Direction

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.

Key Screens

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
Functional Implementation

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
Accessibility

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
Alder & Stone — Case Study · AetherShade