Integrated Search Flow

Three states of the same Listings tab. Filter mode, Vibe mode, and Map view.
All features integrated into one cohesive experience.

State 1 (Default)
Filter Mode
Standard search. Horizontal filter chips. Sort by Nabe Score. Smart match banner. Deal dots on cards.
Listings
Filters
Vibe
List
Map
Rent
$2-4K
1-2 bed
Nabe 80+
Quiet
More
47 listings Sort: Nabe Score ▼
3 new matches for you
Based on saves & history
View →
91
$3,800/mo
45 Green St · Greenpoint
1 bed · 1 bath · 720 sqft
Quiet 88Agent
87
$4,200/mo
89 E 10th St · East Village
2 bed · 1 bath · 950 sqft
Smart matchAgent
83
$2,900/mo
221 N 7th St · Williamsburg
Studio · 1 bath · 480 sqft
Quiet 85
Default state. Filter chips for specs + Nabe-exclusive quality filters. Deal indicator dots (green/yellow) on each card thumbnail. Social signal tags ("2 friends nearby"). Smart match AI banner.
State 2
Vibe Mode
Tap "Vibe" toggle. Filter chips swap to lifestyle vibes. Results re-rank by vibe match %. Same listings, different lens.
Listings
Filters
Vibe
List
Map
🤫 Quiet
Coffee
🚶 Walkable
🍸 Nightlife
🐕 Dog-friendly
👶 Family
🌳 Green
🍽️ Foodie
🌊 Water
Your vibe: Quiet + Coffee + Walkable
Best areas: North Greenpoint (92%), East Williamsburg (87%)
23 vibe matches Sort: Vibe match % ▼
91
$3,800/mo
45 Green St · Greenpoint
1 bed · 1 bath · 720 sqft
96% vibe matchQuiet 88
85
$3,200/mo
112 Java St · Greenpoint
1 bed · 1 bath · 600 sqft
91% vibe matchAgent
83
$2,900/mo
221 N 7th St · Williamsburg
Studio · 1 bath · 480 sqft
87% vibe match
Same tab, different mode. Tap Vibe toggle — chips swap from specs to lifestyle vibes. Results show "96% vibe match" tag. Sort defaults to vibe match %. Swapping back to Filters mode restores the spec-based chips. Both modes share the same underlying listings.
State 3
Map + Heat Overlays
Toggle to Map view. Same filters/vibes apply. Heat map overlays show neighborhood quality zones. Pins show Nabe Scores.
Listings
Filters
Vibe
List
Map
Rent
$2-4K
Nabe 80+
More
91
87
83
72
Noise Walk Transit Nabe Score
$3,800/mo
45 Green St · Greenpoint
Quiet 88 Good deal
91
Map view: Same filters apply. Heat overlay toggles (noise, walkability, transit, Nabe Score). Pins show Nabe Score numbers. Tap pin = card preview at bottom. All three states (Filter, Vibe, Map) are the same tab — just different views of the same data.