A restaurant website designed to fill tables from a phone screen

1. 01

   The photo sells the evening before the food

   Diners choose a restaurant by how the room feels. The first screen is a single photograph of people at a long table with the fire behind them, and the headline and 2 buttons stay small over it.

2. 02

   The menu is on the page, not in a PDF

   Visitors on phones leave when a menu opens as a download. 2 tabs, labeled from the fire and at the table, switch the dishes in place, with the price aligned on the right of each line.

3. 03

   Table requests go by email or phone

   A small kitchen may take requests by email or phone rather than through a reservation platform. The visit block gives both, and the request button sits beside the phone link so the visitor picks the one they prefer.

4. 04

   Mobile first because that is where diners decide

   Restaurant visits often begin on a phone in a car or a group chat. The header collapses to a menu with the table request inside it, type stays large, and nothing on the page needs a hover.

• The menu on the page as text, with prices, not as a PDF or an image
• Hours, address and a map link near the top on a phone
• A way to reserve or request a table, and a phone number beside it
• Photos of the room and 3 or 4 dishes, shot in your light
• Notes on dietary options and how to ask about allergens
• Parking, private dining and large-party details if you offer them

See how FreeWebGuy builds a website for restaurants.