Restaurant website examples worth copying

The best restaurant websites aren't the most beautiful. They're the ones that answer a hungry person's three questions in five seconds: Are you open? What do you serve? How do I order? Below are 12 types of restaurant and takeaway website that do that well, what each gets right, and a checklist to copy.

In short: Pick the layout that fits how your customers buy. Takeaways win with an "order first" homepage, restaurants with "book or order", and multi-site groups with a location picker. Every good example shows opening hours, a phone-friendly menu as text (not a PDF), a visible Order button and the hygiene rating.

1. The "order first" takeaway homepage

What it looks like: the menu is the homepage. Categories stick to the top of the screen as you scroll, there's a basket button at the bottom, and open/closed status sits next to the logo. Why it works: most takeaway visitors already know what they want. Every extra click before the menu loses orders. Copy this: sticky categories, a search box for long menus, and "Collection 20 min · Delivery 45 min" at the top.

2. The one-page local favourite

What it looks like: a hero photo, three lines about the place, opening hours, the map, and one big "Order online" button. Why it works: it's fast, honest and easy to keep up to date. Good for cafés, chippies and small family restaurants. Copy this: put the hours in text, not inside an image, so Google can read them.

3. The "book or order" restaurant

What it looks like: two equal buttons above the fold: Book a table and Order collection. Why it works: it serves both kinds of visitor without making either hunt. Copy this: link the Book button to your booking system and the Order button to your own ordering page, not a marketplace.

4. The multi-location picker

What it looks like: "Choose your nearest" with each site's address, hours and its own menu. Why it works: customers order from the right kitchen, and each location gets its own page that can rank locally. Copy this: a separate page per location with its own address in text. (With Chefzi, each location has its own menu, zones and fee.)

5. The menu-led curry house

What it looks like: a long menu grouped by curry style, with a choice of chicken, lamb or prawn on each dish and a heat-level picker. Why it works: a 150-dish menu becomes about 30 dishes with choices. Copy this: use options instead of duplicate dishes. See our Indian restaurant page for set-up.

6. The numbered Chinese menu

What it looks like: dish numbers kept from the printed menu, plus set meals for one, two and four at the top. Why it works: regulars order by number, and set meals are what most people actually buy. Copy this: number at the front of each dish name.

7. The late-night shop with clear hours

What it looks like: separate collection and delivery hours shown for each day, with "Delivery ends 1am, collection until 3am". Why it works: late-night customers check hours first. Copy this: show both sets of hours, and match them to your licence.

8. The café with table ordering

What it looks like: a QR code on each table that opens the menu with the table number already set. Why it works: no queue at the counter, and second orders go up. Copy this: QR table ordering from the same menu as collection.

9. The "story" restaurant

What it looks like: big photography, a chef's story and a seasonal menu. Why it works: for destination dining, the story sells the booking. Watch out: don't bury the menu and hours. Story-led sites often load slowly and hide the practical facts.

10. The trust-first homepage

What it looks like: hygiene rating, allergen statement, "family-run since 1998" and real photos of the shop front. Why it works: new customers choosing between three shops on one street look for reasons to trust you. Copy this: link to your Food Standards Agency listing. In Wales and Northern Ireland, ratings must be displayed at the premises.

11. The seasonal pre-order page

What it looks like: a Christmas, Eid or Chinese New Year page with pre-ordering for a chosen collection time. Why it works: it moves big orders out of the busiest hour. Copy this: see Christmas opening hours and pre-orders.

12. The embed on an existing site

What it looks like: an agency-built website with an ordering widget embedded on the Menu page. Why it works: keep the design you paid for and add commission-free ordering. Copy this: Chefzi provides an embed for a site you already have.

What every good example has in common: a checklist

• Loads fast on a phone (aim for under 2.5 seconds for the main content)
• Opening hours as text, per day, with collection and delivery hours if they differ
• Menu as text, with prices, allergen information and options, not a PDF
• One clear "Order online" button, visible without scrolling
• Address, phone and area served, matching your Google Business Profile
• Hygiene rating shown or linked
• Your own domain (yourrestaurant.co.uk), not only a marketplace link
• Real photos of your food and premises
• A page per location if you have more than one

Common mistakes in restaurant websites

1. A PDF menu. It's slow, hard to zoom and invisible to search.
2. Hours in an image. Google can't read them, and they go out of date.
3. Sending customers to a marketplace. You pay commission on customers you found yourself.
4. Autoplay video. It slows the page on mobile data.
5. No prices. Customers assume the worst.

How to get a site like this

You can hire an agency, use a website builder, or use an ordering platform that includes the website. Our guide to how much a restaurant website costs compares the three. Chefzi gives every restaurant a ready-made restaurant website with ordering built in, on your own domain if you like. There's no setup fee and 0% commission, 3 months free, then £19 a month for cash or no-card payments, or £29 a month with online card payments through Stripe. Once it's live, our restaurant website SEO guide shows how to get it found.

Get started Book a call

Questions