Listing Card Concepts

Every app shows photos + price + beds/baths. That's table stakes.
The Nabe's edge is what only you have — agent takes, building scores, tenant reviews, social proof.
These concepts explore how to lead with that advantage.

Concept A

The Nabe Edge

Score-forward. The Nabe Score floats on the photo. Building scores get a prominent strip below specs. Agent quote anchors the bottom. The message: "We know things about this building that nobody else does."

Photo — 4:3 ratio
87 Nabe
Active
$4,200/mo

123 Bedford Ave, Unit 4A

2 bed · 1 bath · 850 sqft · Williamsburg

92
Walk
88
Transit
74
Quiet
4.2
Mgmt
MR
"South-facing windows, genuinely quiet for Bedford. Building super is responsive — rare around here."
Marcus Rodriguez

Design thinking: The Nabe Score badge on the photo is the first thing your eye hits — it's a proprietary signal no other app has. The score strip makes the card scannable for neighborhood fit. Agent quote at the bottom gives it personality. This card says: "We know this building."

Concept B

The Recommendation

Social-media style. Agent at the top like a post author. Commentary leads before photos. Feels like a friend telling you about a place, not a database result. Insight pills replace score grids.

MR
Marcus Rodriguez
Williamsburg specialist · 47 deals
Verified
This one's special. South-facing 2BR with the kind of light you don't find on Bedford anymore. Building management actually responds to texts. Three coffee shops within 2 blocks.
Main photo
+2
+3
$4,200/mo 2 bed · 1 bath · 850 sqft
123 Bedford Ave, 4A · Williamsburg
Quiet block 92 walk score 8 Nabe residents 4.2 mgmt rating

Design thinking: This flips the script — the agent IS the content. Like Instagram, the "author" is at the top and their narrative leads. The photos become supporting evidence, not the hero. This positions The Nabe as a platform where agents share real opinions, not just listings. Feels warm, trustworthy, personal.

Concept C

The Zillow Killer

Data-dense, efficient, familiar layout BUT with a Nabe-exclusive score strip that no competitor can match. Feels professional and information-rich. For users who want to scan 20 listings fast.

Photo
Active
1/8
$4,200 /mo
87 Nabe Score

123 Bedford Ave, Unit 4A

2 bed · 1 bath · 850 sqft · Williamsburg

92
Walk
88
Transit
74
Quiet
4.2
Mgmt
85
Bldg
MR
Marcus R. · Williamsburg

Design thinking: Familiar real-estate card layout that users already know how to scan — but the 5-column Nabe score strip is an instant differentiator. Glancing at this card vs a StreetEasy card, the data advantage is obvious. The Nabe Score pill next to price says "we've scored this place for you." Efficient for power users browsing many listings.

Concept D

Magazine Cover

Photo-dominant with overlay text. Feels like a luxury real estate magazine. Price + address live on the photo. Agent take and neighborhood data below. Premium, aspirational, editorial.

Hero photo — tall
$4,200/mo 87

123 Bedford Ave, 4A · Williamsburg

2 bed · 1 bath · 850 sqft

MR

Marcus Rodriguez

"South-facing windows, genuinely quiet for Bedford. Building super is responsive — rare around here."

🚶 92 walk
🔇 74 quiet
🏢 4.2 mgmt
👥 8 nabe

Design thinking: Photos sell apartments. This gives the photo maximum real estate while the gradient overlay keeps key info accessible. Below the fold, the agent quote + insight chips tell the Nabe story. Feels premium — like browsing a curated portfolio, not a database. Trade-off: fewer cards visible on screen.

Concept E

The Hybrid (Recommended)

Best of all worlds. Photo with floating Nabe Score + price badges. Clean info section. Agent quote strip is the visual anchor — the thing that makes you stop scrolling. Mini score bar at the bottom for quick scanning. Balanced between beautiful and functional.

Photo
87 Active
$4,200/mo

123 Bedford Ave, 4A

Williamsburg

2 bed · 1 bath · 850 sqft

MR
"South-facing, genuinely quiet for Bedford. Super actually responds — rare here."
Marcus Rodriguez
🚶 92 walk
🚇 88 transit
🔇 74 quiet
8 Nabe residents here

Design thinking: This balances every priority: photo is big enough to sell, Nabe Score floats prominently as a proprietary badge, the agent quote strip is the visual "stop" that makes this feel different from Zillow, and the mini scores + social proof give power users what they need to compare quickly. Not too tall, not too cramped. The purple agent strip pops visually and reinforces the gradient brand.

Concept F

Compact Row

List mode for when users want to scan fast. Thumbnail left, details right. Insight pills + agent quote fit in a tight space. Could be a secondary view mode alongside a full card view.

Photo
87
$4,200/mo
123 Bedford Ave, 4A
2 bed · 1 bath · 850 sqft · Williamsburg
Quiet block 92 walk
"Genuinely quiet for Bedford. Super responds." — Marcus R.

Photo
91
$3,800/mo
45 N 6th St, 2B
1 bed · 1 bath · 650 sqft · Williamsburg
Very quiet 96 walk
"Best value on N 6th right now. Laundry in-unit." — Sarah K.

Design thinking: Not every moment needs a hero card. When you're comparing 10+ listings, compact rows let you scan fast. The Nabe Score badge, insight pills, and agent quote still fit — the differentiator doesn't disappear in list view. Could pair with Concept E as a view toggle: cards vs list.

Key questions for you:

  1. Which concept(s) feel closest to the vision?
  2. Should Nabe Score be a prominent badge or subtle?
  3. Agent quote on every card, or only when they've written one?
  4. Do you want a card/list view toggle?
  5. Any elements from different concepts you'd mix together?