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.

Like what you see? We've just started.