Skip to content

FIG 01 · Restaurant Website Design

Restaurant websites that win direct orders, not just compliments

Fast, accessible restaurant sites with HTML menus, online ordering and reservations, and Google Business Profile links that point home, so more orders skip the marketplace commission.

Book a callStart a project
See how it works
Restaurant owner smiling at his restaurant website on a laptop at the bistro counter

FIG 02 · Quick answer

What does restaurant website design include?

Elgrith designs restaurant websites that turn searches into direct orders and bookings. We build fast, WCAG 2.2-accessible sites with HTML menus that carry allergen and calorie details, online ordering and reservations, Restaurant schema and Google Business Profile order links, so fewer orders go through marketplaces that charge commission on every sale.

Menus search engines and screen readers can read
HTML
Projects delivered since 2015
1,000+
Clients across the USA, UK and India
250+
Your code, data and accounts
100%

FIG 03 · Why it matters

Every marketplace order has a fee. Every inaccessible site has a risk.

From Uber Eats’ published US terms, Seyfarth Shaw’s ADA Title III research and the UK Food Standards Agency, checked on 23 Oct 2026.

FIG 04 · The maths

Direct ordering vs marketplace fees

A worked example using Uber Eats’ published US default marketplace rates. Your own figures depend on your signed order form, your ordering software and payment fees, so run it with your numbers.

Marketplace fee on delivery orders: an illustrative worked example
Lite (20%)Plus (25%)Premium (30%)Your own site
Fee on one $40 order$8.00$10.00$12.00No marketplace commission
Fee on $10,000 of orders$2,000$2,500$3,000No marketplace commission
Costs you still payIncluded in the feeIncluded in the feeIncluded in the feeCard processing, ordering software, your delivery
Who reaches the customer next timeThe marketplaceThe marketplaceThe marketplaceYou, with their consent
Best used forDiscovery by new dinersDiscovery by new dinersDiscovery by new dinersRegulars and repeat orders

Rates: Uber Eats US merchant terms (last modified 2 Jun 2026), which list Premium 30%, Plus 25% and Lite 20% “subject to Fee Cap Laws”, and a 10% pickup fee (7% discounted); checked 23 Oct 2026. Defaults can be overridden by your order form. Most restaurants keep the marketplaces for discovery and move regulars to direct ordering.

Taking payments online? See payment gateway integration

FIG 05 · What you get

What a restaurant website needs

The pages diners actually use, designed around the two things that pay: an order and a booking.

Tablet showing a restaurant menu page beside a plate of fresh tagliatelle on a bistro table
Restaurant Website Design · built in-house

01

HTML menu

A real web page, not a PDF, with prices, dietary tags, allergens and calories where needed, easy for your team to update.

02

Online ordering

Pickup and delivery ordering on your own site, connected to your POS or ordering platform, so orders reach the kitchen without retyping.

03

Reservations

Booking through OpenTable, Resy, your POS or a custom form, with a clear button on every page and in Google results.

04

Location and hours

Address, map, parking, accessibility notes and opening hours (including holidays) in one place, matched to your Google Business Profile.

05

Food photography

Your dishes, shot or art-directed for the web, compressed so they look good and still load fast on a phone.

06

Events and private dining

Event listings, set menus and a private-dining enquiry form that reaches the right person.

07

Gift cards and loyalty

Gift cards and loyalty sign-up from your POS or provider, so regulars come back through you.

08

Careers

A simple jobs page with an application form, because most restaurants are always hiring.

Deliverables

11

deliverables, in writing

Included in every build, written into your fixed quote before work starts.

FIG 06 · Who we design for

Restaurant sites for every kind of service

Your website sits between Google, social and your POS. Each kind of restaurant needs it to do a different job.

  • Google Search
  • Google Maps
  • Instagram
  • Online ordering
  • Reservations
  • POS (Toast, Square)

  • Independent restaurants

    Job
    Menu, bookings and direct orders from regulars

  • Small groups and multi-location brands

    Job
    A page per location, shared menus, local SEO for each site
    Local SEO

  • Cafés and bakeries

    Job
    Pre-orders, catering and fast mobile pages for the morning rush

  • Bars and wine bars

    Job
    Events, set menus and private hire enquiries

  • Fine dining

    Job
    Reservations, tasting menus and photography that sells the evening
    Website Design & Development

  • Delivery-first kitchens

    Job
    Ordering front and center; a delivery app if you need one
    On-Demand App Development

FIG 07 · Google

Your website and Google Business Profile

Many diners decide on Google before they ever reach your site. We make sure the order, booking and menu links there point home. Checked 23 Oct 2026.

05principles

  • “Order online” that points home

    Google says ordering options appear under the “Order online” button in some regions, and lets you set a preferred provider or add your own order links. We set yours up.

  • Reserve and menu links

    Booking and menu links on your profile go to your own pages, not a third-party copy that is out of date.

  • Restaurant structured data

    schema.org Restaurant markup with servesCuisine, menu, opening hours and address, matched to what your profile says.

  • Google Business Profile

    Categories, photos, posts and reviews managed for you.

    Google Business Profile

  • Local SEO

    Rank in the map pack for the dishes and areas you serve.

    Local SEO

FIG 08 · Menus

HTML menus built for search, screen readers, allergens and calories

A PDF menu is hard to read on a phone, invisible to many screen readers and out of date the day prices change. An HTML menu fixes all three.

05principles

  • Text, not a PDF

    Dishes, descriptions and prices as real text that search engines can crawl and diners can zoom.

  • Allergens on every dish

    Allergen and dietary tags shown in words, not just icons, next to each dish.

  • Calories where the law needs them

    FDA menu labeling applies to chains with 20 or more locations. If you are one, plan for calorie declarations on your online menu too and check the details with your advisers.

  • Readable by screen readers

    Proper headings, lists and labels, so a screen reader user can find the vegetarian mains in seconds.

  • Easy to update

    Edited in your CMS or synced from your POS, so a price change takes minutes, not a designer.

FIG 09 · Accessibility

ADA and WCAG 2.2

Why restaurant sites get legal letters, and what we build to. Dated facts, checked 23 Oct 2026. This is general information, not legal advice, and no website can be guaranteed lawsuit-proof.

04principles

  • Restaurants are public accommodations

    The DOJ’s web accessibility guidance (18 Mar 2022) lists food and drink establishments among the businesses Title III covers, while noting it has no regulation setting detailed web standards.

  • Lawsuits are rising

    Seyfarth Shaw counted 3,117 federal website accessibility lawsuits in 2025, up 27% on 2024, across all industries.

  • We build to WCAG 2.2 AA

    WCAG 2.2 became a W3C Recommendation on 5 October 2023. Our restaurant sites target 2.2 AA: keyboard access, contrast, alt text, labelled forms and accessible ordering.

  • Audit an existing site

    Manual and automated WCAG 2.2 AA audits, fixes in your code and retests.

    Website accessibility

FIG 10 · UK restaurants

UK restaurants: allergen information online

Written for UK restaurants and takeaways selling online. FSA best practice, checked 23 Oct 2026; general guidance, not legal advice.

04principles

  • Before ordering and on delivery

    The FSA’s best practice is for allergen information to be available “both before the food is ordered and when it is delivered”. We put it on the menu page and in the order flow.

  • All 14 allergens

    Menus and ordering built around the 14 allergens the FSA lists, with a clear way to ask staff for more detail.

  • Natasha’s Law is separate

    Natasha’s Law covers prepacked for direct sale (PPDS) food and its labels. If you sell PPDS items, your labelling needs its own check.

  • Written in UK English

    UK sites use UK spelling and prices in pounds, with menus your team can keep up to date.

FIG 11 · Measurement

What we measure after launch

No promised order numbers. We set up tracking so you can see where orders and bookings come from, and judge the site on that.

How we report restaurant website results
What we trackWhy it matters
Direct ordersOrders placed on your site, by sourceThe orders that carry no marketplace commission
BookingsReservation clicks and completed bookingsShows the site is filling tables
Google actionsCalls, directions, website and order clicks in Business ProfileMost diners decide here first
SpeedCore Web Vitals from real phonesSlow menus lose hungry people
AccessibilityWCAG 2.2 AA checks on every releaseKeeps fixes from slipping back

Delivery apps

Need a full delivery app, not a website?

Driver tracking, dispatch and customer apps are a different build. Our on-demand team designs and engineers them.

On-demand app development

FIG 12 · Process · 6 steps

From menu to direct orders

A fixed written quote after a free call, a site designed around ordering and booking, and the Google links that send diners to it. Your site, content and accounts stay yours.

Book a call
  1. Step 01

    Free call

    Tell us what you want to improve and what you have already tried. We ask about your tools, team, traffic and deadlines first.

  2. Step 02

    Review

    We look at your current site, Google Business Profile, POS, ordering and booking tools, menu and photos, and how many orders go through marketplaces today.

  3. Step 03

    Fixed written quote

    A written scope and a fixed quote, with the timeline, tools, access and hand-over agreed before any work starts.

  4. Step 04

    Sprints with weekly demos

    Design and build in sprints: menu, ordering and booking first, then the rest of the pages, each shown working on a real phone in a weekly demo.

  5. Step 05

    Launch

    Go-live with your ordering and booking tested end to end, Restaurant schema in place and your Google Business Profile links pointed home.

  6. Step 06

    Support

    Menu and seasonal updates, speed and accessibility checks, and new features such as gift cards or loyalty, as agreed in your written scope.

FIG 13 · What you get

Everything included

Written into your fixed quote, so you know exactly what you are paying for before work starts.

11items

  • Written scope and fixed quote
  • Mobile-first restaurant website design
  • HTML menu with allergens and dietary tags
  • Online ordering connected to your POS or platform
  • Reservations integration
  • Google Business Profile order, booking and menu links
  • Restaurant structured data
  • WCAG 2.2 AA build and checks
  • Core Web Vitals tuned on real phones
  • Order and booking tracking
  • Your site, content and accounts stay yours

FIG 14 · Tech & tools

The tools behind the work

Proven, well-supported tools, chosen for your project and set up in accounts your business owns.

  • Next.js
  • WordPress
  • Toast
  • Square
  • Clover
  • OpenTable
  • Resy
  • Stripe
  • Google Business Profile
  • schema.org Restaurant
  • GA4
  • Search Console
  • axe DevTools
  • Figma

FIG 15 · Who it’s for

Restaurant sites for the USA, the UK and India.

Same goal everywhere, more direct orders, with the rules and tools of each market.

3 audiences

USA

Built for US independents and small groups.

Toast or Square ordering, OpenTable or Resy bookings, WCAG 2.2 AA builds and FDA menu labeling planned in if you run 20 or more locations.

  • Direct ordering on your site
  • WCAG 2.2 AA target
  • Google order and booking links
  • Fixed written quote in USD

FIG 16 · Working with us from the USA and UK

Built in New Delhi. Run on your hours.

Every project gets a point of contact in New York or London and an engineering team in New Delhi. Here is how today’s working days line up, live.

Three ways to work together

  1. 01

    Fixed-scope project

    A written scope, one fixed price and a dated plan. Suits websites, apps and MVPs.

  2. 02

    Dedicated team

    Designers and engineers on your roadmap every month, billed monthly.

  3. 03

    White label

    For US and UK agencies: our work, your brand, unbranded deliverables.

Every engagement

  • Fixed quote in USD, GBP or INR after a free 30-minute call
  • NDA before discovery. You own all code, designs and content
  • A working demo every sprint, not status slides
  • Reply within one business day, calls inside your hours
Book a call

Calls on ET or UK hours

FIG 17 · Menus

PDF menu vs HTML menu

The most common question we get from restaurant owners, answered in one table.

PDF menu vs HTML menu
PDF menuHTML menu
On a phonePinch and scroll; often a large downloadFits the screen and loads fast
Search enginesHarder to read and rarely shown for dish searchesCrawlable text that can match dish searches
Screen readersOften unreadable unless tagged with careHeadings and lists a screen reader can follow
Allergens and caloriesEasy to miss and slow to updateShown next to each dish, updated in minutes
Updating pricesRedesign and re-uploadEdit in the CMS or sync from your POS

FIG 18 · Compare

Restaurant app development: mobile site, PWA or native app?

Restaurant app development: mobile site, PWA or native app?
Mobile websitePWANative app
Best forMost restaurants: menu, ordering, bookingsRegulars who reorder oftenLarge groups with loyalty and repeat ordering at scale
Install neededNoOptional, from the browserYes, from the App Store or Google Play
Push notificationsNoYes on most modern browsers, with permissionYes, with permission
Build effortLowestMediumHighest, plus app store upkeep
Where to startThis pagePWA developmentOn-demand app development

FAQ

Frequently asked questions

Straight answers about Restaurant Website Design with Elgrith.

We don’t publish prices. The cost depends on the number of pages and locations, whether you need online ordering and which POS it connects to, reservations, photography, and how many languages the site needs. After a free call you get a written scope and a fixed quote.

FIG 19 · Related

Keep exploring

All services

Free 30-minute call

Fewer commissions. More regulars.

Tell us how you take orders and bookings today. After a free call you get a written scope and a fixed quote for a site that sends diners to you.

Book a callStart a project

connect@elgrith.com+91 96039 20001Start a project

Pick a day for your call

Open

Pick a day. You'll choose a time in your own time zone on the next step.

See all times