Problem
Static templates buried trust signals (RERA, delivery track record), lost 60%+ mobile traffic, and generated unqualified lead dumps.
Greenscape
A premium web presence for a real estate developer - projects, leads, and speed.
Overview
The Project
Greenscape Group is a real estate developer based in Navi Mumbai with a portfolio of commercial IT parks (Cyber One, Cyber Code) and luxury residential developments. They approached me to redesign their web presence — their existing site was a template-based brochure that had not been updated in three years and was actively losing enquiries to competitors. The brief was to build a site that could present ongoing and completed projects, capture qualified leads, and position Greenscape as a premium developer. I led design and front-end strategy across a twelve-week project. The final site introduced an interactive project showcase, a unit finder, and a lead enquiry system built to Google’s Core Web Vitals standards.
The Challenges
What We Set Out To Solve
Buyers make one of the largest financial decisions of their lives through a screen before visiting the site. Greenscape’s old site was a grid of static images and a contact form with no mobile optimization (despite 60%+ mobile traffic). Leads sent to a generic email were handled manually with zero qualification. Completed projects were unlisted, and ongoing developments lacked floor plan galleries or RERA compliance details.
Solution
A fast, content-driven site leading with developer trust signals, neighborhood maps, interactive unit finders, and direct WhatsApp CTAs.
Outcome
+58% lead form submissions, 3.2x longer session duration on project pages, and 100% Core Web Vitals pass rate.
Research
Understanding the Users
A heuristic audit surfaced 23 usability issues. Five interviews with recent home buyers revealed that trust signals (RERA compliance, track record of on-time delivery) were prioritized over glossy renderings. Competitor audits showed that leading sites focused heavily on neighborhood advantages and unit-level specificity.
Research Focus
- Analyzing competitor digital experiences across Navi Mumbai developers
- Understanding buyer journey differences for first-time vs. commercial investors
Key Insights
- First-home buyers seek emotional connection and extensive neighborhood research.
- Investment buyers scan quickly for specifications, yield potential, and location maps.
- Trust signals (RERA registration numbers) must precede design marketing copy.
Empathy Map
Empathy Map
Says
I want to see what the lifestyle feels like.
What are the exact square footage and location advantages?
Thinks
Can I trust this developer to deliver on time?
Is this project RERA registered?
Does
Browses galleries and interactive floor plans.
Uses unit finders and specification tables.
Feels
Aspirational about living space.
Analytical about financial commitments.
User Journey
Mapping the Experience
01
Discovery
User lands on project page
Interaction : Views project showcase and RERA trust badges
Pain: Slow load times on mobile
Opportunity: Optimise for Core Web Vitals and surface compliance
Is this developer legitimate?
02
Evaluation
User digs into specs
Interaction : Uses unit finder and downloads floor plans
Pain: Hard to find concrete data among marketing copy
Opportunity: Clear hierarchy separating lifestyle from specifications
What are the exact dimensions?
03
Action
User requests callback
Interaction : Fills out qualified lead form or taps WhatsApp CTA
Pain: Overly long contact forms
Opportunity: Sticky WhatsApp conversion and gated brochure downloads
I want a site visit scheduled
Strategy
The Approach
Buyers were making one of the largest financial decisions of their lives through a screen, and the old site gave them a grid of stock photos. The strategy inverted the real-estate convention: instead of selling the building first, the site sells the evidence that the developer can be trusted — RERA compliance, on-time delivery record, green-certified materials — and then lets the architecture do the emotional work.
01
Trust signals above photography
RERA registration, delivery track record, and green certifications became visible, scannable proof points.
02
Lead with the neighbourhood
Location Explorer maps proximity to schools, hospitals, and transit nodes before the floor plans.
03
Unit-level specificity
Exact sq ft, floor-plan downloads, and view corridors replace generic developer copy.
Design Decisions
The Calls That Mattered
01
Gated brochure download
The brochure became a qualification moment, capturing name and phone before sending to the sales team.
02
The WhatsApp CTA
A floating WhatsApp button with pre-filled project enquiry generated 34% of all first-month enquiries.
03
Construction timeline as content
Ongoing projects got a visual milestone tracker — turning 'delivery on time' into a visible reality.
04
CMS structure as UX
Structured CMS fields and editorial guidelines were built so marketing updates pages without breaking layout.
Validation
How We Knew It Worked
- Heuristic audit surfaced 23 usability issues across navigation and conversion flow.
- Five interviews confirmed buyers checked RERA and delivery records before visiting sales offices.
- Five-second tests shaped the lead-with-outcomes project hierarchy.
- Top-3 organic Google positions reached for primary project keywords within 60 days.
First Concepts
Wireframes & Concepts
The Solution
Final Screens
What Shipped
Feature Highlights
01
Project Showcase
full-bleed visual pages per property with gallery and key specs.
02
Interactive Masterplan
site layout allowing users to explore building positions.
03
Unit Finder
filter by BHK type, floor, and view to surface matching available units.
04
Floor Plan Gallery
per-unit plan downloads with room dimensions.
05
Brochure Download
gated PDF download requiring lead capture.
06
Virtual Site Tour
embedded 360° walkthrough integration for show flats.
07
Lead Enquiry Form
contact form with project pre-selection and visit scheduling.
08
Location Explorer
map with proximity data for schools, hospitals, and transit nodes.
09
Amenities Showcase
icon-led feature grid with visual call-outs.
10
Project Timeline
visual construction milestone tracker.
11
Testimonials Module
structured review section with buyer details.
12
RERA Details Page
dedicated compliance section showing registration numbers.
13
News & Updates
CMS-managed blog for announcements.
14
WhatsApp CTA
sticky floating button with pre-filled project inquiry message.
Business Impact
What It Delivered
Monthly enquiry submissions rose 58% against the previous site, session duration on project pages grew 3.2×, and the WhatsApp CTA alone drove 34% of first-month enquiries.
0%
Increase in monthly enquiry form submissions vs. previous site
0.0×
Longer average session duration on project detail pages
0%
Google Core Web Vitals passed on mobile and desktop
Top 0
Organic Google ranking for primary project location keywords within 60 days
Reflection
Key Learnings
Greenscape was a reminder that content strategy and UX design are the same job. Structuring developer differentiators into visible proof points drove conversions far more than pure aesthetics. Negotiating rigid CMS content models early prevented visual degradation over time.