Responsive Web Design for Restaurants | Chris Marsh, vectorocket.com

 

Responsive Web Design for Restaurants

There is no doubt that the number of smartphone users in America is on the rise. According to Nielsen’s new U.S. Consumer Usage Report 2012, 56 percent of Americans owned a smartphone as of Q3 2012. An early 2010 ITU (International Telecommunication Union) report said that with the current growth rates, web access by people on the go — via laptops and smart mobile devices – is likely to exceed web access from desktop computers within the next five years.

When we look at all the mobile Internet usage data, we discover that restaurants fair very well. According to eMarketer, 24 percent of mobile searches in 2012, were for restaurants, the largest share of any category. Of those searches, nearly two-thirds (64 percent) purchased their meal within an hour of their search. Overall, 85 percent of smartphone users eventually converted. If restaurants want to convert mobile users into customers, they need provide a mobile friendly experience.

Living in a big city where eating out is the norm, I find it challenging to look up a restaurant’s website on a mobile device. Many restaurants use Flash based websites. Unfortunately, if you are an iPhone user like me, the two are not compatible with each other (click here for an article by Steve Jobs in 2010 about the iPhone not supporting Flash). Some restaurants have menus that have been scanned from the printed version and are hard to read, while others have websites that simply don’t fit on smaller screens. Time and time again, I find that restaurants are not giving their prospective customers a mobile friendly experience. If you aren’t set up for mobile, then you are missing out on sales.

The question is, what can restaurants do to change this? The answer is responsive web design for restaurants. Responsive web design makes your website instantly adapt to mobile devices. A user will get nearly the same experience on a mobile website as they would on their desktop computer. Check out the two screen shots below:

 

Website on a laptop computer:

laptop-form-a-circle

 

 
The same website as above, but optimized for mobile using responsive web design:

iphone-form-a-circle

 

Can you see the advantage? If a website is not coded using responsive web design, the user would have to zoom in and out constantly to find the desired information. As demonstrated above, responsive web design optimizes a website for both platforms (desktop and mobile). The magic is all in the code. If you are viewing this blog post in a desktop browser, simply ‘grab’ the bottom right corner of the web browser and pull it in and out using your mouse. You will see that the content within the web page adjusts with the size of the browser window. All CMS based websites created by VECTOROCKET use responsive web design. If you are interested in finding out more, contact us today!

Leave a comment