Get a Quote

Projects / VistaHaven

Luxury real estate websiteLos AngelesCase study · 2026

VistaHaven: a luxury real estate website for Los Angeles

Six Los Angeles neighborhoods. Every home, price and agent on one site.

Unsolicited concept by Zenlyx. Not commissioned by, affiliated with or endorsed by VistaHaven.

Role
Design and build
Platform
Webflow
Pages
9
Get a free audit

VistaHaven · Section 02

02 Problem statement

Working assumption · from the brief

VistaHaven has sold in 6 Los Angeles neighborhoods since 2000, mostly by referral. A referred client checks the website before they call. In one visit, it has to show what is for sale, who will handle it, and why to trust them.

Who arrives

Buyers, sellers, renters and investors.

Where from

A name passed on by a past client.

The cost of a miss

A referral who cannot find a price or an agent calls someone else.

VistaHaven · Section 03

03 Possible solution

4 moves. Each one answers a question a referred visitor asks before calling.

  1. 01

    Name the place and the proof in the first screen: homes closed, agents, reviews.

    Shown in 13 · Home

  2. 02

    Put price, status, beds, baths and square feet on every listing card.

    Shown in 13 · Property

  3. 03

    Give every agent a name, a title and a specialty, so callers know who answers.

    Shown in 13 · Agents

  4. 04

    End every path at one 5-field form that states when an agent will call.

    Shown in 10 · Flow and 13 · Contact

VistaHaven · Section 04

04 Design process

  1. 01DiscoverBrief, live-site audit, NAR 2025 data.
  2. 02Define2 personas, labelled as working assumptions.
  3. 03IdeateMind map, then a 20-card content sort.
  4. 04Design9 Webflow pages on one token set.
  5. 05TestInternal build review across 5 tasks.

VistaHaven · Section 05

05 Discover

What the client’s site states

Sells in 6 Los Angeles neighbourhoods, since 2000.

Source: VistaHaven About page

Has grown by referral for over 25 years.

Source: VistaHaven homepage, Why Us

640 reviews across 3 platforms.

Source: VistaHaven homepage, reviews

6 services, from sales and rentals to valuation.

Source: VistaHaven homepage, What We Do

What US market data says

43%
of buyers found their agent through a referral. Another 18% reused a past agent.
66%
of sellers found their agent through a referral or a past relationship.
35%
of sellers named the agent’s reputation as a deciding factor.

Source: NAR 2025 Profile of Home Buyers and Sellers, summarised by Virginia REALTORS, Dec 2025. National US figures, not Los Angeles.

Takeaway · The referral brings the visit. The website has to confirm the referral.

The VistaHaven homepage projected on a large screen in a dark hall, with visitors in silhouette

VistaHaven · Section 06

06 Brainstorming

15 ideas across 5 themes. 8 were built. 7 stayed out of scope for a referral-led brokerage.

A referred visitor must trust VistaHaven in one visit

Listings
  • Price and specs on every cardBuilt
  • Map searchConsidered
  • Saved homesConsidered
Agents
  • Named agents with a specialtyBuilt
  • Agent-match quizConsidered
Proof
  • Reviews that name the client’s situationBuilt
  • Stats band in the heroBuilt
  • Video testimonialsConsidered
Contact
  • One 5-field formBuilt
  • Reply time stated on the pageBuilt
  • Live chatConsidered
  • Booking calendarConsidered
Content
  • Market articles by the agentsBuilt
  • FAQ with direct answersBuilt
  • Neighbourhood guidesConsidered
BuiltConsidered, not built

VistaHaven · Section 07

07 Personas

Working assumption · from the brief

Ages follow NAR 2025 medians: 40 for first-time buyers, 64 for sellers. No interviews yet.

Dana Whitfield

38–44 · First-time buyer, relocating

Moving to Los Angeles for work. A colleague who bought with VistaHaven passed on the name.

“Show me the price and who I’d be talking to. Then I’ll call.”

Goals

  • See price and specs before calling
  • Know which agent covers the area
  • Judge a home without flying in

Frustrations

  • Prices held back until enquiry
  • Forms with no reply time
  • Agents who push before listening

Robert Hale

60–66 · Long-time owner, selling

Selling a Venice home he has owned for over a decade. A neighbour gave him the name.

“I want one person who knows my street, not a call centre.”

Goals

  • Understand how price gets set
  • Check the firm’s record nearby
  • One contact from listing to close

Frustrations

  • Valuation offers that feel like bait
  • Not knowing who handles the sale
  • Long forms before any human contact

VistaHaven · Section 08

08 Empathy map

Working assumption · persona Dana

Says

  • “What’s the actual price on this one?”
  • “Who covers Los Feliz?”
  • “Can someone walk it on video for me?”

Thinks

  • Is this one still available?
  • Will they push me if I call?
  • Is the LA premium worth it here?

Does

  • Opens several listings in new tabs
  • Reads reviews from people who relocated
  • Saves the phone number before the form
  • Compares price per square foot

Feels

  • Anxious about buying a home unseen
  • Wary of sales pressure
  • Relieved once price and agent show
  • Rushed by the move date

Danaon a listing page, deciding whether to call

Pains · Price held behind an enquiry · No idea who replies · Photos without facts

Gains · Price and specs up front · A named agent · A reply time before submitting

VistaHaven · Section 09

09 User journey map

Working assumption · persona Dana
Stage1 · Referral2 · First look3 · Listing check4 · Agent check5 · Enquiry
ActionsGets the name from a colleagueSearches the name, lands on HomeOpens listings, checks price and specsReads agent cards and reviewsFills the form or calls
Thoughts“They came recommended.”“Do they work in my price range?”“Is this one still available?”“Who would I actually deal with?”“Will they hound me after this?”
Emotional curve
HopefulCuriousDoubtful · lowest pointReassuredHesitant
Pain pointsOnly a name, no link to followUnclear which areas they coverPrice or status missing, or unclear for rentalsCan’t tell who covers which areaNo idea when or how they’ll replyOpportunitiesName and city in every page title, for searchProof and a next step in the first screenPrice, status, beds, baths and sqft on every cardTitle and specialty on every agent cardReply time stated above the form

VistaHaven · Section 10

10 User flow

3 ways in, 1 way out. Buying, selling and choosing an agent all end at the same form.

Referral or searchLand on HomeWhat do
you need?Browse PropertyRight
home?Listing detail pageBrowse AgentsAgent profileAbout: services
and valuationContact form, 5
fieldsAgent calls within 1
working daybuy or rentyesnosell or valuechoose an agent
Start or endPage or actionDecisionMain pathLoop back

VistaHaven · Section 11

11 Card sorting

Open sort of 20 content cards, run by Zenlyx from the site’s content inventory. No external participants.

Property

  • Featured homes
  • Homes for sale
  • Homes for rent
  • Listing detail
  • Price and specs

Agents

  • Team list
  • Agent profile
  • Agent specialties

About

  • Company story
  • Services, 6 moved here
  • Stats
  • Client reviews
  • Partners

Blog

  • Market articles
  • Selling and renting guides

Contact

  • Enquiry form
  • Phone and email
  • Office hours
  • Office address
  • FAQs

What the sort changed · Services joined About instead of getting their own page. The header holds 5 links, and every footer service link opens About.

Desktop monitor showing the VistaHaven Property page: eight listing cards with price, location, beds, baths and square feet

VistaHaven · Section 12

12 Information architecture

6 pages and 3 templates. Every page is one click from the header.

Global header · logo, 5 links, phone, Get in Touch

HomeAboutStory, 6 services, reviewsPropertySale and rent listingsAgentsTeam and specialtiesBlogMarket articlesContactForm, phone, hoursListing detailTemplate · Blakeside ManorAgent profileTemplate · Gerardo FosterArticleTemplate · selling checklistenquire

Global footer · contact details, 6 page links, 5 service links, office hours

Primary conversion path: Home, Property, Listing, ContactCMS templateOn every page

VistaHaven · Section 13

13 Responsive

Tablet · 768
Mobile · 390

Breakpoint ladder

992 and up
5 header links and the Get in Touch pill.
991 and down
Links hide. A 44 px menu button takes their place.
478 and down
Get in Touch leaves the header. Logo and menu only.

Read from the site’s Webflow breakpoint styles.

Design and build
Zenlyx Studio
Tools
Webflow
Contact
zenlyx.cc

VistaHaven · Section 18

Thank you.

Running a referral-led agency? Zenlyx audits your current site for free and shows what a referred client sees first.

What we will measure after launch
Form enquiries per month · Listing views that reach the form · Calls from the header phone link

Book a free website auditView the live site

What this build shows

Listings with price and specs on every card, and a named agent for every area. See how we build IDX websites for realtors and home valuation pages.

Next project · Island real estateValerie Tutor: your agent on the islands, even from Ohio