Quiet Authority
The site avoids loud luxury signals. Editorial typography, measured spacing, warm surfaces, and subtle reveals make the project feel confident without over-selling.
Loading
Back to work
Elite Tier Case Study
Luxury Residential / Dehradun
AuraHeights.
A luxury real estate website for a RERA-registered Mussoorie Road residential project, designed to work as brand statement, brochure, and sales tool at once.
Mussoorie Road48 residencesDomain migration pending
Front page capture
Client
Aura Heights
Location
Mussoorie Road, Dehradun
Services
Web Design, Web Development
Timeline
2 weeks
Status
Live preview, domain migration pending
Preview
auraheights.netlify.app
Development
Solo developed by Piyush Arya
The brief
Build a premium address, not a listing page.
Aura Heights needed to position a 48-residence luxury project on Mussoorie Road with the care of a brochure and the utility of a sales tool. The site had to communicate trust, floor plans, specifications, location, and aspiration without becoming a property aggregator.
The design approach was quiet authority: warm surfaces, bronze accents, editorial serif type, subtle reveals, and a buyer journey that validates the project before asking for an enquiry.
Dark theme
Bronze, marble, and sage in a quieter register.
The project uses a dual-theme system. This case study leans into the darker alternative from the site palette to keep the portfolio cinematic.
Dark Background
#0F0D0B
Primary page base
Secondary Dark
#1A1714
Section surfaces
Marble Dark
#252018
Cards and panels
Warm Text
#F5F0E8
Primary copy
Bronze
#C9A04A
Accent and CTA
Sage
#5A7A5C
Landscape signal
Design decisions
Luxury through discipline, not decoration.
Buyer Sequence
The page order follows how a premium buyer evaluates property: positioning, trust, plans, specifications, features, gallery, location, and enquiry.
Trust Before Sell
RERA, MDDA, gated security, unit data, and specification depth are surfaced before heavy emotional selling, because credibility matters at this price point.
Site architecture
The same order a serious buyer needs.
Trust signals come before floor plans because buyers in this segment validate RERA, MDDA, and project quality before they study layouts. Each section advances that evaluation.
Hero with address and premium positioning
Overview facts and project scale
RERA, MDDA, and security trust signals
Tabbed floor plans with six unit types
Dark vision section with scroll-triggered video
Accordion specifications by category
Gallery route and visual preview strip
Mapbox location section with connectivity data
Floor plans
Six layouts, made scannable.
The floor plan section uses tabs for three main configurations, with L/R variants shown together and keyplan diagrams included so buyers can evaluate light, privacy, and placement.
2BHK L1 - R1, 1913 sq ft
3BHK L3 - R3, 2570 sq ft
3BHK+ L2 - R2, 2596 sq ft
L/R mirrored variants shown together
Keyplan diagrams included with floor plates
Enquiry CTA attached to each unit type
Location system
Mapbox kept the map inside the brand.
The location section uses Mapbox instead of a default Google Maps iframe, allowing the map to carry the same warm, muted visual language as the rest of the site. Seventeen connectivity landmarks are paired with the map to turn location into an interactive sales point.
Outcome
A premium address with a buyer-ready digital presence.
Full website designed and developed in 2 weeks
Solo developed by Piyush Arya for Luxie Sites
Deployed to Netlify with migration to theauraheights.com pending
Six unit types surfaced with floor plans, keyplans, and sq ft data
Specification accordion rebuilt from dense brochure content
Mapbox location map paired with 17 connectivity landmarks
Positioned as a premium residential address, not a commodity listing