Primary route
The first screen should tell a café prospect what you do, where you work, what the next step is, and why they can trust the page enough to keep reading.
Ask for a Cafés quoteWeb Design for
Cafés.
A café website that shows your menu as a proper page (not a PDF), pushes your opening hours into Google's knowledge panel, and links out to Deliveroo and Uber Eats from the hero.
Why this site mattersWhat a café site
What a café site
is really doing.
Café websites have one job: turn a local search into a visit, order, or delivery click.
Your customer is checking whether you are open now, what is on the menu, where you are, and whether they can order before they choose the café down the road.
Every site I build for cafés is engineered around that one action — structured opening hours, HTML menus, food photography, map details, allergen information, and delivery links all working together to get the customer through the door or into checkout.
Growth industryMake the Enquiry
Make the Enquiry
Obvious.
Brief focus
I'd scope the site around four decisions: what a visitor needs to see before they trust you, the action that should be easiest on mobile, the pages that deserve to exist for search, the proof you genuinely have and the proof you still need to collect. That keeps the page practical rather than decorative.
Choose a planClaim safety
I can describe what a strong café site needs. I won't claim I've shipped client results in this industry unless the facts file supports it.
See capability examplesWhat I always build inNon-negotiable
01 02 03
Non-negotiable
for Cafés.
A café site should answer the quick checks: are you open, what can I order, and how do I find you?
Make the menu usable
HTML menus, dietary tags, and allergen information keep the content readable on mobile and visible to search.
- Structured menu page
- Allergen information
- Dietary tags
Drive visits and orders
Opening hours, delivery links, and map details answer the practical questions before someone chooses another café.
- Opening hours schema
- Delivery app links
- Location notes
Show the food
A fast gallery gives people a real reason to visit without turning the homepage into a slow image dump.
- Food gallery
- Lazy-loaded images
- Search-friendly alt text
01Menu as a structured page02Opening hours schema03Food photography gallery04Delivery app links05Location map with parking notes06Allergen and dietary information
Sample layout · cafés
How I build itMy process
for cafés.
for cafés.
Starter is £250 and I deliver in 10 working days. For a café that covers a homepage, a menu page, a contact page with map, and an allergen page. You send me a menu spreadsheet, photos, and opening hours. I draft the copy, you review, we go live.
I build on Next.js with the menu as structured data. Hosting is Vercel's free tier. Your site will load in under two seconds on a phone, which matters when a customer is standing on your doorstep checking whether you do oat milk before they walk in.
If you want an online ordering system, a loyalty integration, or event-booking for private hire, that's Business at £400 or Growth at £1,000.
Mobile exampleSee the mobile journey
See the mobile journey
customers expect.
This sample shows the kind of mobile journey a cafe or takeaway customer expects: quick menu context, clear ordering or enquiry routes, and a finished page that still feels real when someone is walking with their phone.
This is an example mobile website flow, not a claimed client case study.
Video summary: The video moves from a mobile cafe website wireframe to a polished finished design, then to a realistic phone-in-hand scene where someone uses the completed site while walking outside.
What to avoidCommon
Mistakes.
Mistakes.
The menu-as-PDF problem is everywhere. PDFs don't render well on phones, they're invisible to Google, and customers hate them. HTML menus cost nothing to maintain once they're built, and they do ten times the SEO work.
The other issue is opening hours copy-pasted into a paragraph. Google can't reliably parse 'We're open Mon-Fri 8-4, weekends 9-5'. Structured schema fixes it in one pass and you'll see your café's hours in the search sidebar within a few weeks.
Common questions
Cafés FAQ.
Yes, if you want to. I can set up a simple Google Sheet that the site reads from, or a small CMS. On the Starter plan I do menu updates for you (within reason). Most café owners prefer that so they're not learning new software during service.
Instagram is great for repeat customers. A website is for new ones. Someone searching 'best flat white near Victoria' finds a website first, an Instagram much later. The two work together. I can embed your Instagram feed on the homepage so the site stays fresh.
For a simple 'email to book' flow I add a form. For proper reservations I integrate ResDiary or a similar tool (Business plan). Most small cafés don't need full reservation software, but if you take private hire for birthdays the form is worth having.
No, I'm not a photographer. If you don't have photos yet, I'll point you at a few local food photographers and I'll size and crop whatever you send. Good natural-light phone photos are genuinely fine for a café site.
Related
Keep Reading.
Your café
Website, Sorted.
Tell me about your business. I'll come back with a fixed-price proposal within 24 hours. No pitch, no pressure.