Go back Case study 02

FindStay

A web application that helps users find nearby stays and services like food, sanitation facilities, during urgent situations.

Role
UX Designer
Type
Web app
Tools
Figma
View full prototype
Web app · Figma
FindStay booking summary: the stay, check-in and check-out dates, a price breakdown and a Continue button. FindStay guest details: name, email and phone fields under the heading Who's Checking In? FindStay payment: a list of payment methods beside a card details form. FindStay confirmation: a booking reference, price summary, guest and stay details.

Problem

People traveling for work often visit unfamiliar cities and struggle to find safe accommodation, nearby food resources, and sanitation facilities.

Solution

FindStay is a web application that helps users find nearby stays and services like food, sanitation facilities, during urgent situations.

Prototype

The FindStay prototype, running here. Click through the booking flow the way a guest would.

Loading the prototype. If it doesn't appear, open it in Figma below.

Built in Figma. Open it full screen in Figma ↗

Screens

  • FindStay login page: a welcome card with email and password fields, Google and Apple sign-in, over a photograph of a hotel room. Log in
  • FindStay home page: category shortcuts, a recommended stay, reasons to book, and a filterable row of stays. Home
  • FindStay listing page: a photo gallery, a date and guest picker, reviews, amenities, nearby places and the host. Listing

Role

UX designer, created personas, empathy mapping, user site map and designed wireframes, lo-fi in Figma.

Outcome / impact

  • Make it easier and faster to find nearby stays
  • Build greater trust in stay information
  • Improve visibility into room availability and pricing

Design outcomes

  1. 01

    Smart Stay Filter

    Filtering by stay type, room availability, helps users find suitable stay options.

    The home page, with a row of filter chips: Work Friendly, Private Rooms, Shared Rooms, Budget Friendly and Family Rooms, above matching stays.
    Filter chips sit directly above the results, so the list answers back as you switch.
  2. 02

    Clear Room Information

    Every card clearly displays stay name, price per night, vacancies, helps users make confident booking.

    The listing page: guests, bedrooms, beds and bathrooms under the title, with a price panel, reviews and amenities.
    Capacity, price and rating are settled before a visitor has to scroll.
  3. 03

    Nearby Services Locator

    Beside stays, the application also helps users locate nearby food resources and sanitation centers during urgent situations.

    The Explore nearby section of a listing: chips for restaurants, amusement parks, shopping malls, cinemas and parks.
    Explore nearby sits on the listing itself, so services are found in context.

Key learnings & takeaways

  • Research before designUnderstanding users and existing applications helped define a good solution.
  • Simple navigation winsA clear information architecture enabled faster decisions during urgent situations.
  • Filters should reduce effortWell-designed search and filtering help find suitable stays faster.