An immersive real estate landing page designed to generate leads.
The project was to design and build a complete landing page for Amrutha Lake Vista, with one clear business objective: generate leads from potential buyers. The page had to communicate a large amount of project information while creating a premium, immersive experience.
The initial version shared for the project.
After the first version, the client wanted to push the page further — more movement, a more premium feel, and smoother continuity between sections.
The lake is one of the project's key selling points, so I used a wave based preloader to introduce the experience before the page appears. The logo then moves into the navigation as the hero comes in.
Wave preloader → logo transition → hero
I used a consistent motion style across the landing page so the sections didn't feel disconnected. Images zoom out as they enter, while content and visuals use the same swoop-style transitions as you scroll.
Consistent scroll transitions and section continuity across the landing page.
The page had a lot of project information, but I didn't want every section to look like another set of cards or text blocks. I used different layouts, backgrounds and interactions to give each section some visual character while keeping the overall page consistent.
Turned the four key points into a continuously moving wave treatment instead of leaving them as static items.
Used a project image, dark overlay and transparent content treatment to make the section feel more integrated with the page.
The same approach continued into the Signature Elements and Amenities sections, using supporting illustrations, categorisation and hover interactions rather than repeating the same layout.
Visitors can choose the floor plan they're interested in, submit their details to access it, and the selected floor plan is automatically downloaded after the thank-you page. This lets us capture the enquiry while giving the visitor immediate access to the information they came for.
The lead is captured within the download journey, rather than through a separate enquiry step.
I built the landing page directly in HTML, CSS, JavaScript and PHP, and also connected the enquiry flow behind it. The forms collect the visitor's details, track where the lead came from and pass the information to the client's system.
The same flow is used across the enquiry and plan download interactions. Once the form is submitted, the lead is captured with its source and passed to the client's system.
A large part of the audience reaches these property pages from their phones, so I made sure the experience was easy to browse and interact with on smaller screens. The main structure stays the same, with mobile specific banners and bottom sticky actions for the key enquiries.
Desktop layout
Mobile layout with bottom sticky actions