Hospitality
Website Design for Restaurants
A menu-first restaurant site built for the phone in a customer's hand, standing outside the door.
- Industry
- Hospitality
- Timeline
- 2 weeks (concept build)
- Technologies
- React, TypeScript, Tailwind CSS, Image optimisation, Reservation link flow
Transparency note. Studio concept build. Created in-house to demonstrate our approach for this profession — not a client project, and no client performance figures are claimed.
01
Before
Most restaurants send customers to a PDF menu that pinches and zooms badly, or rely entirely on a delivery aggregator that owns the customer relationship.
02
Challenges
- PDF menus unreadable on a phone
- Reservation and directions buried below long marketing copy
- Large unoptimised food photography slowing the page badly
- No consistent information for Google Business Profile
03
Our solution
We replaced the PDF with a responsive menu that reads cleanly at any width, put reservation, directions and calling within thumb reach, and compressed the photography so the page still opens fast on mobile data.
04
Website features
- Responsive HTML menu with sections and dietary markers
- One-tap call, directions and reservation actions
- Optimised, lazy-loaded gallery
- Timings and location block matching Google Business Profile
- Restaurant structured data with menu and opening hours
- Event and private-dining enquiry form
05
Final result
- Menu readable without pinch-zoom on any phone
- Reservation, call and directions reachable in one tap
- Photography served at a size suited to mobile connections
- Consistent listing information across site and search profile
Screens
