View All Passes Page - Mobile Filters
A design test to try out new filters on a mobile web page for the Digital A/B team
A project from Vail Resorts
-
My Contributions
Research
UX Design
UI Design
-
The Team
Me, Product Designer
Product Owners
Developers
-
Duration
Design
Mar ‘24 - Jun ‘24Test
Jul ‘24 - Sep ‘24 -
Project Type
Website Filter Redesign
-
Tools Used
Figma, Figjam, Jira, Notion
The Process
01 - Planning and Discovery
Our project focused on redesigning the filter experience on the View All Passes page of epicpass.com. We hypothesized that this redesign would help guide guests to the most suitable pass product, potentially leading to a higher Orders per Visitor (OpV) rate. Our approach was based on data indicating that users who interact with filters tend to have higher OpV and Add to Cart rates, with an even more significant impact observed among mobile users. The target audience for this project was specifically users who accessed the View All Passes page on the Epic Pass website.
02 - Research
For the research phase, I analyzed filter designs on various product pages across different websites. This examination provided insights into design trends and best practices. I identified patterns in filter presentation, organization, and interaction. This exploration informed our design approach, ensuring alignment with user expectations while allowing for potential innovations to enhance the user experience.
03 - User Experience Design
Using the patterns and trends from the research phase, I first worked on some rough wireframe ideas and then expanded to full designs to continue exploration. We eventually landed on a final design that the team agreed was the right fit and feasible to implement in the allocated amount of time.
04 - Testing and Validation
We evaluated this design through an A/B test, comparing our new filter design against the existing one. This method provided valuable insights by randomly assigning users to either a control group (existing design) or a test group (new design). We gathered quantitative data on our key performance indicators (KPIs): filter usage and its impact on Orders per Visitor (OpV). This data-driven approach ensured our design decisions were based on solid evidence.
The Results
The user engagement with the new filter design showed a noticeable improvement over the previous version. This increase in interaction was particularly notable on mobile, where filter usage saw a dramatic increase from a mere 5.7% to a substantial 23.5%. . On desktop devices, the filter usage rate experienced a small uptick, rising from 18.1% with the old design to 30.7% with the new design. These statistics clearly demonstrate that users found the redesigned filters more accessible, intuitive, and valuable in their search for suitable pass products.