Website design for restaurants

We built a working demo for a fictional New Orleans supper club to show what a restaurant website can do on a phone. Diners filter the menu, pick a table time and check tonight's hours without calling.

Ask for a Quote
Desktop home page of the Bayou Ember Kitchen demo website
Phone view of the Bayou Ember Kitchen demo website

Bayou Ember Kitchen is a fictional restaurant in New Orleans, Louisiana, USA, created by VirtueInfo to show what we build. Designed and developed by our team.

What diners need from a restaurant website

Most people open a restaurant website on a phone, often on the way out the door. They want three things fast: the menu, whether you are open tonight and a way to book.

Different guests come with different jobs. A local booking dinner for two wants tonight's hours and a table in under a minute. A visitor staying across town wants to know how to get to you, what to order and when brunch runs. An event planner wants room sizes, a minimum spend and a form that does not need a phone call during service.

How the demo handles it

Bayou Ember Kitchen is a fictional Creole and Cajun supper club in Mid-City, New Orleans, created by VirtueInfo to show this kind of site working. It is not a client. The pages are a home page, dinner menu, weekend brunch, private dining, reservations, the story of the kitchen and a visit page.

Menus you can filter on a phone

The dinner menu marks every dish as vegetarian, gluten-free, contains shellfish or spicy. A diner can show only vegetarian or gluten-free dishes, or leave out shellfish and spicy food, and the page updates as they tap. A counter says how many dishes match, and sections with nothing left say so plainly. Sticky tabs for starters, soups, mains, sides and desserts stay at the top of the screen and highlight the section you are reading.

Booking a table

The reservation page asks for party size and date, then shows the time slots for that day. Some slots are marked full, times already past are greyed out, and Mondays show as closed. Parties of nine or more are sent to the private dining enquiry instead. Guests can add an occasion and a note about allergies, a high chair or step-free seating.

Private dining and visiting

The private dining page describes each room, then sets capacity, standing numbers and minimum spend side by side in one table. Group menus sit above the enquiry form. The visit page shows whether the restaurant is open right now in New Orleans time, highlights today's hours, and covers the streetcar, parking, rideshare, bikes and step-free access. On phones, a sticky bar keeps Menu, Reserve and Call one tap away.

Local SEO built in

Every page carries schema.org markup for a Restaurant, with cuisine, price range, opening hours for dinner and brunch, accepted payments and a reserve action. The menus are marked up as Menu, MenuSection and MenuItem with sample offers, and private dining is described as a Service.

Each page has its own title aimed at a local search, such as a weekend jazz brunch in New Orleans or private dining rooms in New Orleans. The visit page names the neighborhood and nearby landmarks. We keep the name, phone number, hours and address on the site matched to your Google Business Profile so the two never disagree. Fonts are self-hosted and the illustrations are inline SVG, so pages stay light on a mobile connection.

The demo pages are not indexed, because the business is fictional and should not appear in search results. A client site launches fully indexable, with a sitemap and the schema filled in with your real address.

Notes for each market

India

Menus are usually in English, with Hindi or a regional language added where your guests expect it, and prices in rupees. Many diners book or ask questions on WhatsApp, so we put a WhatsApp button next to the phone number and can send bookings there. A clear vegetarian and non-vegetarian mark on each dish matters more here than almost anywhere, and your FSSAI licence number can sit in the footer.

USA

We write in US English and show prices in dollars. Allergen notes and an accessibility section for step-free entry and restrooms are expected by many guests. The demo footer already has a place for a food service permit number, and we can add your tipping or service charge policy near the booking form.

Canada

Prices go in Canadian dollars, and we can build the site in English and French with a language switch. For restaurants in Québec, French content is expected. Interac debit is common, so it is worth listing with your accepted payments.

Australia

We use Australian English and show prices in Australian dollars, including GST. If you add a surcharge on weekends or public holidays, the site should say so on the menu and the booking page. Your ABN can sit in the footer alongside your contact details.

Finland

Restaurant sites in Finland often need Finnish, Swedish and English versions, and we build all three with proper hreflang tags. Weekday lunch menus are a big part of trade, so we can add a lunch page that is quick to update each week. Prices are shown in euros, including VAT, and your business ID can go in the footer.

What we deliver and how the project runs

We design the site around your brand, your room and your food, not the demo's colors. We write or edit the copy with you and set up the menu so your team can change dishes and prices without calling us. Bookings and enquiries go where you want them: your email, WhatsApp, your CRM or your booking system.

The project runs in stages. We agree pages and integrations, show you designs, build and test on real phones, then launch with the schema, sitemap and Google Business Profile details lined up. After hand-over we train your staff on updates, and our UI and UX design team stays available for changes and maintenance as the restaurant grows.

If you run a restaurant and want a site like this, ask us for a quote and tell us how you take bookings today.

Frequently Asked Questions

Can the booking form connect to the reservation system we already use?

Yes. The demo form shows the guest experience, and on your site we send each booking to your booking system, your email, WhatsApp or your CRM. If your booking system has its own widget, we can style the page around it instead. We agree the route before design starts so the hosts get bookings where they already look.

How do we keep the menu up to date?

The menu is stored as structured data, with each dish carrying a name, description, price and dietary tags. You or your manager edit it in one place and the page, the filters and the schema update together. Seasonal or daily specials can sit in their own section that is quick to change.

Will the site show allergen and dietary information?

Each dish can carry tags such as vegetarian, gluten-free, contains shellfish or spicy, and diners can filter by them. The tags are labels you control, so we match them to how your kitchen describes dishes. We still recommend a line asking guests to tell staff about allergies, as the demo does.

Can we take private dining and event enquiries online?

Yes. The demo has a private dining page with room capacities, minimum spends, group menus and an enquiry form asking for date, head count, room and the kind of evening planned. On a live site the enquiry goes to your events team by email, WhatsApp or CRM, and the page explains what happens next.

Let’s Build Your Website

Send us your services, your area and what you want customers to do on the site. We reply with a plan and a quote.

Ask for a Quote