In the kitchen the food sizzles. The clink of silverware and the chatter of conversation fill the dining room. This place is hopping. From the floorplan to the menu, the owners have put tons of thought into the details of this physical space.
Their website deserves no less attention to detail. Whether it’s a new restaurant or a neighborhood mainstay, it needs a website to get more customers in the front door. Here’s how to ensure you’re building a restaurant website that brings in new customers in droves.
What you need to create a restaurant website
Here are 8 things you need to consider when building a restaurant website:
1. Know the clientele
Creating a great restaurant website starts with the answer to one simple question: Who wants to eat there?
A four-star steakhouse appeals to a much different demographic than an ice cream parlor. And that difference should influence every decision you make, from colors to fonts, all the way to the overall layout.
A restaurant that specializes in fine dining calls for a more elegant aesthetic (unless they’re bucking that trend). It wouldn't be off-brand to use a stylized font that evokes sophistication set against a background of dark brown or black. An ice cream parlor, on the other hand, begs for a fun look packed with bright, ebullient colors and bold fonts as delightful as the frozen treats they serve.
But knowing your audience goes deeper than visual choices. You also want to know the technologies they turn to when they’re not sure where to eat: If they’re Yelpers, you’ll want to highlight Yelp reviews. If they book every meal with OpenTable, you’re going to need that integration. And if they’re not big on either, there may be no need to add those bells and whistles.
Ditto for the voice, tone, and angle of your content too. A Michelin-starred restaurant requires an entirely different tone, and even approach to meal descriptions, than our ice cream parlor. “Visit us after the game!” could be a winner for a pizza place — maybe not so much for a greasy spoon.
Remember, design isn’t just about how it looks, but also (and more importantly) how it works. And your audience should be key to every element of how it works too.
2. Keep it simple
“A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.”
— Antoine de Saint-Exupery
Whether you’re a small cafe or a world-famous restaurant, you need to keep your website’s content to a minimum.
Hunger is an immediate human need. When it isn't fulfilled, we get cranky. The best cure for low blood sugar and the “hanger” it summons up is food. ASAP. You don’t want your site to get in the way of that.
When someone is looking at your restaurant website, chances are they’re hungry. They may not have the patience to wade through lengthy descriptions and multiple navigational options.
A restaurant website needs these basic parts:
- Phone number (contact information)
- Hours of operation
- Booking info
- Information about special events
And really, that’s about it. Other elements might be nice, but the list above describes the core of what visitors to your restaurant website are looking for.
Many restaurants either have online ordering options or let you book online reservations. Unless you have someone (or some app) dedicated to handling those requests, this is a feature you’ll want to avoid, instead encouraging people to call in with their reservation requests.
3. Use high-quality photos
Eating immerses us in a multisensory experience. A steaming bowl of noodles entices us with its aroma and the different colors of vegetables floating in its broth.
Even the most beautiful photo can’t capture that. But a bad photo can make this otherwise tasty bowl of soup look as appetizing as dirty laundry water.
Unfortunately, it's hard to make food look good in photos. There are photographers who specialize in this. So if you have the budget, hire a professional. If not, use photos sparingly and let the ingredients/descriptions tell the story of each dish.
You may want to scatter a few other types of photos throughout the page. Action shots help give customers a glimpse behind the scenes. Capturing a chef rolling out pasta, a baker frosting a cake, or a bartender shaking up a fancy cocktail shows the quality and care that your chefs take in their work. And it shows what’s most important: the people who make your restaurant a success.
Another huge part of a restaurant's identity is its ambiance. Is your restaurant a place where people gather to socialize after work, or is it an intimate bistro where a couple would want to go for a quiet romantic dinner? Conveying the restaurant’s atmosphere will let people know if this is the type of place they’re in the mood for.
Build completely custom, production-ready websites — or ultra-high-fidelity prototypes — without writing a line of code. Only with Webflow.
4. Write a concise but appetizing menu — and publish it in HTML (not PDF)
Restaurant owners need to make sure their menu is to the point. Lengthy descriptions packed with adjectives can leave a bad taste in the reader’s mouth — much like too much cilantro in a dish. Let the list of ingredients be the poetry of the dishes you create.
But don’t skimp on the descriptive language for your menu item names. Nobody’s too excited by a cheese pizza. But an “organic, woodfired, 4-cheese pizza?” Now that sounds good.
Be sure to logically organize your dishes by breakfast, lunch, dinner, etc. If you serve gluten-free or vegetarian options, point that out.
Also, any sort of seasonal or holiday menus you have should be posted and updated regularly. Having a Valentine’s menu still up in June makes a bad impression on anyone landing on your website.
Oh, and for the love of all things holy: Don’t. Publish. Your restaurant menu. As a PDF.
5. Build the site on a responsive design platform
The best restaurant websites have a great user experience. No matter how someone gets to your website, they should enjoy a consistent experience, no matter what device they’re using.
This is especially important for a restaurant. People often decide where to eat spontaneously, or while on the move.
We’ve all been there: you roll by the restaurant you’ve been craving only to be greeted by a monumental line. What else is in the area? We whip out our phones and start searching.
If someone finds your restaurant on a mobile device and they can’t navigate it easily, they’ll most likely end up dining somewhere else.
The best website builders support responsive design. Luckily responsive design and customization are rooted in Webflow. This makes Webflow's functionality expands as more than just a business website, but also an ecommerce website that can take online orders with a full CMS (content management system).
Want to learn more about responsive design? Check out our “Responsive web design tricks and tips.”
6. Set up social media
If you haven't set up social media accounts for your restaurant, launching a new website gives you a great excuse to get this done.
You don’t need a presence on every social media channel out there, but you’ll want a few. Most restaurants have a Facebook Page, and many are on Instagram. These give you a great way to promote specials, connect with your customers, and highlight what’s happening at your restaurant now. This is especially handy if you’re one of the growing numbers of restaurant that switch up the menu daily.
Social media and your restaurant site should work symbiotically, creating rewarding behavioral loops. Promote your website on social media and use the website to send people to your social media pages. People sharing content like photos of food and commenting on a restaurant’s posts will help give it more visibility, resulting in more likes and more potential customers. Word of mouth is great — but social media buzz travels further, faster.
And don’t leave review-centric sites like Yelp out of your networking activities. By monitoring sites like this, you can quickly respond to upset customers, see what people are saying about your latest menu additions, and more.
7. Get serious about (local) SEO
If you’ve ever googled “restaurants near me,” you know what an important role search engines play in people’s decision-making about food. So make sure you have a custom domain name and that you’re using your restaurant’s key terms (i.e., the words you’d use to describe your restaurant) in vital places like page titles, H1s, and regularly in body copy.
You’ll also definitely want to make sure you’re set up on Google My Business so you can ensure your restaurant looks its best on Google.
8. Combine — and add heaping helpings of creativity
What a person sees when landing on a restaurant's website is as important as what they see when they pop in the physical front door.
Your online presence is very important. Don't let an outdated website undermine all the hard work that goes into running a restaurant. Communicate what people will find inside, the flavors they'll experience, and show them to their seat at the table.
Related reads: 14 cost-effective restaurant marketing ideas to drive sales
Want to kickstart your restaurant website design process?
Our template marketplace boasts several popular restaurant website templates you can use to inspire or speed up your web design process. Here are a few popular ones of the most popular:
Sectra is a clean and elegant restaurant template for Webflow. It has a clean and modern feel, using earthy colors that provide a soothing vibe. The template is fully responsive, blazing-fast on every device, and features contact forms.
Ember is another clean template created by the web design studio Medium Rare. It's great for restaurants looking to communicate their brand story. The template offers a wide array of elements, interactions, and pages that can be easily customized to your liking. The template also features the use of Webflow CMS!
3. Gourmet Burger
If you're looking for a restaurant website with a CMS and ecommerce capabilities, Gourmet Burger is one to check out. The template is ja-packed with cool web fonts, interactions, symbols, and pages. If you need an all-around powerhouse of a template, this one is for you.