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 ‘24

    Test
    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.

Previous Designs and New Solutions

Old Filter Designs

New Filter Designs

A Brief Note: These designs were not implemented because the deciding KPI was OpV. Since OpV did not reach statistical significance, the company decided that the designs would not be permanently implemented.