Mobile Search Redesign — Priya Gupta
ZILLOW · CASE STUDY

Mobile Search Experience Redesign

Overhauling Zillow's highest-traffic mobile surface (48M MAU).

Led a 3-year redesign of Zillow's primary shopping surface: a blended map/list view navigation and multi-location search. Shipped on iOS and Android, driving statistical lifts in conversion, engagement, and search retention across multiple lines of business, and giving the design system its first bottom-sheet component.

ROLESole Designer
TEAMCore Shopping and Search
TIMELINE2021 - 2024
PLATFORMiOS and Android

One app store review changed everything. Then more tickets came in. A problem that had been there for years, just never anyone's priority.

It's all map, no list Jun 12 ★★★★ · mvpaulson I just want to scroll a list of homes. Instead the map takes the entire screen and I can never get back to my results.

User problem

Zillow app users struggled to locate and use critical search functions, and finding the list view most of all. They felt stuck in the map, and moving between map and list was a disjointed, context-losing experience that left people lost and frustrated. Multiple research studies and a steady stream of customer support tickets said the same thing.

Business problem

The legacy map-first UI couldn't scale to support multi-region searching, natural language inputs, or rich listing cards required for Zillow's "Super App" strategy. Redesigning Zillow's highest-traffic screen meant balancing extreme usability gains with strict revenue risk management.

The previous Zillow app search screen: map-first with List and Filter as small text links in the header
Zillow iOS Search Experience, 2021
WHY IT TOOK SO LONG

One change to Search moves ten metrics at once.

Research told us the drawer was right. It could not tell us what would break, so we shipped one variable at a time.

48M
Monthly iOS visitors
3 yrs
Of A/B tested releases
What moves with it
For sale
For rent
New construction
Saves & searches
10 Metrics, one release

Shipped

What I shipped in 3 years

The blended map and list experience: the drawer opens to a peek, a full list, or a full map. Ability to search in 5 locations at once, search by your commute time and search near important points of interest and landmark via natural language search

01Multi-region search

Shipped on desktop and mobile web as well.

Multi-region search flow: typing a location, adding up to five, and the resulting map
02Blended map-list view with updated map controls grouping
Blended map and list flow: empty state, location entered, full list, collapsed drawer, and photo peek
  • Full mapThe bottom card stays partially visible over the map, advertising the list without requiring discovery or a mode switch.
  • PeekDragging down maximizes spatial context while keeping search filters and the saved-search CTA in place.
  • Full listDragging up transitions into a high-density, scrollable listing feed without resetting scroll state.
03Search by commute timeComing soon
04Search near POI and landmarksComing soon

How I got here

A quick audit of the existing UI

The 2021 Zillow app search screen with seven audit findings called out 1Users report not finding “list view” or “current location.” 2Not enough space for multi-region or NLP text in the search bar. 3The business is moving away from the toggle. 4“Save” is an uncomprehended element — users select it trying to save a home, and don’t know where the search went. 5Controls sit outside the thumb zone and are ever-present, even in a property-card focus state. 6Map controls have inconsistent appearance, adding to cognitive load. 7Low usage of Constellation components, making the screen less consistent and more expensive to maintain.
The screen under audit, 2021

Design sprint

I co-led a design sprint to use the list-view problem as a springboard for Zillow’s future search strategy.

Sprint board: in-scope area of the search screen, favorite How Might We notes, and proposed success metrics
Sprint board: HMWs and proposed success metrics — tap to enlarge
Sprint board, enlarged

Competitive scan · 2021

Followed by a competitive analysis: all Real-estate apps made users choose between map or list.

Every real-estate app treated the list as a place you navigate to. The only apps where both existed at once weren’t real-estate apps at all — and none of them let the peek carry an actual result.

App
How it resolves map vs. list
What it costs
Zillow (2021)
“List” text link, top-left of search bar
Full swap. Map state discarded; the link competes with the search field
Redfin
“List” text link, top-right
Same swap. Nothing on screen suggests a list exists
Realtor.com
“List” text link + icon, top-right
Icon adds no discoverability at that size
Compass
“List” text link, top-right
Shows “23K+ in view” and no way to preview any of them
Apartments.com
“List” text link in the filter row
Buried a row deeper, competing with four filter chips
Airbnb
Bottom sheet, peek shows results count
Both on screen, the peek shows inventory
Google Maps
Persistent sheet with detents
Always present; peek carries a content header.
Apple Maps
Persistent sheet, search-first peek
Always present
Competitive analysis board comparing how eight apps handle map versus list
Tap to enlarge

Exploration

Design directions that I explored

I usability tested with buyers and prototyped three concepts in Figma.

KilledA visible Map–List toggle
  • Cheapest to build
  • Switching back and forth carries cognitive load, and it still fails the people who want to start in the list.
  • Too many buttons with no hierarchy. All carry the same visual weight, so nothing reads as the primary action.
  • Doesn't support planned future Zillow experiences.
Concept B prototype: list as the default view
KilledPrimary actions bar
  • Grouping primary actions related to search together solved for heirarchy
  • Still forced users into the map view by default.
  • “List” likely still not comphrensible to users as a list view of properties
Concept C prototype: the drawer, with map above and results peeking below
ShippedBoth at once

The list sits on top of the map at a peek height, so it announces itself without being opened. There is nothing to discover, nothing to switch between, and no context is lost.

Competitive analysis board, enlarged

The redesign, one release at a time

Three years. Five releases.

Each step was shipped and tested on its own before the next one started.

Zillow app search, 2021 baseline: map with List and Filter as text links
2021 Baseline

Map-Locked Legacy UI: Map took 100% of the viewport. List and Filter sat as hidden text links in the header, leading to high drop-off and support ticket volume.

What research found
People could not find the list view, the single most requested action. Switching between map and list dropped scroll position and context. Text-link controls read as labels, not buttons, so they went untapped. Support tickets repeated the same complaint: "stuck in the map."
What the strategy required
Room in the search input field to accomodate and support multi-location and natural language search Make room on the map for richer listing content, not just pins. Patterns reusable across future Zillow experiences, not one-offs for search.
Iteration 1: results drawer rises over the map
2022 · Iteration 2 The Drawer / Bottom Sheet Component

Introduced the persistent bottom sheet over the map. The agent toggle was moved to filters to free up header space.

1st
Drawer pattern at Zillow Specified with detents, gestures, and accessibility behavior, then handed to the design system. Now a core component reused well beyond search.
What the A/B test showed / bars scaled to +1%
For-sale engaged users +0.1%
For-rent submits +0.1%
Paid for-rent building page submits +0.3%
Search saves +0.3%
Home saves +0.1%
List view views +0.15%
Paid new construction page views −0.15%

Why it dropped: New Construction leans on map UX like the "New Construction" dot label, and the blend shifted engagement from map to list. No submits were harmed.

Iteration 2: search controls regrouped, Save search promoted
2023 · Iteration 3 Control Consolidation & CTA Promotion

Regrouped header search controls into a single bar, converted text labels to accessible icons, and promoted "Save Search" directly onto the map canvas.

What the A/B test showed / bars scaled to +1%
+8% For-rent search saves
For-rent engaged users +0.9%
Email connections +0.65%
For-sale engaged users +0.35%
Overall submits +0.3%
Paid for-rent submits +0.2%
For-rent page views +0.1%

Not everything went up. The shift from map to list cost paid New Construction detail page views 0.4% and mortgage CTA clicks 1.3%. Neither harmed submits, so we turned the new experience up to 100% on the iOS shopping and rental app.

Search after the 2024 brand refresh
2024 Brand Refresh

Applied the refreshed brand system end to end across the search experience, from map pins to the results drawer. Zillow went through a multi-year brand refresh starting in 2024, with an updated visual identity, a new brand foundation, and a visually refreshed design system.

Back to All work →
Protected case study This work is under NDA. Enter the password from my résumé or email me for access.
That password didn't match.