Skip to content
FoAr MediaFoAr Media
WorkWork with us
← All work

Website + back office

Olive Estate — a broker-led walkthrough website for a residential estate

A scroll-driven site visit: a broker walks buyers from the estate model to the balcony of their future home, then they shortlist homes and request a visit.

ClientOlive Estate
Year2026
CategoryWebsite + back office
What we didWebsite design · Scroll storytelling · Interactive tour · Back office
Try the live demo Build one like this
Olive Estate — a broker-led walkthrough website for a residential estate

The brief

Buyers usually meet a new residential project through a brochure PDF and a sales call. Olive Estate wanted the website to feel like the site visit itself — the way a broker would walk a family through it.

The tour had to work on a phone, let buyers compare towers, floors and home sizes, and hand every serious enquiry straight to the sales team.

What we built

The site follows the broker's storyboard as 15 stops — welcome, sales office, estate model, gate, parking, garden, play area, clubhouse, pool, towers, lobby, lift, landing, apartment and balcony — ending at the buyer's shortlist.

Along the way there are hotspots that open photo drawers, a tower selector, a lift that takes you to the floor you pick, room-by-room apartment tours by BHK, and a day and evening balcony view. Buyers save homes to a shortlist, compare them, share a link with family and request a site visit.

Every visit request lands in the broker back office with the shortlisted homes attached, so the sales team knows exactly what the buyer wants to see, and moves it from new to contacted, confirmed, visited and closed.

  • 15-stop guided tour that follows the broker's storyboard
  • Tower, floor and BHK selectors with room-by-room tours
  • Shortlist with compare and a shareable link for family
  • Visit requests reach the broker back office with the shortlist attached
  • Separate desktop and mobile image sets for fast loading on phones

Inside the build

Welcome — four towers around a garden, a clubhouse and a pool
The estate model with hotspots for every tower and amenity
The central garden stop
Pool and outdoor courts
Choose a tower — compare facing and walking distance
The lift takes buyers to the floor they pick
Room-by-room apartment tour with the floor plan
The balcony view, day and evening
Shortlist, share and request a site visit
Mobile welcome
Mobile apartment tour
Broker back office — visit requests with the buyer's shortlist and status
Built withHTML, CSS & JavaScriptGSAPLenisNode.js

Your turn

Want a website and back office like this?

Tell us about your business. We reply within 2 working days.

Start a project
Next projectDentalgen — a scroll-story clinic website with a front-desk back office →
FoAr Media · Faceless stories, made in India
All workContact
© 2026 FoAr Media