Responsive Web Design for Hotels

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.

Below is an example, a video screen shot we took of this very blog:

Now, why is it so important for hotels to make their website responsive?

Read the article below about mobile-first travelers!

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.

Hotel Pic of the Week: 25hours Bikini Hotel Berlin

Hotel Lobby Lounge with view over Gedächtniskirche Berlin and Bikini Berlin

The 25hours Hotel Bikini Berlin is located next to Berlin Zoo and in the very center of Berlin city West. It is part of a newly opened concept mall, the Bikini-Haus. From the Neni Restaurant and Monkey Bar on the 10th floor, the view over the Zoo itself and Berlin is stunning and can only be compared to Hugos Gourmet Restaurant on the 14th floor of InterContinental Hotel Berlin. The hotel concept can be described as urban jungle but see for yourself…

Hotel Pic of the Week: The Limelight Hotel Aspen

The Limelight Hotel Aspen by Corinna Witt
The Limelight Hotel Aspen, a photo by Corinna Witt on Flickr.

Roof-top terrace belonging to guest room with view of Aspen Mountain

This boutique hotel is located perfectly next to Aspen Mountain. It’s within walking distance to all of Aspen’s landmarks, restaurants and hotspots and offers spectacular views over Aspen and the Rocky Mountains from the top floor terraces. Very nice!