From responsive design to mobile website

Published May 27, 2015

Like most travel sites today, providing a great mobile experience to users is increasingly important. Just two years ago, mobile devices represented just 13% of visits to Today they represent 33% of visits, with desktop representing 54% and tablet representing 13%.

In 2012 we launched a responsive design which employed @media CSS tags to mold Rome2rio’s desktop design onto the smaller display. The resulting experience was passable but not optimal.

This week we’re excited to launch a new, separate web interface for mobile users. The layout is cleaner and easier to navigate with information laid out across more panels. The map is displayed on a separate screen, accessible from all pages via an array of button on the bottom rail. High resolution icons are now used. Most importantly, the performance has been substantially improved and the CSS and Javascript payloads have been reduced.

The screenshots below provide a comparison between the old and new interface for mobile visitors:

Old vs new mobile UI

In the process of developing the mobile site, we took the opportunity to refine parts of our desktop site. For example, we refreshed the hotel view, left rail itineraries and transit details panel.

Hotels new UI

We also made some improvements to Rome2rio’s multi-hop interface, which is perhaps the most complex part of the site’s design:

New multi-hop UI

Some aspects of the new design have yet to ship and will roll out over the next month or two. These include more mobile friendly configuration menus and auto-complete inputs.

Mobile autocomplete


Chris on our team created a short guide to the new mobile interface:

We hope you enjoy the new design and find Rome2rio even more useful for planning journeys and reviewing itineraries whilst on the road.

Written by
Co-founder & CEO
Rome2rio, based in Melbourne, Australia, is organising the world’s transport information. We offer a multi-modal, door-to-door travel search engine that returns itineraries for air, train, coach, ferry, mass transit and driving options to and from any location. Discover the possibilities at