Skyscanner

Bringing life to the travel technologies and destinations of 2020.

Skyscanner and the Future of Travel

Skyscanner is a leading global travel search site, providing instant online comparisons for millions of flights, as well as car hire and hotels. Their APIs are used by businesses the world over, from tech start ups to household brands like Lonely Planet, and help millions of users take advantage on the best deals everyday.

We’ve been lucky enough to be involved in a number of innovative projects with them since 2013, providing a range of digital services, including the development of campaign websites, applications, and support and maintenance of their central CMS.

The Future of Travel is one such campaign site that aims to position Skyscanner, not only as experts on flight, but as thought-leaders for the travel industry as a whole, with a nod to their own special DNA of originality and creativity.

Fully responsive website localised to 24 markets

The Future of Travel reveals what’s in store for holidaymakers in the 2020s; examining the dynamic changes consumers will encounter in planning and taking travel over the next decade. It paints a detailed picture of how breakthrough technologies will shape the global travel industry, with a range of beautiful illustrations.

Skyscanner’s design team produced the artwork for the report, and we worked with them to decide how it could be made into an interactive website that behaved differently depending on the user's location, browsing preferences and device. We started with a simplified mobile first HTML5 site that was accessible over low bandwidth and used feature detection to progressively enhance the experience.

The full desktop experience took advantage of the latest technologies available to the user. Scalable vector graphics (SVGs) were used to frame each scene to the user's viewport without loss of quality, whilst scroll based animations were introduced to bring life to the central focus of each illustration. For the most part these were hardware accelerated CSS3 transformations, as it meant the device's Graphics Processing Unit (GPU) could concern itself with this aspect of the build and the central Computer Processing Unit (CPU) could focus on increased rendering and performance in the browser.

Surpassing Expectations

The campaign has been well received by the media, with high quality articles in a number of target publications including Mashable and CNN, describing skyscanner as a travel brand rather than a flight comparison site. The story even went wider than media titles with coverage in key websites including virgin.com. Articles referred to the site for quotes and illustrations, helping the campaign site be ranked on the first page of Google across all markets within the first month of launching, and reach over 400% of its targetted audience for phase one.