What is responsive web design?
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)”.
A website, designed in a responsive way adapts the layout to screen size by using fluid, proportion-based grids and flexible images with help of CSS3 media queries.
Now this sounds pretty technical, but it’s what developers have to worry about.
For everyone else, responsive web design is easily explained:
- Traditional websites were designed using fixed pixel or point units.
- Responsive web design on the other hand uses percentages, arranging website elements relative, not absolute, to each other.
The result is a so-called fluid web design. You can see whether a website layout is fluid when looking at it in a browser, then changing the size of the browser window. If the site is responsive, the website layout will change “fluidly” and adapt to ‘different screen sizes’ smoothly.
Now, why is it so important for hotels to make their website responsive? Refer “Why travelers want from hotels“.
Especially the young generation, i.e. Millennials, are increasingly likely to use mobile or tablet devices for their travel planning. Google expects that search queries from mobile devices will overtake those from desktops by the end of 2014!
Take a look at the Google Analytics data for your existing hotel website. What share of traffic comes from mobile devices? We see traffic from mobile and tablet devices ranging between 20% to 50%. Which is massive!
Imagine you ‘scare’ away so many potential hotel guests by not being up-to-date with your hotel web design.
In the best case scenario, they book your hotel via an OTA website or app. In the worst case, they are gone forever…
At e-conceptory, we create your hotel responsive website using the latest technologies: HTML5 and hotel responsive web design for all screen sizes from mobile phone, to tablet, to desktop computer.