Responsive web design demystified

The explosion of the mobile and social media channels and the emergence of the new tablet channel present a major challenge to hotel marketers: creating and managing digital content across three distinct distribution and marketing channels (desktop, mobile and tablet) as well as publishing the hotel’s latest special offers and promotions on the hotel’s social media profiles.

Over the past few years, industry experts have projected staggering growth rates in leisure and unmanaged business travel bookings via the mobile channel, and yet, a careful analysis of industry statistics and projections reveals a very interesting picture that not all hoteliers fully understand: The majority of “mobile” bookings, room nights and revenue are generated by tablet devices such as the iPad, Samsung Galaxy and Google Nexus, not by “pure” mobile devices like the iPhone and Android- and Windows Mobile-based smartphones.

According to Google’s data, 7% of all searches now come from tablets, versus 14% from mobile devices and 79% via desktops (2012). Google projects hotel queries from tablets will increase this year by more than 180%, while queries from mobile devices will jump by 68% and desktop searches will decline by 4%.

Online travel consumers and Internet users in general exhibit a variety of behavioral patterns when browsing the Internet. For all practical purposes, the desktop, mobile device and tablet address different needs at different times of the day and week. According to Google, users searching Google utilize:

  • Desktop during the day (office)
  • Mobile during lunch break + happy hour
  • Tablet later in the evening when lounging

The new multi-device world requires new solutions

In this multi-channel, multi-device world in which we live, hoteliers are overwhelmed by the variety of marketing and distribution channels and devices on which they need to establish and maintain a presence. It is difficult for many properties to keep their “old-fashioned” desktop website up-to-date, let alone the three different versions of the property website necessary today to accommodate the unique usability and content requirements in each of the three distinct device categories: desktop, mobile (smartphone) and tablet. This is why some hoteliers are becoming receptive to the “one site fits all” solution promoted by some web design vendors.

Many web development vendors with no experience in hospitality have been promoting responsive web design (RWD) as the recommended approach to provide optimal viewing experiences across a wide range of devices, from desktop to smartphones. Coined by author and web designer Ethan Marcotte back in 2010, RWD has become a favorite sales pitch topic in the industry of late.

In my view, for content-rich and revenue-focused websites like the hotel website, fitting the desktop website into different screen sizes via traditional RWD is not good enough.  Just imagine using simple responsive design and trying to fit Marriott’s desktop website and all of its 22,700,000 pages indexed by Google onto the iPhone 4S’ 640×960 screen, or even into the iPhone 5’s 640×1136 screen. Or fitting all of’s 22,200 pages into a Samsung Galaxy S’ 480×600 screen. Obviously, this is an unmanageable task.

Hotels should serve the correct website content for each device category (desktop, mobile and tablet) while ensuring the optimum user experience, relevancy of information and conversions. This is achieved via RESS (responsive design on server side) — the next generation of RWD.


The main difference between RWD and RESS is the type of web content served in the different devices: desktop, mobile (smartphones) and tablet. The traditional RWD will serve the desktop website across all devices while attempting to optimize the “viewing” experience. This may work for some small, non-revenue-focused websites.

RESS will serve different content on different devices, thus addressing not only the viewing experience, but also the critically important issues of relevancy and type of information presented to the user, and the visual presentation of the hotel product while achieving optimum user experience, conversions and website revenue in the process.

Further analysis of online travel consumers and the unique characteristics of each of the “three screens” explains the need for specialized content on each device, and why fitting the desktop website into the smartphone screen or the hi-res touchscreen iPad is not a smart idea after all:

Desktop users: The traditional “desktop” travel consumers need as much information as possible, including a minimum of 25-50 content pages per property and another 50-100 specialized marketing and landing pages featuring special packages, promotions and events. Desktop users also place high value on visual galleries with photos and videos, customer reviews and other in-depth information. 

Mobile users: The always-on-the-go mobile traveler requires short, slimmed-down content with an emphasis on property location, area maps and directions, real time “smart rates” and availability, an easy-to-use mobile booking engine and a click-to-call property reservation number. Due to usability and security issues, six of every 10 mobile bookings actually happen via the voice channel. Very few people are comfortable entering their credit card information into their iPhone in a public place. Very few hotel mobile websites provide an alternative to guaranteeing your booking without entering your credit card.

Tablet users require deep, visually enhanced content about the property and its destination. A well-structured, highly visual hotel tablet-optimized website can generate conversion rates several times higher than those of mobile devices. In contrast, tablet users have no issues booking a hotel via their device. A well-structured, highly visual hotel tablet-optimized website can generate conversion rates several times higher than those of mobile devices. Across HeBS Digital’s hotel client portfolio, tablets generate 200% more room nights and 430% more revenue than the “pure” mobile devices. Apple’s iPad rules the tablet world: more than 91% of tablet visitors, 96% of tablet bookings and 98% of tablet revenue come from iPad devices.


The desktop, mobile and tablet devices and their respective marketing and distribution channels should be treated as separate device categories. Three distinct device categories constitute the “three screens” to which hoteliers should pay special attention in 2013: desktop, mobile and tablet.

In 2013, upgrade your website technology to the next generation of content management system (CMS) to enable:

  • Management of desktop, mobile and tablet website content (copy, photos, special offers, events and happenings) via a single centralized dashboard.
  • Adopt RESS, which enables specialized/different content to be served on different devices — addressing not only the viewing experience, but also the critically important relevancy of information and visual appeal of the hotel product, and achieving optimum user experience and conversions in the process.
  • Use analytics tools to determine contributions from and the dynamics of each of the three channels.

Of course, all three device channels must be integrated in the hotel’s multi-channel marketing strategy.