Skip to main content
Member Login→

Scout mobile header — design comparison

Scout mobile chrome mockups

Static mockups only — no production components. iPhone frame 390×844px. Sections: header logo · bottom nav · combo.

Current (production)

Full lockup row + search row — matches live ScoutHeader phoneMapHeader.

Est. top chrome: ~118px header + filters

Open fullscreen →
6:505G+ 32%
MyPropertyScoutBy Bertrim Property Intelligence
Combine: "Ottawa Westboro"
46 homesFreeholdClear allSort: Best value ▾
$1.2M$570K$1.5M$800K
LISTING STATUS

Option 1 — Single-row map header

Recommended

Crown 32px + inline search + Save. No wordmark on map mobile.

Est. top chrome: ~56px header + filters

Open fullscreen →
6:505G+ 32%
Combine: "Ottawa Westboro"
46 homesFreeholdClear allSort: Best value ▾
$1.2M$570K$1.5M$800K
LISTING STATUS

Option 3 — Shrunk lockup (all mobile)

28px crown, 16px wordmark, subtitle hidden. Still two rows on map.

Est. top chrome: ~96px header + filters

Open fullscreen →
6:505G+ 32%
MyPropertyScout
Combine: "Ottawa Westboro"
46 homesFreeholdClear allSort: Best value ▾
$1.2M$570K$1.5M$800K
LISTING STATUS

Option 4 — Search in filter bar

Header = crown + Save only. Search moves into filter bar first row.

Est. top chrome: ~44px header + filters w/ search

Open fullscreen →
6:505G+ 32%
Combine: "Ottawa Westboro"
46 homesFreeholdClear allSort: Best value ▾
$1.2M$570K$1.5M$800K
LISTING STATUS

Option 5 — Horizontal logo-scout.svg

Scaled /brand/logo-scout.svg above search. Still two rows; wordmark remains.

Est. top chrome: ~100px header + filters

Open fullscreen →
6:505G+ 32%
MyPropertyScout
Combine: "Ottawa Westboro"
46 homesFreeholdClear allSort: Best value ▾
$1.2M$570K$1.5M$800K
LISTING STATUS

Option 6 — Uniform density shrink

Recommended

Same 4-row layout as production (logo + search + filters + count). Tighter padding, type, and control heights only — no removals. ~28px more map.

Est. top chrome: ~154px all 4 rows (vs ~182px)

  • Row 1 — Logo: crown 36→30px, wordmark 20→17px, subtitle 8→7px; header py 8→6px, gap 6→4px.
  • Row 1 — Save: keep “SAVE SEARCH” label; padding 9×12→7×10, font 11→10px.
  • Row 2 — Search: min-height 40→34px, font 13→12px, icon 16→14px.
  • Row 3 — Filters: bar padding 6→4px; buttons 36→32px min-height; fonts −1px.
  • Row 4 — Count/sort: row height 36→30px; count 12→11px; chip 11→10px.
  • No removals — same 4 rows, same controls; map gains ~28px on a 390px phone.
Open fullscreen →
6:505G+ 32%
MyPropertyScoutBy Bertrim Property Intelligence
Combine: "Ottawa Westboro"
46 homesFreeholdClear allSort: Best value ▾
Top chrome 154px
+28px map
$1.2M$570K$1.5M$800K
LISTING STATUS

Option 2 — Logo variant prop

Two contexts side by side: compact on map/search, full lockup on bottom-nav tab pages.

Option 2 — Logo variants (map + tabs)

Recommended

mapCompact on search/map; full lockup on Favorites/Account tab pages.

Est. top chrome: Map ~56px · Tabs ~52px

Open fullscreen →
6:505G+ 32%
Combine: "Ottawa Westboro"
46 homesFreeholdClear allSort: Best value ▾
$1.2M$570K$1.5M$800K
LISTING STATUS

Option 2b — Tab page (full logo)

Recommended

Favorites / Account keep full wordmark + subtitle.

Est. top chrome: ~52px

Open fullscreen →
6:505G+ 32%
MyPropertyScoutBy Bertrim Property Intelligence
Tab content (e.g. Favorites)

Combined recommendation

Stack top + bottom chrome savings

Pairs the recommended density pass (Option 6) with the most aggressive bottom nav (Nav C) for maximum map workspace while keeping every control.

Combo — Option 6 + Nav C

Recommended

Uniform density shrink on all 4 top rows (same layout as production) plus icon-only bottom nav on the map tab. Maximum workspace without removing brand or controls.

Est. chrome: ~154px top + ~46px nav (vs ~182px + ~60px)

  • Top — Option 6: tighter padding, type, and control heights across logo, search, filters, and count rows.
  • Bottom — Nav C: hide tab labels on /scout map only; icons stay 20px with 40px touch targets.
  • Map gain vs production: ~42px total (~28px top chrome + ~14px bottom nav).
  • Other tabs (Favorites, Account, etc.) keep labeled nav — Nav C is map-tab scoped in production.
Open fullscreen →
6:505G+ 32%
MyPropertyScoutBy Bertrim Property Intelligence
Combine: "Ottawa Westboro"
46 homesFreeholdClear allSort: Best value ▾
+42px map
Top 154px (+28)
Nav 46px (+14)
$1.2M$570K$1.5M$800K
LISTING STATUS

Bottom nav mock: Nav C — Icon-only (map tab) (~46px (+ safe area))

Scout bottom nav — workspace comparison

Shrink bottom nav → more map

All frames use the recommended compact header (Option 1) so you compare bottom nav only. Map area grows automatically when the nav bar is shorter. Badge shows pixels gained vs production nav.