Building and Prototyping Airbnb's Flexible Search Experience
Categories Filters V2 and Revamped Search Flow (2022)
In 2022, I was responsible for developing version 2 of the categories filters and revamping the search flow for Airbnb's flexible search experience, serving as the flagship feature for Airbnb's 2022 Summer Release. I held the role of Senior Frontend Engineer responsible for the web experience on desktop and mobile web. This work can be found on Airbnb's homepage and received notable attention in the press, including articles on TechCrunch and The Verge.
Categories v2 Filters on Desktop Web
Categories v2 Filters on Mobile Web
Revamped Search Flow on Mobile Web
New Flex Locations Picker on Desktop
Brian Chesky presenting Airbnb Categories as part of the Airbnb 2022 Summer Release
Flexible Dates and Categories Filters V1 (2021)
Throughout 2021, my focus was on building the initial version of the new categories filters for the "I'm Flexible" feature and leading the technical development for the flexible dates search feature. After prototyping the initial version of flexible dates I functioned as the technical lead for the project and worked closely with product managers, designers, and other engineers to deliver a high-quality product. This work was part of efforts to integrate flexibility into search, a topic I discussed in an external talk, available for viewing here. This initiative was covered by several media outlets, including Engadget, Entrepreneur, TechCrunch, and ABC News.
the "expanded dates" features allow users to expand their dates by 1, 2, 3, or 7 days
flex dates feature allows users to search for stays for a weekend, week, or month, within the selected months
flex dates feature on mobile web
category filters v1
Brian Chesky, Introducing Airbnb's Flexible Dates feature at the Airbnb 2021 Release
Design System Redesign, New Filters and Search Bar (2019-2020)
From 2019 to 2020, I was responsible on updating the Airbnb's filters and search bar as part of its 2029 design system overhaul. My contributions were pivotal in developing a new search bar, implementing a multi-step mobile search input flow, and enhancing various filters such as guests, dates, price, amenities, property type, and more. You can view screenshots of this redesign in the Airbnb's S1 filing. This project not only prepared me for upcoming projects in 2021 and 2022 but also established the groundwork for the filter architecture through extensive refactoring and a transition to TypeScript. Additionally, I played a key role in creating new filters for online experiences and evolving the UI for nearby destination searches in light of COVID-19, with a focus on prototyping Airbnb's search experience to enhance flexibility.
new 2019 filter bar
new 2020 search bar launched with new covid19 homepage
search bar v2 with new date and guest pickers with collapse animation on scroll
new filters for online experiences
new filters panel with updated price, amenities, and property type