TravelSupermarket.com is one of the UK’s leading travel search and comparison sites, with 4.4 million unique visitors per month.
The site indexes flights, hotels, package holidays and car hire deals from a wide range of providers.
It allows users to search within each of these channels, quickly find the cheapest deals and click through to book on the provider site.
This was a massive redesign, re-platforming and brand refresh project. The existing site was built on an ageing technology platform, and was not optimised for mobile devices.
- Develop product vision and roadmap in partnership with Product and Creative Directors.
- Design fully responsive site with improved UX and contemporary design.
- Redesign hotels search from scratch and re-skin other channels.
- Lift and shift 6000 pages of existing content.
- Create interactive prototypes and conduct user testing.
- Comparison sites allow users to access thousands of search results with ease. But the volume of results makes identifying the best choice much harder. Research showed the priorities of individual users varied widely. The challenge was to present sufficient information with each result without overloading the user.
- The site contains a vast amount of heavily search optimised content. While it served it’s job of driving traffic, research indicated that users found the content hard to digest and disconnected from the site’s primary function to provide travel search results. Importance of SEO performance to business model meant the content could not be changed. Great care would be needed to deliver improvements without impacting SEO.
- Some usability problems were baked in because the project scope did not allow functional changes to the search engine API.
- Ageing technology platform limiting growth of business
Sharp increase in mobile traffic but site not optimised for mobile devices
Realisation that TSM was falling behind in a highly competitive sector, in both its UX and feature set.
Growth in hotels channel limited by reliance on white-labelled search engine.
TravelSupermarket earn a commission on each click, or when the customer makes a booking.
Revenue is dependent on high traffic volumes, and the business model relies heavily on attracting visitors through organic search.
TravelSupermarket.com comprises literally thousands of pages of SEO holiday-related content.
The existing site was an unruly mess, with over 20 different content layouts all of which were poorly structured and difficult to read.
I was able to rationalise this into a single responsive layout with a set of modular components catering for various content types.
Mapping the Customer Journey
The customer journey map is a key tool for identifying customer pain points and business growth opportunities.
TSM only serves a narrow slice of the holiday maker’s customer journey.
I led the product team through a series of journey mapping workshops. The outputs were used as a framework for developing our product vision and roadmap.
The exercise highlighted issues users face keeping track of interesting search results, typically over an extended period and on more than one device. At the same time, there were no opportunities in the existing journey for the business to collect customer data. This insight helped make the case for TSM to develop bookmarking functionality.
Pen and paper allow me to explore ideas quickly and get feedback from team members early in the process. I’m also a fan of Markdown for outlining the content structure, and capturing experience principles.
The TSM UI is based on a modular set of components with consistent design patterns and styling. Search results are represented as cards. A lot of time was spent designing the search results cards, ensuring a consistent visual language across each of the search channels.
A great deal of care went into ensuring the design looked great and worked well on all devices from mobile phone up to 27 inch
TSM was a waterfall project, so I built HTML prototypes to guerrilla test the design before handing over to the dev team.
- 13% increase in unique visitors
- Improved conversion across all channels.