Transforming the society detail page

Team

My role / Lead UI/UX designer, researcher

Bhavika Gupta / Lead UX researcher, UI/UX designer

Timeline

3 months, 2024-25

Platforms

Mobile: 99acres m-site, Android app, ios app

Background

Our society detail page has around 40% of our total traffic. It provides users all the details related to a society & allows users to connect with the builders & brokers selling homes within it.

Our goal as a platform is to help users with quicker decision making and to narrow down their dream home. Ideally, this page should serve as the most holistic & credible resource available in the market about any society.

Impact

0
0

%+

%+

Direct conversion

0
0

%+

%+

Attributed conversion

-

-

0
0

%

Bounce rate

0
0

%~

Time spent

Key problems

4

textually dense page

Problems with scannability due to too much written content on the page.

3

hierarchy

P0 & P1 decision makers were not highlighted the first few scrolls of the page, making relevancy low for the content

2

lack of credibility

Missing information sources & timely updates which led to lack of trust towards our platform.

1

poor content structure

Grouping, interlinking, inclusion of insights & media was inefficient.

1

Poor content structure

Grouping, interlinking, inclusion of insights & media was inefficient.

2

Lack of credibility

Missing information sources & timely updates which led to lack of trust towards our platform.

3

Hierarchy

P0 & P1 decision makers were not highlighted the first few scrolls of the page, making relevancy low for the content.

4

Textually dense page

Problems with scannability due to too much written content on the page.

In the last two years, I had...

Interviewed

...more than 80 homebuyers, 40 of which were in-depth hour long conversations. Uncovered reasons behind their decisions, understood their quirks and skilful judgement while navigating a largely opaque industry.

Consumed

...countless RE builder websites, youtube videos & adverts understanding how they sell their projects.

Observed

...the leaders vision for our platform, learnt the kind of value our underutilised product initiatives can bring to the user’s lives.

Designing intuitively: First few approaches

Why this exercise was important

With a project as big as this, often there can be a lot of research based inertia to get things started and to do things perfectly. However, since I was experienced in the domain, it made sense to take a crack at the vision. After presentations in various leadership forums, we got our go ahead. To “officially” begin the project, of course, we started our research.

User interviews & research

12 participants • Used 3 methods to gather different inputs

Card sorting exercise

For information hierarchy & architecture

User testing

Gaps in current product

In depth conversions

Understanding current home buying experience, online & offline touchpoints

Key takeaways

Media plays a huge role in driving site visits. Builders are now offering video tours, 360* interactive tour to homebuyers.

They are always on the lookout for red flags and potential risks associated with the the project, builder or locality.

Informational needs vary across their stage of buying. Early stage buyers prefer quick scanning to figure out differentiators whereas late stage buyers seek price details.

Homebuyers look at unique amenities & property interiors not only as features but as a justification for the price and are key differentiators when browsing projects.

They rely heavily on word of mouth when it comes to project discovery, builder reputation & locality understanding.

Decoding existing marketing materials

Analysing visual artefacts in the domain to understand how builders & brokers pitch their projects

Site visits

Brochures

Builder websites

Youtube

Site visits

x

Brochures

x

Builder websites

x

Youtube

x

Decoding existing marketing materials

Analysing visual artefacts in the domain to understand how builders & brokers pitch their projects

Site visits

Brochures

Builder websites

Youtube

Site visits

x

Brochures

x

Builder websites

x

Youtube

x

Solutioning

Designing by writing

Locality

Locality

Locality

Greenery

Greenery

Greenery

Greenery abound: Highest in Noida!

Greenery abound: Highest in Noida!

Greenery abound: Highest in Noida!

INSIGHT

3-4 parks here, 1 for children and having outdoor gym

1km green belt here

3-4 parks here, 1 for children and having outdoor gym

1km green belt here

3-4 parks here, 1 for children and having outdoor gym

1km green belt here

INSIGHT

Basic necessities

Basic necessities

Basic necessities

Issues with water, electricity, gas or connectivity

Issues with water, electricity, gas or connectivity

Issues with water, electricity, gas or connectivity

INSIGHT

Society/locality having sustainable practices

Society/locality having sustainable practices

Society/locality having sustainable practices

INSIGHT

Transactions

Transactions

Transactions

Increasing demand here

Increasing demand here

Increasing demand here

INSIGHT

Development

Development

Development

Upcoming development with new source given

Upcoming development with new source given

Upcoming development with new source given

TRANSPARENCY

INSIGHT

Will this have a positive or negative impact on pricing

Will this have a positive or negative impact on pricing

Will this have a positive or negative impact on pricing

INSIGHT

Will this have a positive or negative impact on lifestyle. For eg. metro construction might cause traffic congestion for next 2-3 yrs, invest in UC or NL here instead of r2m

Will this have a positive or negative impact on lifestyle. For eg. metro construction might cause traffic congestion for next 2-3 yrs, invest in UC or NL here instead of r2m

Will this have a positive or negative impact on lifestyle. For eg. metro construction might cause traffic congestion for next 2-3 yrs, invest in UC or NL here instead of r2m

INSIGHT

Rentals in this area

Rentals in this area

Rentals in this area

Cost of rentals

Cost of rentals

Cost of rentals

INSIGHT

Popular among professionals as near IT hub

Popular among professionals as near IT hub

Popular among professionals as near IT hub

INSIGHT

Demand to grow with upcoming development of IT park

Demand to grow with upcoming development of IT park

Demand to grow with upcoming development of IT park

INSIGHT

POIs

POIs

POIs

Checked Y/N: Market, Pharmacy, Dairy, Salon, Petrol pump

Checked Y/N: Market, Pharmacy, Dairy, Salon, Petrol pump

Checked Y/N: Market, Pharmacy, Dairy, Salon, Petrol pump

IDEA

INSIGHT

Reviews

Reviews

Reviews

Greenery abound: Highest in Noida!

Greenery abound: Highest in Noida!

Greenery abound: Highest in Noida!

INSIGHT

Would you recommend your friends this locality/society

Would you recommend your friends this locality/society

Would you recommend your friends this locality/society

INSIGHT

Stitched videos and photos of the locality, with user comments linked

Stitched videos and photos of the locality, with user comments linked

Stitched videos and photos of the locality, with user comments linked

IDEA

Societies here

Societies here

Societies here

Most popular, most appreciating, newest

Most popular, most appreciating, newest

Most popular, most appreciating, newest

INSIGHT

Gentry

Gentry

Gentry

Preferred by professionals, families, investors,

Preferred by professionals, families, investors,

Preferred by professionals, families, investors,

INSIGHT

Ideas/Notes

Ideas/Notes

Ideas/Notes

Labelled image of masterplan, able to zoom in

Labelled image of masterplan, able to zoom in

Labelled image of masterplan, able to zoom in

Map (where the project is central)

POIs

greenery + environment

Connectivity + traffic

Basic necessities

Situated where

Price appreciation

Transactions (?) - at locality level

Reviews

Development

Builders in this area

Demand

Low rise/high rise

All societies, properties here

Gentry

Rentals in this area

Price per sq. ft in this area

Map (where the project is central)

POIs

greenery + environment

Connectivity + traffic

Basic necessities

Situated where

Price appreciation

Transactions (?) - at locality level

Reviews

Development

Builders in this area

Demand

Low rise/high rise

All societies, properties here

Gentry

Rentals in this area

Price per sq. ft in this area

Map (where the project is central)

POIs

greenery + environment

Connectivity + traffic

Basic necessities

Situated where

Price appreciation

Transactions (?) - at locality level

Reviews

Development

Builders in this area

Demand

Low rise/high rise

All societies, properties here

Gentry

Rentals in this area

Price per sq. ft in this area

Price

Price

Price

Price per sq. ft

Price per unit

Price per sq. ft

Price per unit

Price per sq. ft

Price per unit

More than average price of locality / Good deal for this locality / Matches the usual price for this locality

More than average price of locality / Good deal for this locality / Matches the usual price for this locality

More than average price of locality / Good deal for this locality / Matches the usual price for this locality

INSIGHT

This society is on an upward trend, 10% appreciation in the last 6 months

This society is on an upward trend, 10% appreciation in the last 6 months

This society is on an upward trend, 10% appreciation in the last 6 months

INSIGHT

Night: Lit up streets, police patrolling, etc.

Night: Lit up streets, police patrolling, etc.

Night: Lit up streets, police patrolling, etc.

INSIGHT

Ideas/Notes

Ideas/Notes

Ideas/Notes

Price insight coupled with demand

Price insight coupled with demand

Price insight coupled with demand

Construction Status

Construction Status

Construction Status

Current status

Possession when

Announced when

Multiphase

Current status

Possession when

Announced when

Multiphase

Current status

Possession when

Announced when

Multiphase

Running as planned

Running as planned

Running as planned

TRANSPARENCY

INSIGHT

Builder is known for delivering on time

Builder is known for delivering on time

Builder is known for delivering on time

INSIGHT

INSIGHT

Type of construction technique: Mivan. 90% new projects are using this technique

Advantages / Disadvantages: x

Type of construction technique: Mivan. 90% new projects are using this technique

Advantages / Disadvantages: x

Type of construction technique: Mivan. 90% new projects are using this technique

Advantages / Disadvantages: x

INSIGHT

Construction progress images, last updated when/ last visited by 99acres team

Construction progress images, last updated when/ last visited by 99acres team

Construction progress images, last updated when/ last visited by 99acres team

INSIGHT

TRANSPARENCY

Which slab has been put etc.

Which slab has been put etc.

Which slab has been put etc.

TRANSPARENCY

Ideas/Notes

Ideas/Notes

Ideas/Notes

Timeline view with image thumbnails.

Timeline view with image thumbnails.

Timeline view with image thumbnails.

Construction updates - story format

Construction updates - story format

Construction updates - story format

Construction details section

Construction details section

Construction details section

Project offerings

Project offerings

Project offerings

All amenities

Rare/unique amenities

Leisure & entertainment

Club

Sports/wellness / fitness

Cafe & restaurant

For children

For elderly

For pets

Parking

Banquet

Greenery - Parks & Gardens

Services like concierge, bus, etc.

Basic necessities

Sustainability

Accessibility (Elderly, disable people, etc.)

All amenities

Rare/unique amenities

Leisure & entertainment

Club

Sports/wellness / fitness

Cafe & restaurant

For children

For elderly

For pets

Parking

Banquet

Greenery - Parks & Gardens

Services like concierge, bus, etc.

Basic necessities

Sustainability

Accessibility (Elderly, disable people, etc.)

All amenities

Rare/unique amenities

Leisure & entertainment

Club

Sports/wellness / fitness

Cafe & restaurant

For children

For elderly

For pets

Parking

Banquet

Greenery - Parks & Gardens

Services like concierge, bus, etc.

Basic necessities

Sustainability

Accessibility (Elderly, disable people, etc.)

Rare amenity (Less than 1% projects in Noida have this!)

Rare amenity (Less than 1% projects in Noida have this!)

Rare amenity (Less than 1% projects in Noida have this!)

INSIGHT

Kid & elderly friendly society

Kid & elderly friendly society

Kid & elderly friendly society

INSIGHT

Info sourced from builder

Info sourced from builder

Info sourced from builder

TRANSPARENCY

INSIGHT

Builder is known to deliver on all amenities

Builder is known to deliver on all amenities

Builder is known to deliver on all amenities

INSIGHT

Ideas/Notes

Ideas/Notes

Ideas/Notes

Image forward amenities experience: Carousel, changing images with progress bar (quick view), Use images or minimal icons

Image forward amenities experience: Carousel, changing images with progress bar (quick view), Use images or minimal icons

Image forward amenities experience: Carousel, changing images with progress bar (quick view), Use images or minimal icons

Icons and name of amenity

Icons and name of amenity

Icons and name of amenity

Interactive experience: Click on society map to see different amenities

Interactive experience: Click on society map to see different amenities

Interactive experience: Click on society map to see different amenities

Small reel like experience

Small reel like experience

Small reel like experience

Price

Price

Price

Price per sq. ft

Price per unit

Price per sq. ft

Price per unit

Price per sq. ft

Price per unit

More than average price of locality / Good deal for this locality / Matches the usual price for this locality

More than average price of locality / Good deal for this locality / Matches the usual price for this locality

More than average price of locality / Good deal for this locality / Matches the usual price for this locality

INSIGHT

This society is on an upward trend, 10% appreciation in the last 6 months

This society is on an upward trend, 10% appreciation in the last 6 months

This society is on an upward trend, 10% appreciation in the last 6 months

INSIGHT

Night: Lit up streets, police patrolling, etc.

Night: Lit up streets, police patrolling, etc.

Night: Lit up streets, police patrolling, etc.

INSIGHT

Ideas/Notes

Ideas/Notes

Ideas/Notes

Price insight coupled with

Price insight coupled with

Price insight coupled with

Masterplan

Masterplan

Masterplan

Image of masterplan

Total area of project

Open Area

No. of towers

Phases

Prop types

Image of masterplan

Total area of project

Open Area

No. of towers

Phases

Prop types

Image of masterplan

Total area of project

Open Area

No. of towers

Phases

Prop types

% of Open Area

% of Open Area

% of Open Area

DATA

% of Green Area

% of Green Area

% of Green Area

DATA

Greenery abound: Highest in Noida!

Greenery abound: Highest in Noida!

Greenery abound: Highest in Noida!

INSIGHT

Density of project: Low/Average/High

Density of project: Low/Average/High

Density of project: Low/Average/High

INSIGHT

Which Tower is facing what

Which Tower is facing what

Which Tower is facing what

INSIGHT

Popular config/proptype here

Popular config/proptype here

Popular config/proptype here

SOCIAL PROOF

Sourced directly from builder/brochure

Sourced directly from builder/brochure

Sourced directly from builder/brochure

TRANSPARENCY

CREDIBILITY

Ideas/Notes

Ideas/Notes

Ideas/Notes

Labelled image of masterplan, able to zoom in

Labelled image of masterplan, able to zoom in

Labelled image of masterplan, able to zoom in

Satellite image of project area with simple layering of colours: green, towers, amenities, entry & exit highlighted. In distance, also show view from each tower.

Satellite image of project area with simple layering of colours: green, towers, amenities, entry & exit highlighted. In distance, also show view from each tower.

Satellite image of project area with simple layering of colours: green, towers, amenities, entry & exit highlighted. In distance, also show view from each tower.

3D Image of masterplan

3D Image of masterplan

3D Image of masterplan

Tower level info

Tower level info

Tower level info

No. of towers

Construction status of each tower

unit types

No. of floors

Facing what

Overarching info about each tower: Concierge in each tower, lifts, etc.

No. of towers

Construction status of each tower

unit types

No. of floors

Facing what

Overarching info about each tower: Concierge in each tower, lifts, etc.

No. of towers

Construction status of each tower

unit types

No. of floors

Facing what

Overarching info about each tower: Concierge in each tower, lifts, etc.

This tower is closest to the club

This tower is closest to the club

This tower is closest to the club

INSIGHT

Low rise/high rise

Low rise/high rise

Low rise/high rise

INSIGHT

This tower has special units

This tower has special units

This tower has special units

INSIGHT

Ideas/Notes

Ideas/Notes

Ideas/Notes

3D experience for towers

3D experience for towers

3D experience for towers

Basic interactive map

Basic interactive map

Basic interactive map

Importance & Grouping

Importance & Grouping

Importance & Grouping

Grouping with construction status or at unit level

Grouping with construction status or at unit level

Grouping with construction status or at unit level

Highlighted when new phase is released or special units are promoted

Highlighted when new phase is released or special units are promoted

Highlighted when new phase is released or special units are promoted

Collapsed info

Collapsed info

Collapsed info

New info architecture

Old

Navigation Bar

Media

Title Information

Inventory Information

Project USP

Floor Plan and Pricing

Media categories

Seller advertisement

Builder Credibility

Amenities

Location Advantages

Location Advantages

More about the Project

Brochure

Builder Projects (Recommendations)

Resale Properties

Rental Properties

Similar Projects (Recommendations)

Compare

New Launch Projects (Recommendations)

Price Trends

Transaction Prices

Society Reviews

Location Information

Loan Information

Educative Information

SEO Information

Proposed

Navigation Bar

Media - Images, videos, brochure, USPs

Title Information

Location

PSF, credibility

Construction info

PROJECT tab

Inventory Information

Floor plans

Amenities

Interior information

Masterplan

Seller advertisement

Locality Information

Builder Credibility

Price Insights

Transactions

Project Reviews

Compare

Recommendations

Educative Information

SEO Information

PROPERTIES tab

Filters

Inventory Summary

Tuples

In-line Widgets

Detail Pages

Design Principles

Build confidence through transparency

Provide accurate, up-to-date, and socially validated details with sources

Don’t just present data, help users interpret it

Guide users beyond the numbers. Help them with quick takeaways & stand out information about the project.

Scannability & conciseness

Use information chunking, highlighting, & media for quick comprehension & improved discovery of information

Balanced not biased

Don’t turn off users by over advertising the project, present the pros & cons fairly to give them a realistic picture.

Build confidence through transparency

Provide accurate, up-to-date, and socially validated details with sources

Don’t just present data, help users interpret it

Guide users beyond the numbers. Help them with quick takeaways & stand-out information about the project.

Scannability & conciseness

Use information chunking, highlighting, & media for quick comprehension & improved discovery of information

Balanced not biased

Don’t turn off users by over advertising the project, present the pros & cons fairly to give them a realistic picture.

Mid process user testing feedback

Quick interviews with total 10 participants from Delhi, Mumbai & Bangalore

Sabse accha mujhe cons wala laga, aur cons bata sakte ho? Pros toh harr koi hi bata deta hai, cons se sacchai pata chalti hai

makes

life easy

Bohot asaani se mill gayi saari properties. wo aur location should help me move forward with the site visit.

Price

info
helped

me

(Cons) dekhkar thoda bharosa aa raha hai

90% of information you've covered, makes my life very easy. Kahin aur jaane ki zaroorat nahi hai, seedha site visit iske baad

Properties and filters will make my life simple, I try to find it everywhere.

cons are helpful

Amenity ki pictures and price wali information mujhe aur kahin nahi milti

English

Sabse accha mujhe cons wala laga, aur cons bata sakte ho? Pros toh harr koi hi bata deta hai, cons se sacchai pata chalti hai

Price

info
helped

me

Properties and filters will make my life simple, I try to find it everywhere.

makes

life easy

(Cons) dekhkar thoda bharosa aa raha hai

90% of information you've covered, makes my life very easy. Kahin aur jaane ki zaroorat nahi hai, seedha site visit iske baad

Bohot asaani se mill gayi saari properties. wo aur location should help me move forward with the site visit.

cons are helpful

Amenity ki pictures and price wali information mujhe aur kahin nahi milti

I liked the cons the best, can you tell me more negatives? Everyone tells the pros of living here, but the cons tell the reality

Price

info
helped

me

Properties and filters will make my life simple, I try to find it everywhere.

makes

life easy

Seeing cons made me gain trust on your platform

90% of information you've covered, makes my life very easy. I don't need to go anywhere else now, straight to site visit

It was really easy to find the properties. The location information should help me move forward with the site visit.

cons are helpful

I don't find images of amenities & price information like this anywhere else

Explorations

Explorations

Final designs

Scalable stories

Scalable stories

Media rich

Media rich

Contextual insights

Contextual insights

Social validation

Social validation

Improving transparency

Improving transparency

Prototype

15+ sections & 10+ layers designed

15+ sections & 10+ layers designed

Mid-high fidelity prototype, without certain interactions

Mid-high fidelity prototype, without certain interactions

Impact

0

%+

Direct conversion

0

%+

Attributed conversion

-

0

%

Bounce rate

0

%~

Time spent

Impact

0

%+

Direct conversion

0

%+

Attributed conversion

-

0

%

Bounce rate

0

%~

Time spent

Reflection

Improvements

  • Length of page & discoverability of content: Although in the starting one of the goals was to keep the page as short as possible, we were not able to achieve that due to a serious case of scope creep.

  • Scope for microanimations

My experience

  • This was the biggest project I have undertaken in terms of complexity & no. of moving parts. This came with a huge responsibility as my manager also loosened the reigns completely. This was the 2nd most important project in the Homebuyer POD all year, and given only 2 years of experience, it provided me with an accelerated learning opportunity as it was a complete revamp.

    While this project was going on, the new design system of 99acres was also being worked upon, which gave me a chance to add to that as well. It was an intense experience, made whole by the positive user feedback in user testing.

VRITIKA

Senior UI/UX Designer @ 99acres

© Vritika Goyal, 2026

Made with a gallon of ☕️ Chai and 🎧 Geese

VRITIKA

Senior UI/UX Designer @ 99acres

© Vritika Goyal, 2026

Made with a gallon of ☕️ Chai and 🎧 Geese

VRITIKA

Senior UI/UX Designer @ 99acres

© Vritika Goyal, 2026