Skip to main content
Back to all projects
Concept WorkCreative FrontendYear: 2026

UrbanNest

Luxury Interior Concept & Multi-Step Interactive Cost Estimator

Live DeploymentSource Code
Multi-step cost estimator with dynamic pricing formulas based on square footage and finishes

↳Multi-step cost estimator with dynamic pricing formulas based on square footage and finishes

01 / CONTEXT

What was this and who was it for?

A concept showcase for a high-end interior architecture studio aiming to pre-qualify residential and commercial clients before initial consultations.

02 / PROBLEM

What was broken, frustrating, or missing?

Potential renovation clients often hesitate to reach out due to price uncertainty, while design studios waste hours filtering unqualified inquiries.

03 / CONSTRAINTS

Design & Platform Boundaries

  • [1]Dynamic cost calculations must update instantaneously without page reloads.
  • [2]Accessible before-and-after image slider supporting full keyboard navigation.
  • [3]Editorial aesthetic with luxurious typography and generous negative space.
04 / DECISION

Architectural & UX Strategy

Created a guided multi-step project estimator that recalculates estimates in real time as users adjust room dimensions, material tiers, and stylistic treatments, capped with an accessible before/after slider.

05 / IMPLEMENTATION

Execution Highlights

Engineered mathematical estimation models factoring in material costs, labor ratios, and finish tiers.
Built a custom accessible before/after comparison slider compliant with WCAG `role='slider'` standards.
Implemented smooth sticky horizontal mobile scrolling for portfolio case study spreads.
06 / TRADE-OFFS

What was compromised & what was gained?

  • /Presented figures as transparent ballpark budget ranges rather than binding contractual quotes.
07 / OUTCOME

Verifiable Outcome

A compelling lead-generation digital experience that demonstrates how interactive calculators can bridge visitor curiosity and commercial consultation.

08 / WHAT CHANGED IN MY THINKING
"Interactive estimators transform passive visitors into active participants. Giving users instant feedback about cost and scope builds immense trust."