Restaurant Web Design

5 Must-Have Features For Every Restaurant Website in 2019

restaurant website design ideas

TheĀ restaurant website is one of theĀ most important tool for branding, growing the business and engaging customers effectively. ItĀ is a critical part of the restaurant’s digital marketing plan.

Ā 

Does a restaurant need a website?

Yes, absolutely.

Almost half of the restaurants out there do not have a website or their website is outdated.

Some have made their social media pagesĀ their primary online presence. Yet, others have made their presence on 3rd-party platforms (microsites) as their primary online presence.

That is a huge mistake. BecauseĀ the business does not own its online presence. ThisĀ would hurt the business sooner or later.

Ā 

The restaurant website should be the primary online presence for the business

It is important for theĀ restaurant to be available online. When people search theĀ business name or theĀ food, the restaurant website needs to show up on search results.

Once visitors land on theĀ restaurant website, whether they stay or leave depends on if they are getting value from the website and if their experience on theĀ website is a good one.

Above all else, theĀ website should provide the information customers are looking for plus encourage them to engage online; and ultimately visit the restaurant.

An outdated website or under construction websites offer no value to theĀ restaurant or itsĀ customers.

Ā 

Restaurant Website Design

The goals of the restaurantĀ website can be many. But, if the primary goal of the restaurant website is “conversion”, which is to drive new business to the restaurant, the website design needs to optimize for that primary goal.

Here is list of 5 features every restaurant website design must-haveĀ to enable conversions from online visitors to dining customers:

Ā 

1.Ā Mobile-FriendlyĀ Design:

A big majority ofĀ people are now accessing the restaurant website from a mobile device.

With the smartphones alreadyĀ ubiquitous, people on-the-goĀ tend to search for restaurants either on theĀ mobile browser or mapping app such as google maps, etc. that directly link to the restaurant website.

The biggest challengeĀ is the limited screen size when accessing the restaurant website on mobile devices. We need toĀ spare the website visitor from having to pinch and zoom to read and comprehend the information and navigate to site.

If the restaurant has a website already, before jumping into migrating into mobile-responsive design, firstĀ look the online visitors data to verify that the restaurant website is in fact getting a significant amount of traffic from mobile users to justify the investment in design.

This data is easily available from various analytics tools withĀ google analytics being the most popular one and free to use.

Ā 

Install Mobile Analytics:

TheĀ restaurant website needs to haveĀ google analytics installed on the website. This can be done by creating an account on google analytics website.

It is simple to install the Google analytics code. If the restaurant website is a wordpress website, installing the google analytics plugin and plugging in the google analytics id is all that is required. For other websites, google analytics provides html code that can be installed easily on the website.

Once installed, you can begin to see data onĀ online visitors. Monitor the restaurant website traffic for a short period of time (1-2 weeks) to get a good sample data.

The google analytics data looks similar to the image below. Check the “device category” data and see the split of mobile, desktop and tablet.

In this particular example, mobile visitors comprise of over 67% of traffic (mobile+tablet). As you can see from this example, it is vital for this restaurant to be mobile-friendly to serve every 2 out of 3 online visitors.

Ā 

google analytics data

Ā 


Need a mobile-friendly website?

Contact our team to have your restaurant website up by this weekend.


Check Mobile-friendliness:

With mobile-friendliness becoming so important, Google itself has provided a tool to test any website for mobile friendliness.

Ā 

Google mobile-friendly test

Simple input your restaurant website address in this site and let it analyze it for you. It then provides a score and recommendations how to make the site friendly on mobile devices.

Below is an example of restaurant website, that did not pass the mobile-friendly test because the text on the restaurant website is too small to read and links too close together making it difficult for the mobile visitor to navigate the website and find the information.

Restaurant mobile friendly website test

Ā 

Accelerated Mobile Pages (AMP):

With an increasing focus on mobile, Google is also spearheading a new initiative to improve the speed of pages loadingĀ on phones and tablets. This initiative is called Accelerated Mobile Pages or AMP in short.

If your restaurant website is developed on popular cmsĀ platforms such as wordpress, there are currently plugins to enable AMP for your website. For other cms platform, code is available to enable it.

Accelerated Mobile Pages Project Link:

https://www.ampproject.org/

Ā 

2. Accurate Information:

TheĀ restaurant website should beĀ the single source of “accurate” online information about theĀ restaurant.

Potential customers looking for information about your business land on various online platforms (microsites), mobile apps orĀ local directories such as the Yellow pages, Yelp, Foursquare, Google+, Zomato, Grubhub, Groupon, etc.

You can manage the information on these sites and keep it up-to-date, but there are a lot of them. The good news is they get much of their information from theĀ restaurant website initially. The bad news is they are not kept up to date over time.

Well, it becomes much more important why the restaurant website has to have accurate information at all times.

Below is an example of a restaurant website, where the hours listed on Restaurant website, Google and Yelp are not the same. This creates confusion for online visitors trying to decide on the visit times and potential dissatisfaction if they visit close to the restaurant closing times.

Restaurant hours

Ā 


In the article “The Nuisance of Restaurant Microsites“, we discuss how microsites have been creating a nuisance for restaurants by fragmenting the online presence, leaking traffic and impacting revenues.

The Nuisance of Restaurant Microsites


The following is the basic set of information that must be kept updated on theĀ website:

  • Address and directions
  • Hours of operation
  • Menu and nutritional information (if applicable)
  • Phone number
  • Email address (or contact us form)

Additionally, if applicable to the business, catering information, specials, eventsĀ and announcements should be clearly provided in the website.

It is important to refresh the website regularly to remove information that is not relevant such as past events, promotions and deals that have expired.

Ā 

3. Usability

Once visitors land on the restaurant website, whether they stay or leave depends on the “ease of of use” of the website. Ensure that users are not bending their backs to find the information they are looking for.

Ā 

Page Speed:

People are fickle and lack patience. A slow loading website will lose their interest. TheĀ website needs to load fast. Otherwise, users will simply move on and possibly not return. Limit the use of heavy graphics and animations to improve load times.

Google provides the Page Speed Insights tool to be able to test the speed of websites. It is free.

Below is an example of a beautifully designed restaurant website, with lots of food pictures. When you do run page speed test, the page load times are over 12 seconds. The pagespeed insights score are indicated below. Even though the restaurant website is beautiful, potentially we may see online visitors leave the site (high bounce rates), as users lose interest with slow loading pages.

When it comes to “conversion”, we lose an opportunity to engage with the user longer on the website and potentially convertĀ them to dining customers.

Ā 

Restaurant website page speed insights

Ā 

Design Considerations:

TheĀ restaurant website design must be inviting. Deciphering all the opinions on what makes a website inviting is impossible. The best choice is to keep it simple.

From a user perspective, when they land on a website, the site design shouldĀ inviteĀ them to explore and engage with the content further on the website once they find the information they wereĀ after.

The website design should complement the actual restaurant decor and menu. For a website visitor and a dining customer, the experience from the website to the physical location and vice-versa should be a seamless experience.

Ā 

Usability Testing:

There are many usability testing tools available on the web, most of them free, that provides feedback on user experience on the website.

Video review:

http://peek.usertesting.com/

5-second test:

https://usabilityhub.com/five-second-test

Peer review:

http://www.criticue.com/

Ā 

4. Testimonials andĀ SocialĀ Proof

After potential customers have found the factual information (such as address, hours and menu, etc) about the business on the restaurant website, they now are looking for social proofĀ to make a decision whether to dine or order food from the restaurant.

The restaurant website should provide “proof” to help potential customers make the decision.

“Who else is visiting this website”, “who areĀ dining at this restaurant”Ā and “what are they saying about this restaurant” are some of the questions guests tend to naturally ask.

It is important for the restaurant website to provide integration of reviews, ratings and testimonials from review sites and social media platforms.

Easy integration to social media platforms such as Facebook, Twitter, Google+, provide a quick way for guestsĀ to visit the restaurantĀ pages on these platforms and like and share with their friends.

Social proof can be provided on the restaurant website by publishing the number ofĀ likes, follows and reviews; theĀ restaurant website needs to show the good reviews from sites like Yelp or Foursquare to provide the visitor a good first impression. Include things visitors will share on social media.

Ā 

5.Ā EmailĀ Re-targeting

Ideally, we want the first-time visitor to the restaurant website to continue to engage with the restaurant digitally, so thatĀ the restaurant is on top of their mind when it comes to dining choices.

Connecting with your website visitors is a very effective way to engage with them and potentially turn them toĀ customers.

Social media and email are good online mediums to start and have an ongoing connection with your guests.

Ā 

The email list is one of the most important online assets the restaurant must grow and nurture. Every restaurant website must provide ways to subscribe to the restaurant email list.

Email signup forms should be placed in multiple, relevant locations such as theĀ specials page (signup for our email list to receive special offers), contact us form (stay informed on updates), and popups on the website.

Ā 


In the article “7 Restaurant Email Marketing Strategies to Boost ROI” we discuss strategies to have an effective email marketing program for your restaurant. We cover the strategies to get a positive return on investment on marketing leveraging email.

7 Restaurant Email Marketing Strategies to Boost ROI


In another article “7 Ways for Restaurants to Increase Facebook Engagementā€ we discuss Facebook’s declining organic reach and how to grow engagement effectively. Though Facebook is still a strong force which every business should leverage, we do not control any content or policies on Facebook that can change. It is smart for a business to build, grow and nurture its own assets such as their website and the email list.

Ā 

7 Ways for Restaurants to Increase Facebook Engagement


Additional features

In addition to the above 5 things every restaurant website must have, the other features a restaurant shouldĀ have depends on the restaurant conceptĀ and their offerings. Some of the additional features to consider adding to the website are:

Photo gallery – Photos are visually engaging. The restaurant website shouldĀ have a photo gallery that isĀ regularly updated with photos of the restaurant, food and events.

Location based personalization – selecting the nearest restaurant location based on the userā€™s current location. This is relevant for multi-unit restaurants.

Online ordering– for customers ordering food online and either pickup of having it delivered to their home or other locations.

Online reservations – for reserving a table for a particular day and time.

Search engine optimization – optimize the website so that when people search for food or food related topics, theĀ restaurant website shows on the first page results.

Content marketing – creating various forms of content such as articles, recipes, photos, videos to create interest among visitors and engage with them.

Web analytics – capture and analyze website data to be able to analyze traffic, unique users and other web data to make data-supported decisions on the website itself and business decisions.

Ā 

Newsletter signup

Ā 

Absolute No-No

Now that we have discussed theĀ must-have and nice-to-have features of the restaurant website, it is time to look at those things that are aĀ absolute no-no for the restaurant website. Here are the few featuresĀ you should never include on theĀ restaurantā€™s website:

  • FlashĀ – that technology is outdated, makes a website load slower and is not viewable on many mobile devices.
  • Background music – that concept is also old and is just not relevant today.
  • External advertising – Do not place Google AdSense ads on theĀ restaurant website. You could consider in-house ads, but never external ads.

Summary:

Restaurant websites come is a variety of shape and sizes. They are at various levels along the maturity curve. On one end is a basic 1-2 page website generally hosted on a free hosting service. Often these websites have the basic information (#1) and generally load quickly (#2) because there is not much content on it.

On the other end, few are well-developed websites with high-traffic and engagement. These websites have all the 5 in place in addition to other features.

Ā 


Need a restaurant website? We design mobile-responsive websites for restaurants and pizzerias with online menus and integrating online ordering and reservations.Get your website built fast and go live within 72 hours.

Learn about our Restaurant Website Design serviceĀ Ā»


Now your turn:

Does your restaurant website have the 5 must-have features today? Is theĀ restaurant website helping drive customers and revenue for your business? Tell us what is working and what you plan to improve.

Is there anything else that is innovative that you have implemented on your site.

Share it with us in the comments area.

General FAQs

šŸ–„ļø Why do restaurants need a website?

Every business needs a primary online presence in addition to its physical presence for its customers to find it online to get information and buy its product and services. The restaurant website is its primary online presence. Every restaurant must have a website representing its business.
Learn more about restaurant website must have features

šŸ–„ļø What makes a good restaurant website?

A good restaurant website should be well designed, represent the business brand and is fully functional to support the customers.
Learn more about how to create the perfect restaurant website

šŸ–„ļø What are some restaurant website design examples?

Many restaurants have amazing website designs. What makes the website design great is branding, beautiful design and with fully functional features that serves the restaurant customers.
Learn more about amazing restaurant website design

šŸ–„ļø Is it a good idea to use cheap website builders for restaurants?

With website design, you truly get what you pay for. Cheap website builders starting at $19 per month, for example, are low cost templated designs with limited SEO functionality. If you value your business and brand, it is best to design a website that represents its originality and not built from a template.
Learn more about using website builders for your restaurant

šŸ–„ļø What is functional website design?

A functional design of your restaurant website includes all the functioning elements of your website. It is more that pretty design with images and videos. It includes mobile-responsiveness, progressive web app (PWA), online ordering, online reservations, email marketing, social media marketing, mobile marketing, SEO, local optimization to just name some functional features.
Learn more about must-have features of restaurant websites

šŸ–„ļø How often do I need to update the restaurant website?

As often as necessary to keep the information accurate for your online visitors. Do not let your website go stale with no updates for long time. Add new pictures. You website should be functional, which means it serves your customers.
Learn about restaurant website design

šŸ–„ļø How much should I spend on restaurant website redesign?

To determine a budget for your restaurant website redesign project, start with your restaurant’s business goals. What do you want your restaurant website to do for your business? The website redesign project should align with your business goals and a budget allocated accordingly.
Learn more about restaurant website features that drive traffic and boost profits

šŸ–„ļø Why do I need a restaurant website when I have a facebook page?

Yes, you need a restaurant website as it is the primary online presence. The restaurant facebook page is on another platform that you do not control. Scary but true, it is possible to loose your facebook page with changing facebook policies and algorithms. If that happens, you are left with little recourse.
Learn more about restaurant website design

šŸ–„ļø Is there a problem with 3rd-party provided website for my restaurant?

3rd-party websites are called Microsites. They are a huge nuisance for restaurants and affect the business. Every restaurant should make an attempt to get rid of them from 3rd party platforms.
Learn more about the nuisance of restaurant microsites

šŸ–„ļø How to build a restaurant website?

We recommend building your restaurant website on a wordpress platform with a restaurant optimized theme. Stay away from cheap website builders. Build your restaurant website to represent your brand and one that is fully functional, which means the website is actually supporting your business goals.
Learn more about restaurant website design