Back
Simplifying the process of finding and renting public event spaces
Simplifying the process of finding and renting public event spaces
Airbnb-like facility marketplace that helps community members search and request public event spaces in their local area
Product
Industry
Real estate, marketplace
Industry
Real estate, marketplace
Industry
Real estate, marketplace
Dates
Nov 2022 - May 2023
Dates
Nov 2022 - May 2023
Dates
Nov 2022 - May 2023
Client location
The United States
Client location
The United States
Client location
The United States
Team
1 designer, 2 developers, 1 QA, 1 PM
Team
1 designer, 2 developers, 1 QA, 1 PM
Team
1 designer, 2 developers, 1 QA, 1 PM
Did you know that school facilities can be rented?
This may come as a surprise to many, but public event spaces like gyms, pools, classrooms, basketball and tennis courts, and even theaters and auditoriums are often available for rent.
Our clients have an operating facility booking platform but their users have faced issues with the old booking flow. The process was not as smooth as they would have liked it to be, resulting in a high number of customer support calls.
My task was to improve the booking flow, avoiding any major changes that could intimidate returning users
Aside from UX problems, the previous design was outdated, and it was time to make it more modern.
The majority of platform users are 50 and older, so we need a simple user interface with additional visual hints instead of blindly following latest UI trends.
Old UI: facility details page; date & time picker
After gathering user feedback, I conducted competitive research to understand familiar patterns
By reviewing FullStory data and chatting with users, I identified the main issues:
A common practice is to display photos in a grid format, allowing users to view more photos if desired. Icons are used to make information easier to scan. The booking section is usually fixed on the right side of the page, offering users to select from available dates and time slots. Additionally, a "You may also like" section is included to enhance the search process.
Together with the team, we decided to split page into sections and work on each in iterations
The top section includes the facility name, its owner, location, and images. To showcase more pictures, I have chosen to display the photos in a grid format.
In the previous design, there was a large map that users rarely interacted with but it still cost client money to display it. To reduce maintenance costs, we have decided to hide the map under a See on map button, this way clients only pay per request.
Amenities section showcases everything that the facility has to offer. We display rates, capacity, and all services and equipment that are available for booking. To make it easier for users to scan this section, I grouped all items and added icons.
Most of our effort went into the booking flow
We went through multiple iterations, some of which were completely different from the old designs, just to test some ideas and think outside the box.
After testing multiple versions of time pickers with users and discussing the restrictions of each with developers, we decided to reuse the grid layout from current design. It allows users to see availability right away and they can select as many hours as they need. We added functionality to show range on hover and adjust minutes to any value (this was a legal requirement from client side).
Once we tested our final prototype and verified that our designs met AA accessibility requirements, we handed off the designs to the developers
The new developed flow made availability clearer, reduced steps in the process, and grouped information more logically. As a result, more users were able to complete bookings without confusion, and the platform expected a reduction in support calls related to scheduling and amenity selection.
More case studies
Did you know that school facilities can be rented?
This may come as a surprise to many, but public event spaces like gyms, pools, classrooms, basketball and tennis courts, and even theaters and auditoriums are often available for rent.
Our clients have an operating facility booking platform but their users have faced issues with the old booking flow. The process was not as smooth as they would have liked it to be, resulting in a high number of customer support calls.
My task was to improve the booking flow, avoiding any major changes that could intimidate returning users
Aside from UX problems, the previous design was outdated, and it was time to make it more modern.
The majority of platform users are 50 and older, so we need a simple user interface with additional visual hints instead of blindly following latest UI trends.
Old UI: facility details page; date & time picker
After gathering user feedback, I conducted competitive research to understand familiar patterns
By reviewing FullStory data and chatting with users, I identified the main issues:
A common practice is to display photos in a grid format, allowing users to view more photos if desired. Icons are used to make information easier to scan. The booking section is usually fixed on the right side of the page, offering users to select from available dates and time slots. Additionally, a "You may also like" section is included to enhance the search process.
Together with the team, we decided to split page into sections and work on each in iterations
The top section includes the facility name, its owner, location, and images. To showcase more pictures, I have chosen to display the photos in a grid format.
In the previous design, there was a large map that users rarely interacted with but it still cost client money to display it. To reduce maintenance costs, we have decided to hide the map under a See on map button, this way clients only pay per request.
Amenities section showcases everything that the facility has to offer. We display rates, capacity, and all services and equipment that are available for booking. To make it easier for users to scan this section, I grouped all items and added icons.
Most of our effort went into the booking flow
We went through multiple iterations, some of which were completely different from the old designs, just to test some ideas and think outside the box.
After testing multiple versions of time pickers with users and discussing the restrictions of each with developers, we decided to reuse the grid layout from current design. It allows users to see availability right away and they can select as many hours as they need. We added functionality to show range on hover and adjust minutes to any value (this was a legal requirement from client side).
Once we tested our final prototype and verified that our designs met AA accessibility requirements, we handed off the designs to the developers
The new developed flow made availability clearer, reduced steps in the process, and grouped information more logically. As a result, more users were able to complete bookings without confusion, and the platform expected a reduction in support calls related to scheduling and amenity selection.