Wego is a travel metasearch company with headquarter in Singapore and offices in United Arab Emirates, Indonesia and India. It is the largest online travel marketplace in the Middle East and North Africa (August 2017). In 2016, the search experience on Wego was outdated as it was designed in 2013 for the different customers. People travelled with new purposes and needs compared to 2013, and therefore, the search experience needed to be redesigned to accommodate this shift in travel behaviours.
I led the design project from research phase in June 2016 to the finalisation of the interface design in January 2017. I worked as the only designer for Flight Search and with another designer in designing for Hotel Search.
As travelling had become more accessible and affordable to people, designing for any travel marketplace needed to consider different needs of all customers. The diversity in purposes and demographics of travellers posed a challenge in designing for Wego to help customers find the right travel products.
We gathered customers’ qualitative feedback and recognised that people had many different expectations when reaching our platform. These expectations were either different or higher than what we designed the search experience in 2013 for. We also recognised many drop-off points in the search funnel in Google Analytics, which validated our initial qualitative insights.
How to gain trust from customers and manage their expectation of values throughout the funnel from the search form to the final booking with our business partners?
Transparent + Fair = Trustworthy
A meta-search website build trustworthiness by being transparent about available data and fair to all products in the marketplace. With a database having data of all flights and hotels, we provide transparent travel information so that people can make informed decision. Having more data comes with the responsibility to extract and show the meaningful bits. An user-centric marketplace does not simply display as many products as possible, but need to make the decision-making process worry-free for the customers. We also wanted to show the right products from our partners to our users without any hidden bias.
A problem for any travel search engine is the time required for data polling after user hit button Search, which make people feel like waiting for long time. In this design concept, the problem is solved by a progressive loading animation. The new loading animation intend to create a sense of frictionless experience, taking people to their exciting destination by having big image and “opening up” movement of elements. My idea is inspired by article The Illusion of Time, by Adrian, which introduces solving time perception with illusion, instead of actual speed. The design also displays which business partners our platform is working with to provide the best results.
We wanted to help customers, both experienced and inexperienced travellers, make informed decision based on their travel preferences. At the same time, we wanted to help bring the right travel products from our business partners to the right customers.
Flexible + Helpful = Empowering
The act of searching is active, and, therefore, we want to empower our customer with flexible ways to view the results and be responsive and helpful when they are likely to be confused.
Most customers want to get the cheapest (with flexible timing), the fastest (to save time), or the most comfortable (especially long flight) options. We, therefore, made these the sorting orders to improve their usage.
The collapsible filters allow a quick overview of what people can select. The UI components such as dropdown, slider and checkbox are used to help user find their preferred flights. The status at the top shows how many flights are being displayed out of how many flights found in the search unfiltered. When people choose Show All, all filters are reset. The copy Show All is proven to be clearer than Reset. Google Analytics showed that using certain filters lead to higher conversion rate of booking. The order of filters was based on this finding.
In mobile interface, the filter control stays at bottom of the screen for better usability. The commonly used filters are visible while other filters are accessed through button More.
Component-based design process
As our products are on desktop, tablet, mobile devices with different screen sizes, we designed the responsive components firstly then compiled them all into pages and screens. Each component went through many rounds of iteration and the library of components is maintained and shared among designers in our team.
The redesign of search experience was launched in July 2017. Conversion rate from the search form to the handoffs to our partners’ website went up significantly. The usage rate of filters was higher. After this launch, Wego received another round of funding in August and September 2017.
All information in this case study is my own and does not necessarily reflects Wego's view.