An independent editorial website concept that translates The Camellias at DLF Golf Links into a researched, cinematic and explorable digital journey.
VISIT LIVE PROJECT ↗
THE CAMELLIAS · DLF GOLF LINKS ·ROUTESHOME · RESIDENCES · SOURCES
GALLERY21 FILTERABLE IMAGES
CORE STATESGOLDEN HOUR · AFTERGLOW
CONTENT7-QUESTION BUYER GUIDE
Luxury property websites often separate atmosphere from useful information: imagery becomes a slideshow, specifications become a brochure, and the visitor has no coherent path through either. The challenge was to create emotional presence while keeping every property claim qualified, sourced and genuinely useful.
I designed and built a layered experience around the way a place is discovered: arrival, landscape, residence, club and practical consideration. A day-to-dusk hero, editorial scroll narrative, draggable aerial, residence collection, filterable gallery, buyer guide and source notes all work as one continuous system.
I deliberately did not imitate a live sales portal or invent pricing, availability and performance claims. Published interiors are labelled as reference imagery, historical specifications are dated, and every enquiry path leads to the official DLF website. The concept is clearly identified as independent throughout.
The work is shown as a sequence of decisions and deliverables, including the constraints that shaped the finished experience.
The work began by separating stable project history from information that could change. This established what the concept could explain, what needed a date or source and what had to remain with the official property channel.
The property story was arranged as an arrival followed by increasingly practical layers. The homepage carries atmosphere and orientation; the residences route supports closer consideration without repeating the same content.
Typography, image scale, colour and motion were tested as one system. Each interaction had to reveal a change in time, place or information rather than functioning as decoration.
The concept was developed and tested across desktop and mobile layouts, keyboard navigation and reduced-motion preferences. Remote imagery was treated as a performance and availability dependency, not an invisible assumption.
A restrained golden-hour composition establishes place before detail. The visitor can shift from daylight to afterglow, making time and atmosphere part of the interface.
The address unfolds in architectural sequence: skyline, gardens, golf landscape, residences and club. Varied scale and pace replace the feeling of a conventional property catalogue.
A draggable aerial, contextual carousels, gallery filters, image enlargements and expandable guidance invite exploration while keeping controls legible and keyboard-aware.
The collection, published size range, outdoor living, outlook and interior approach are organised into small, readable moments rather than one dense specification block.
Every material claim is tied to a documented source. Historic information is dated, published interiors are qualified and current availability is intentionally left to DLF.
A dedicated residences page moves from atmosphere to consideration, extending the system without duplicating the homepage or breaking its visual rhythm.
Key interface moments from the live build, presented in sequence to show how the visual system changes across content, interaction and intent.
THE CAMELLIASA world of your own.
THE CAMELLIASThe same horizon, after dusk.
THE CAMELLIASOne considered horizon.
THE CAMELLIASPublished interiors · individually designed homes
THE CAMELLIASWellness · dining · culture · sport
THE CAMELLIASResidences · wellness · dining · landscape
The interface moves between immersion and evidence without changing personality. Oversized editorial typography carries atmosphere; compact labels, clear controls and factual modules bring the visitor back to orientation.
THE CAMELLIAS · DLF GOLF LINKS ·THE CAMELLIAS · DLF GOLF LINKS ·01Layered image states make the passage from day to dusk feel spatial rather than cosmetic.
02Interactive controls remain visible, descriptive and usable without relying on motion alone.
03A second route gives serious visitors depth without overloading the main narrative.
THE CAMELLIAS · DLF GOLF LINKS ·01 / RESEARCH + CONTENT STRATEGY
02 / DIGITAL ART DIRECTION
03 / UX / INTERACTION DESIGN
04 / FRONT-END DEVELOPMENT
05 / RESPONSIVE + ACCESSIBILITY QA
The project separates editorial interpretation from property fact. Every material source is credited, historical claims are dated, image use is disclosed and the experience repeatedly identifies itself as an independent concept.
01DLF · PROPERTY CONTEXT + IMAGERY
02SWA · LANDSCAPE + PROJECT RECORD
03DLF HOSPITALITY · CLUB FACILITIES
04HOME JOURNAL + HK GOLFER · PUBLISHED COLLECTION
05ERA RESIDENCE · INTERACTION REFERENCE
Property specifications, availability and commercial details can change. The concept dates historical information, avoids live-sales claims and directs current enquiries to DLF.
Published interior imagery can be mistaken for a single standard specification. Captions and disclosures identify it as reference material and preserve the distinction between editorial atmosphere and property fact.
A property of this complexity could become an encyclopaedia. The second route and expandable buyer guide protect the main narrative while keeping deeper information available.
The portfolio presentation depends on project-hosted imagery. Responsive sizing, restrained loading priority and readable interface copy keep the experience understandable when bandwidth or asset delivery is imperfect.
Source labels, dates and clear boundaries are not legal footnotes added at the end. They shape hierarchy, language and interaction from the beginning.
Serious consideration required a second route rather than a longer homepage. The separation made both the emotional introduction and the practical material easier to understand.
A commissioned version should validate the sequence with prospective-resident interviews and real enquiry data before adding further interactive features.
The outcome is a complete, responsive two-route experience that demonstrates how rigorous research, art direction, interaction design and front-end development can turn a complex property story into a calm, memorable journey—without sacrificing clarity or provenance.
DISCUSS A PROJECT ↗