top of page
hidden doorways cover image.png
Entrance_to_the_Corycian_Cave.jpg

Filters and Cards for Hidden Doorways

OVERVIEW

The client, Hidden Doorways, requested a redesign of their filtering system, aiming to enhance user experience and provide additional filtering options. The existing setup lacks versatility and does not cater to the evolving needs of users.

The client desires an improved filtering mechanism that not only includes additional filters but also introduces new filter subcategories within accordions. The goal is to empower users with a more comprehensive and efficient way to refine their search results.

The proposed solution involves a multifaceted approach to meet the client's requirements and enhance the overall user experience.

Card 1.png

Card view

Users can more intuitively filter based on geographic region, adding a layer of granularity to searches.

Frame 5317.png

Left Rail Filter

Users can easily navigate and apply filters without disrupting their main viewing area.

hidden doorways card 2 - list view.png

List View

Users can easily navigate and apply filters without disrupting their main viewing area.

hidden doorways card 4 - region tiles.png

Region Tiles

Users can more intuitively filter based on geographic region, adding a layer of granularity to searches.

CLIENT

Hidden Doorways offers a high end travel experience. Their customers are travel agents and brokers, representing individuals and families seeking unique travel destinations and experiences.

DEFINE REQUIREMENTS

Hidden Doorways wanted help with the Destinations page of their site. Their users, typically brokers and travel agents, need to be able to browse and filter for possible destinations for their clients.

Hidden Doorways wanted to expand their list of filters, adding more filter categories and creating a handful of subcategories. Hidden Doorways also wanted destination cards with images for a more visual search experience. That being said, they have used the same UI for years, and wanted to make sure their veteran users have access to a familiar search experience. Our solution would need to be responsive, accounting for a compelling and usable experience for both desktop and mobile.

🗂️

Expanded list of filters and subcategories

🏞️

Design new Destination cards with place images

🗺️

Maintain the preexisting list format for longtime users

🤳

Responsive design that works for mobile experiences

WIREFRAMES

After working through several card and filtering designs, we came up with a solution that accommodated list and card view, and one that was friendly to multiple screen resolutions.

Desktop browser design

👀

Card View - Desktop 1925 px (Default State).png
counter 1.png

Left Rail Filter

We introduced a left rail filter, and accordions per filter category. As a user selects filters, the “Apply Filters” button reflects the number of search results, so users can avoid zero results, while they receive system feedback.

counter 2.png

Region tiles

The original destinations page grouped places by country, creating many single item categories. Now users can filter results by region in both card and list view.

counter 3.png

Select view dropdown

We implemented a “Sort By” style dropdown menu to allow users to switch between card and list view. Card view is now default, and veteran users can choose to view destinations by list.

Entrance_to_the_Corycian_Cave.jpg

* other projects

ROI Calculatorn HOT  pink.png
ROI Calculator for Minoa

Feature Redesign / 2024

Frame 1618868016.png
Executive Summary Redesign for Minoa

Feature / 2024

bottom of page