Airbnb
Map and list bound together, with price total that arrives too late.
Airbnb's search couples a scrollable card grid with a live map; hovering a listing pops its pin, and panning the map re-queries results. It's a clean split-view interaction that most travel sites copied. The listing page leans on a large image gallery and a sticky reservation panel that follows you down the page, holding the date picker and price. Where it earns criticism is honesty of price: the nightly rate shown in results historically ballooned at checkout once cleaning and service fees landed, a gap regulatory pressure pushed it to close with upfront totals. Wishlists and the heart toggle are genuinely good saved-item patterns. The host-review system is mutual and time-boxed, which quietly suppresses negative reviews.
App store
Flows
Flows for Airbnb are being captured
We haven't taken Airbnb apart screen by screen yet. Explore the UX patterns it's known for, or request an audit of your own product.
Request a UX auditLanding page
The complete property listing
From the photo gallery to the footer: stay details, amenities, calendar, reviews, neighborhood map, host and policies. The page was scrolled to load its images and map before capture. Off-screen highlights and host-name text appear faded in the full-page image; the following section captures show them fully visible.
Flows
Step through each flow screen by screen.
Notable UX patterns
How does your product compare to Airbnb?
Get a free UX Snapshot of your page — a quick read on what works and what to fix.
Free course
WCAG 2.2 Fundamentals: Audit a Screen for Accessibility
6 lessons · ~25 min
Start lesson 1 →