screensdesign
LibraryCreateMCPPricingLoginRemoved appsApp Store ScreensWeb Onboardings

Mobile property review flow examples

Search the library

Vrbo Vacation Rentals: Evaluating a Property

Open recorded flow

  1. Step 1 · 2:11

    Vrbo Vacation Rentals: Top image carousel, middle property title and rating, highlights card, and bottom persistent booking bar.See the flow
    Vrbo Vacation Rentals

    Top image carousel, middle property title and rating, highlights card, and bottom persistent booking bar.

  2. Step 2 · 2:27

    Vrbo Vacation Rentals: Top navigation bar followed by a promotional card, detailed property information list, and a sticky bottom booking footer.See the flow
    Vrbo Vacation Rentals

    Top navigation bar followed by a promotional card, detailed property information list, and a sticky bottom booking footer.

  3. Step 3 · 2:29

    Vrbo Vacation Rentals: Top navigation bar followed by booking summary cards, pricing section, host contact button, AI search module, and a sticky bottom booking footer.See the flow
    Vrbo Vacation Rentals

    Top navigation bar followed by booking summary cards, pricing section, host contact button, AI search module, and a sticky bottom booking footer.

  4. Step 4 · 2:39

    Vrbo Vacation Rentals: Top navigation bar, followed by an AI search card, a long-form text description of the property, and a fixed bottom footer with pricing and booking action.See the flow
    Vrbo Vacation Rentals

    Top navigation bar, followed by an AI search card, a long-form text description of the property, and a fixed bottom footer with pricing and booking action.

  5. Step 5 · 2:45

    Vrbo Vacation Rentals: Top navigation bar followed by host information, rating summary, horizontal review cards, and a sticky bottom booking footer.See the flow
    Vrbo Vacation Rentals

    Top navigation bar followed by host information, rating summary, horizontal review cards, and a sticky bottom booking footer.

  6. Step 6 · 2:49

    Vrbo Vacation Rentals: A modal overlay with a header, a list of price line items, a total summary, a rewards notification, a financing link, and a bottom-anchored primary action button.See the flow
    Vrbo Vacation Rentals

    A modal overlay with a header, a list of price line items, a total summary, a rewards notification, a financing link, and a bottom-anchored primary action button.

  7. Step 7 · 2:53

    Vrbo Vacation Rentals: Top navigation bar followed by a urgency banner, property summary card, social proof box, and a list of booking details and pricing.See the flow
    Vrbo Vacation Rentals

    Top navigation bar followed by a urgency banner, property summary card, social proof box, and a list of booking details and pricing.

Redfin: Buy, Sell & Rent Homes: Analyzing a 'For Sale' Property

Open recorded flow

  1. Step 1 · 6:31

    Redfin: Buy, Sell & Rent Homes: Top image carousel, middle property stats and address, bottom sticky action bar.See the flow
    Redfin: Buy, Sell & Rent Homes

    Top image carousel, middle property stats and address, bottom sticky action bar.

  2. Step 2 · 6:36

    Redfin: Buy, Sell & Rent Homes: A bottom sheet overlaying a property image, containing a series of vertical sections for tour scheduling and offer initiation.See the flow
    Redfin: Buy, Sell & Rent Homes

    A bottom sheet overlaying a property image, containing a series of vertical sections for tour scheduling and offer initiation.

  3. Step 3 · 6:48

    Redfin: Buy, Sell & Rent Homes: Vertical stack of cards including commute info, date/tour type selection, action buttons, and open house info, with a sticky bottom action bar.See the flow
    Redfin: Buy, Sell & Rent Homes

    Vertical stack of cards including commute info, date/tour type selection, action buttons, and open house info, with a sticky bottom action bar.

  4. Step 4 · 7:17

    Redfin: Buy, Sell & Rent Homes: Top commute card, date picker, tour type selector, primary action buttons, and upcoming open house information.See the flow
    Redfin: Buy, Sell & Rent Homes

    Top commute card, date picker, tour type selector, primary action buttons, and upcoming open house information.

  5. Step 5 · 8:32

    Redfin: Buy, Sell & Rent Homes: Top navigation bar, followed by a tabbed view, a date header, a map link, and a single large property card containing details and action buttons.See the flow
    Redfin: Buy, Sell & Rent Homes

    Top navigation bar, followed by a tabbed view, a date header, a map link, and a single large property card containing details and action buttons.

  6. Step 6 · 8:57

    Redfin: Buy, Sell & Rent Homes: A modal overlay containing a summary header, a breakdown list, an expandable advanced options section, and a bottom action bar.See the flow
    Redfin: Buy, Sell & Rent Homes

    A modal overlay containing a summary header, a breakdown list, an expandable advanced options section, and a bottom action bar.

  7. Step 7 · 9:12

    Redfin: Buy, Sell & Rent Homes: Top header with property image, monthly payment summary, modal overlay, input fields, and bottom action bar.See the flow
    Redfin: Buy, Sell & Rent Homes

    Top header with property image, monthly payment summary, modal overlay, input fields, and bottom action bar.

  8. Step 8 · 9:34

    Redfin: Buy, Sell & Rent Homes: Top navigation bar, followed by a welcome message card, a property summary bubble, an AI response bubble, and a bottom text input area with a keyboard.See the flow
    Redfin: Buy, Sell & Rent Homes

    Top navigation bar, followed by a welcome message card, a property summary bubble, an AI response bubble, and a bottom text input area with a keyboard.

  9. Step 9 · 9:45

    Redfin: Buy, Sell & Rent Homes: Top navigation bar, chat history area with bubbles, quick reply buttons, and bottom input area with keyboard.See the flow
    Redfin: Buy, Sell & Rent Homes

    Top navigation bar, chat history area with bubbles, quick reply buttons, and bottom input area with keyboard.

Hotels.com: Book hotels & more: View Hotel Details and Initiate Booking

Open recorded flow

  1. Step 1 · 3:21

    Hotels.com: Book hotels & more: Top navigation bar, search summary header, filter bar, scrollable list of hotel cards, filter chips, and a floating map button.See the flow
    Hotels.com: Book hotels & more

    Top navigation bar, search summary header, filter bar, scrollable list of hotel cards, filter chips, and a floating map button.

  2. Step 2 · 3:28

    Hotels.com: Book hotels & more: Hero image at the top, followed by property title, rating, amenities list, and a sticky bottom action button.See the flow
    Hotels.com: Book hotels & more

    Hero image at the top, followed by property title, rating, amenities list, and a sticky bottom action button.

  3. Step 3 · 3:52

    Hotels.com: Book hotels & more: Header with title and icons, hero image carousel, modal body with selection lists, and a sticky bottom footer for pricing and reservation.See the flow
    Hotels.com: Book hotels & more

    Header with title and icons, hero image carousel, modal body with selection lists, and a sticky bottom footer for pricing and reservation.

  4. Step 4 · 4:00

    Hotels.com: Book hotels & more: Top navigation bar followed by a loyalty status header, a step indicator, a property image carousel, property details, and a date summary card.See the flow
    Hotels.com: Book hotels & more

    Top navigation bar followed by a loyalty status header, a step indicator, a property image carousel, property details, and a date summary card.

  5. Step 5 · 4:08

    Hotels.com: Book hotels & more: Top navigation bar, followed by a list of booking details, date summary, terms section, primary CTA button, and footer security disclosures.See the flow
    Hotels.com: Book hotels & more

    Top navigation bar, followed by a list of booking details, date summary, terms section, primary CTA button, and footer security disclosures.

Found an example you like?See the whole story.

See the full library See plans