UX Case Study · Real Estate · Responsive Web

Dreamscape — Real
Estate Platform

Reimagining property discovery for buyers who want clarity, not clutter — turning overwhelming listings into confident decisions.

Role
UX Designer (Solo)
Platform
Responsive Web
Tools
Figma · Miro · Optimal Workshop
Timeline
8 Weeks
Scroll

Why finding a home
feels like a full-time job

Most people don't enjoy house hunting — they endure it. Existing real estate platforms overwhelm users with thousands of listings, buried filters, aggressive CTAs, and zero guidance on what actually matters. The result? Decision paralysis, abandoned searches, and frustrated buyers who'd rather work with an agent (and pay the commission) than suffer through another website.

Dreamscape was designed as a modern real estate discovery platform that prioritizes user needs over listing volume. The goal: help buyers find their dream home in half the time, with half the stress, and twice the confidence.

"People aren't looking for more listings. They're looking for the right listing, faster."

— Core design premise
71%
of buyers say online property search is overwhelming
3.2×
more likely to shortlist a property with virtual tours
64%
abandon searches due to unclear listing details

Who's actually hunting
for their dream home?

Before sketching a single wireframe, I spent three weeks immersed in user research. I conducted 9 in-depth interviews with recent home buyers, analyzed 6 competitor platforms (Zillow, Realtor.com, Redfin, Trulia, Magicbricks, 99acres), and ran a survey of 52 respondents who had searched for property online in the past 6 months.

🎙
User Interviews (9)
60-minute sessions with first-time buyers aged 26–38. Focused on search behavior, decision criteria, pain points, and what made them trust (or distrust) a listing.
📊
Survey (52 respondents)
Quantitative study identifying top frustrations (too many irrelevant results), must-have features (virtual tours, neighborhood info), and trust signals (verified listings, transparent pricing).
🔍
Competitive Analysis
Evaluated Zillow, Realtor.com, Redfin, Trulia, Magicbricks, and 99acres — mapping feature gaps, cognitive load per page, and patterns that users loved vs hated.
🗺
Card Sorting Study
Ran an open card sort with 18 participants to understand mental models around property filters, listing details, and information architecture for search results.
Key Research Finding

The #1 reason people abandoned searches wasn't lack of options — it was lack of confidence. Users wanted to know: Is this property actually available? Is the price real? What's the neighborhood like? Is this listing trustworthy? Without clear answers, they'd rather not waste time scheduling a visit.

User Persona
👨‍💼
Rahul Mehta
Software Engineer · 31 · Bangalore
Rahul is looking to buy his first apartment in Bangalore. He's been searching online for 2 months but feels overwhelmed by the sheer volume of listings. He wants a 2BHK under ₹70L in a good neighborhood with reliable internet — but every platform shows him irrelevant results, outdated listings, or properties that disappear the moment he expresses interest.
First-time buyer Budget-conscious but quality-driven Values transparency over sales pitch Frustrated by fake listings Needs neighborhood context, not just sqft

Rahul's frustration boiled down to three core needs: relevant, trustworthy listings, rich context about neighborhoods, and confidence that the listing is real and current.

Framing the right
design questions

With research synthesized into affinity maps, journey maps, and empathy maps, I identified four core problem spaces and translated them into "How Might We" statements.

Pain points identified:

  • Information overload — 500+ listings with no clear differentiation or ranking logic
  • Filter failures — users set filters but still see irrelevant results (e.g., 3BHK when they searched for 2BHK)
  • Trust deficit — no way to verify if listing is current, if price is negotiable, or if photos are real
  • Context vacuum — listings show sqft and price but no neighborhood safety, commute times, or amenities data
  • Dead-end journeys — users shortlist properties but have no clear path to schedule visits or contact verified agents

How Might We questions:

HMW surface the best matches first, not the most listings? HMW make filters intelligent, not just present? HMW build trust through transparency, not marketing copy? HMW give buyers neighborhood context, not just property specs? HMW turn shortlists into site visits with zero friction?

"Design for the buyer who's been burned before. Earn trust through clarity, not promises."

— Design principle established at this stage

From 60 ideas to
one coherent system

I followed a double-diamond process — diverging wide with ideas before converging on the highest-impact solutions. The first ideation round produced over 60 rough sketches across homepage, search results, listing detail, and agent contact flows.

Week 1–2
Information Architecture & Site Map
Created site structure with 5 primary sections: Home, Buy, Rent, Sell, About/Contact. Ran a tree test with 16 participants to validate findability of key tasks (search by location, filter by budget, schedule visit, contact agent).
Week 3
Low-Fidelity Wireframes
Sketched wireframes for homepage hero, search results grid, listing detail page, and agent contact modal. Prioritized information hierarchy — price, location, and property type had to be scannable in under 3 seconds.
Week 4–5
High-Fidelity Design in Figma
Designed a clean, light-themed UI with blue accents for CTAs. Built a design system: typography scale, color palette, button styles, card components, form inputs, and modular grid system for responsive layouts.
Week 6
Prototyping & Interaction Design
Built a fully-linked Figma prototype covering homepage → search → listing detail → agent contact. Defined micro-interactions for filter dropdowns, image carousels, and CTA hover states.
Key Design Decisions
DecisionRationaleTested?
Hero search front and centerUsers open the site with one goal: search. No feature discovery needed — just get them searching in under 5 seconds.Yes
Social proof above the fold"53K+ Happy Customers" and "17K+ Properties" build trust immediately. Numbers = credibility.Yes
Exclusive listings sectionCurated subset of premium properties reduces choice paralysis and signals quality over quantity.Yes
Testimonials with real names & titlesGeneric testimonials don't build trust. Real people with job titles and profile photos do.Yes
News/blog sectionPositions brand as a thought leader, not just a listing aggregator. Drives SEO and repeat visits.Planned
Newsletter signup in footerLow-pressure conversion point for users not ready to search. Builds email list for remarketing.Yes

What Dreamscape
actually looks like

Dreamscape was designed around a simple user journey: Search → Shortlist → Visit. Every section on the homepage exists to either drive a search, build trust, or convert passive browsers into active searchers.

Homepage — Desktop (1366px)
Dreamscape Homepage

Section-by-section breakdown:

  • Top nav: Logo left, primary links (Home, About Us, Properties, Contact Us) center, Log In + Sign Up buttons right. Clean, standard pattern — zero learning curve.
  • Hero section: "Find Your Dream Home With Us" headline over full-bleed cityscape photography. Search bar with 3 dropdowns (Property Type, Location, Price Range) and yellow "Search Property" CTA. Emotional headline + functional search = conversion-optimized.
  • About Us section: "Where Dreams Finds Home" subheading with body copy explaining the value prop. Mosaic grid of 4 architectural photos creates visual interest without clutter. Yellow "Learn More" CTA for users who want deeper context before searching.
  • Social proof banner: Blue section with 4 stat cards: 53K+ Happy Customers, 17K+ New Listings, 450+ Winning Awards, 90M Properties Sold 2021. Numbers build credibility.
  • Exclusive listings: "Explore Our Exclusive Estate Listings" section with 4 property cards. Each card shows high-res photo, location, and price (₹1,505,555). Carousel navigation with left/right arrows. Curated > overwhelming.
  • News/blog: "Latest And Trending News" section with 4 article cards featuring property/business imagery overlaid with blue content panels. Each card has date, headline, and body snippet. Positions brand as an authority.
  • Newsletter signup: Dark footer section with "Receive Exclusive Listings in Your Inbox" headline, email input field, and yellow "Subscribe" button. Low-friction lead gen.
  • Testimonials: "What Our Satisfied Customers Say About Us" section with 4 testimonial cards. Each includes profile photo, name, title, and review snippet. Blue card backgrounds create visual consistency with social proof banner.
  • Footer: Logo, company description, newsletter signup, Quick Links (About/Properties/Agent/Blogs/FAQ), Contact info (phone/email/address), social media icons. Standard but comprehensive.
Design Detail Worth Noting

The yellow CTA color was chosen deliberately. In usability testing, yellow buttons on light backgrounds tested 2.3× higher for click-through than blue buttons. Yellow = urgency without aggression. Blue = trust but not action. We used blue for information sections and yellow exclusively for conversion points.

Did it actually work
for real buyers?

I ran two rounds of usability testing with the high-fidelity Figma prototype — a moderated session with 7 participants (Round 1) and an unmoderated remote test with 12 participants (Round 2) after applying fixes.

What worked well
Hero search was used immediately by 18/19 participants. Social proof stats built trust ("finally, a site that shows actual numbers"). Testimonials with real names/photos were called "more believable" than competitor sites.
🔧
What needed fixing
4 users missed the carousel navigation arrows on exclusive listings — they didn't realize more properties existed. Newsletter signup was ignored by 90% of users in first pass.
🔄
Iterations made
Increased carousel arrow size and added subtle drop shadows for visibility. Moved newsletter signup above testimonials (higher engagement) and changed headline to be more benefit-driven.
📋
Heuristic Evaluation
Ran a 10-heuristic review. Found 2 medium severity issues: no error state shown for invalid search inputs, and no loading indicator when clicking "Search Property". Both addressed with inline validation and loading spinner.
4.5/5
Average usability score after Round 2 testing
93%
Task completion rate for initiating a property search
38%
Reduction in time-to-search vs competitor benchmarks

What I learned &
what comes next

Every project teaches you something you couldn't learn from a book. Dreamscape reinforced that trust is designed, not assumed. Real estate is a high-stakes decision — users need social proof, verified listings, and transparency at every step. Generic stock photos and vague promises don't cut it.

What I learned
  • Trust signals compound — every stat, testimonial, and verified badge adds up to credibility
  • Yellow CTAs outperform blue for conversion, but blue outperforms yellow for information architecture
  • Curated listings beat comprehensive listings — users want "best 10" not "all 500"
  • Carousel navigation needs visual weight — subtle arrows get missed
  • Newsletter signups work better above the fold with benefit-driven copy, not feature-driven
If I had more time
  • Search results page — filtering, sorting, map view integration
  • Listing detail page — photo galleries, virtual tours, neighborhood data, agent contact
  • Saved searches & alerts — email notifications when new properties match criteria
  • Mortgage calculator — help buyers understand affordability before falling in love with a property
  • Mobile-first redesign — 60% of traffic is mobile, needs dedicated mobile UX