screenroveSCREENS WORTH STUDYING
Screenrove / Design references

Airbnb / From search to sign-in

Logged-out desktop journey: home, destination search, dates, guests, results, listing, header menu and the log-in / sign-up modal. No account was created and nothing was entered, so sign-up, onboarding and every signed-in screen (trips, wishlists, messages, booking) are not captured. Locations, prices and listings are personalised to the visitor and change over time. Filters and the photo tour were opened but nothing was applied or booked.

1. Home, logged out

Category tabs (All, Homes, Experiences, Services) sit above a three-part search pill (Where / When / Who) with a round red search button. Below it, stacked horizontal carousels of listing cards. Row titles and locations are personalised to the visitor.

Airbnb — Home, logged out

2. Destination suggestions

Typing "Lisbon" lifts the Where cell into a white pill and lists Lisbon, Portugal first, then neighbourhoods (Lisbon Baixa, Chiado, Alfama) and a landmark area, each with an icon tile. The search button expands to show its "Search" label.

Airbnb — Destination suggestions

3. Date picker

Two-month calendar with a Dates / Flexible toggle and "Exact dates / ±1 / ±2 / ±3 / ±7 / ±14 days" chips. Past dates are greyed. Some dates carry green or red circles; what they signify was not verified.

Airbnb — Date picker

4. Guests picker

The Who cell opens a sheet with Adults, Children, Infants and Pets steppers, each with minus/plus controls starting at 0. A "Bringing a service animal?" link sits under Pets. Nothing was changed.

Airbnb — Guests picker

5. Search results with map

"Over 1,000 homes in Lisbon". A two-column card grid beside a Google map with price pins. The header collapses to a compact search pill and a second row holds Filters plus amenity chips (Washing machine, Wifi, Free parking, Air conditioning, Kitchen, Self check-in, Hairdryer, TV, Iron). Cards show rating, host type, dates, struck-through price plus total, and badges.

Airbnb — Search results with map

6. Listing detail, top of page

Title with Share / Save, a one-large-plus-four photo grid with "Show all photos", a facts line, a Guest favourite rating card, and a booking card headed "Add dates for prices". Only the top viewport was captured. A "Translation on" notice modal appeared over this page in an earlier pass; it did not appear in this one.

Airbnb — Listing detail, top of page

7. Header menu, logged out

Dropdown: Help Centre, a Become a host promo, Refer a host, Find a co-host, Gift cards, then Log in or sign up.

Airbnb — Header menu, logged out

8. Log in or sign up modal

One modal for both log in and sign up: a single "Phone number or email" field, a full-width red gradient Continue button, an "or" divider, then Google and Apple icon buttons. The page behind is dimmed. Nothing was entered or submitted.

Airbnb — Log in or sign up modal