Home Search Flow

The split-screen workhorse of real-estate search: a scrollable list of listing cards on one side, a live map of pins on the other, and a rail of filters across the top. The interaction is two-way — pan the map and the list re-queries; tighten a filter and both panes redraw — so the flow is really about keeping list, map, and filters in sync without overwhelming the shopper.

1 / 3

For sale — the map-plus-list default

The for-sale view is Zillow's canonical screen: listing cards on the right, an interactive map of price pins on the left, and a filter bar pinned above both. It's a master class in synchronized state — the list shows only what's in the map's current viewport, and Zillow has to make that coupling feel obvious without a tutorial.