Traditional websites were designed using fixed pixel or point units and therefore looking (more or less) the same on all devices. Responsive web design on the other hand uses percentages, arranging website elements relative, not absolute to each other. The website layout adapts to screen size by using fluid, proportion-based grids and flexible images with help of CSS3 media queries.
According to Wikipedia it is “a web design approach aimed at crafting sites to provide an optimal viewing experience — easy reading and navigation with a minimum of resizing, panning, and scrolling — across a wide range of devices (from mobile phones to desktop computer monitors)”.
The result is a so-called fluid web design. You can see whether a website layout is fluid by looking at it in a browser, then changing the size of the browser window. A responsive website layout will change “fluidly” and adapt to ‘different screen sizes’ smoothly.
Below is an example, a video screen shot we took of our blog:
Why is it so important for hotels to make their website responsive?
Particularly the young generation, i.e. Millennials, are increasingly likely to use mobile or tablet devices for travel planning and an the road. Google expects that search queries from mobile devices will overtake those from desktops in 2015!
In Google Analytics we already see the share of traffic from mobile and tablet devices ranging between 20% to 50%. This is massive!
Moreover, mobile bookings are growing faster than desktop: 20% versus 2% over the first 6 months of 2014.
Without a responsive website, hotels potentially lose a lot of guests. In the best case scenario, they book the same hotel via an OTA website or app. In the worst case, they are gone forever…
At e-conceptory, we create responsive websites for hotels using the latest technologies: HTML5 and fluid web design for all screen sizes from mobile phone, to tablet, to desktop computer.