Skip to main content
HeartieeWEB
← All work
Real Estate2025

Aura Green City

Atownship,thewayitfeelstolive.

A real-estate site that does what the brochures don't — build belief.

Aura Green City — desktop preview

Stack

  • Next.js
  • TypeScript
  • Tailwind
  • GSAP
  • Motion
  • Analytics

Results

0.006
CLS
8
Amenity sections
Interactive
Master plan
3 stages
Lead forms
100%
Bespoke pages
0
Templates used

The brief

Problem

Township websites are mostly PDFs with extra steps — a static master plan, a specification sheet, a contact form. The buyer walks away knowing the square footage but without any sense of what living there would actually feel like. Aura Green City needed a site that bridged that gap: translating the master plan, the amenities, the locality, and the lifestyle into something a prospect could emotionally respond to, not just scan.

How we built it

Approach

Bespoke amenity walkthroughs built with scroll-driven animation so each space (clubhouse, schools, green areas) is introduced with cinematography, not a thumbnail grid. A locality section organised around the buyer's real question — 'what's around it?' — with distances to schools, hospitals, transit, and weekend destinations laid out as a scannable map-first experience. The master plan is interactive rather than static: hover a zone, get the story of how that block was planned. Forms are split by buyer stage (site visit vs. brochure vs. investor enquiry) so each lead arrives with context the sales team can actually act on. Typography and pace are deliberate. Real-estate sites tend to shout — ours whispers. Headlines are oversized but few; generous white-space is treated as a quality signal (which it is, in a category where every competitor crowds the viewport). Photography is treated as landscape-first, with bespoke cropping per surface rather than stretching master plan JPEGs across every screen size. The full site is responsive from 360px up without ever feeling like a 'mobile version' of the desktop design. Performance and analytics were engineered from the start, not bolted on. Every lead form emits a structured event with source, buyer-stage, and page context into the client's CRM. Heat-mapping was set up from launch day, so the sales team had real data on which amenity pages drive enquiries within the first month. The result: bounce rate fell 38%, session duration crossed three minutes, and site-visit requests scaled 2.4× against the previous property microsite. The site continues to serve the sales cycle well past launch. New amenity content, updated master plan phases, and seasonal photography are all editable via a lightweight CMS without touching code, so the site stays current without depending on the development team for every update.

Feature showcase

The bits worth zooming into.

Aura Green City — Master plan
01 · Page type

Master plan

The township master plan rendered as a readable aerial — plotted layout, road network and plot sizes a buyer can actually navigate, not a flattened PDF.

Aura Green City — Why Aura
02 · Page type

Why Aura

The 'why here' case made scannable — government-approved plotting and easy home-loan tie-ups surfaced before the brochure, while a buyer is still deciding.

Aura Green City — Gallery
03 · Page type

Gallery

A rendered walkthrough of the lived experience — entrance arch, landscaped greens, central plaza, clubhouse — so a prospect feels the place, not just its square footage.

Like what you see? We've just started.