SCOUT LISTING UX

Listing page — above-the-fold mockups

Three hierarchy options for address, MLS, price, and key facts. Option A is now production. Compare B & C for future A/B tests.

Research-backed hierarchy (2025–26)

Price first — buyers decide in <3 seconds; don't bury it below gallery
Emoji fact bar — 🛏️ 🛁 📐 scannable without reading labels; saves ~40% horizontal space vs text pills
Address second — street bold, area muted on its own line
MLS tertiary — one muted line; never competes with price
Gallery height capped on mobile — 168–240px so price + facts + CTA fit above fold
Single primary CTA — sticky bottom bar on mobile; sidebar on desktop

✅ SHIPPED v2

Price → emoji facts → address → MLS → gallery. Live with hero API, mobile strip, and More actions sheet.

Recommended default. Matches 2025–26 VDP best practice: price + key facts above the fold on mobile.

$635,000

Active— UNSCORED

🛏️ 3🛁 2📐 1,800+ ft²🏠 Detached🚗 2-car⏱️ 12d

Blossom Park – Airport and Area · Ontario · K1X 1H3

MLS® X13171102 · 2603 – Riverside South · K1X 1H3

📷 16 photos

Prototype

Key info / Map / Agent tabs collapse secondary content. Good when map + agent compete for space.

Try if buyers bounce before scrolling to sidebar on mobile.

$635,000

🛏️ 3🛁 2📐 1,800+ ft²🏠 Detached🚗 2-car⏱️ 12d

5643 Ficko Crescent

MLS® X13171102 · 2603 – Riverside South · K1X 1H3

📷 16 photos

Prototype

Sticky dark strip: price + top 3 facts. Expand ▼ for address/MLS. Maximizes gallery viewport.

Best for thumb-zone buyers who want photos first but need price always visible.

$635,000

5643 Ficko Crescent

🛏️3🛁2📐1,800+ ft²

📷 16 photos