Location & Maps in Search
ClassPass · Design Lead · 2021
I was the lead product designer on the consumer product and helped evolve the user experience through multiple projects. I have collaborated with products managers, engineering leads, user researchers to get to the results you see below.
Challenge
Through research and data we learned location, next to pricing and timing, is one of the most important criteria when users decide which fitness class to try. Up until this project users specified their location in the app through a map or through a multi-select list of neighborhoods that ClassPass maintained. Because ClassPass wanted to expand to countries other than the U.S. we had to find a more scalable system fast.
The existing experience relied on multi-select neighborhood selection that added customer friction.
While comparing UI patterns some best practices emerged: map at top of results and single location lookup.
Solution
From data I knew that most customers found their new fitness studio on the map in the app. This meant that we could transform the initial business need into a customer win. By removing the cumbersome neighborhood list and making the map front and center we could improve the chances of connecting early-life customer with a new studio they like in their neighborhood. I created many prototypes to put in front of users to mitigate any usability risks but also to uncover the most feasible solution early on with the engineers.
Some of the iterations the team and I compared. We built towards the final UI in different phases prioritzing immediate customer value.
I used prototypes to clearly express the expected interactions.
The final result. Users can swipe up to see more of the list or swipe down to see more of the map.
I lead the design for the Android and web platforms. Our principle for this project was to keep feature parity between different platforms for the core booking flow.