Restaurant · Menu & WhatsApp Conversion
Concept buildHadhramout Elsmar
A mobile-focused restaurant website that helps customers explore the menu, choose their order, and continue the conversation on WhatsApp.
A self-initiated concept that demonstrates a restaurant menu and WhatsApp ordering journey; it is not presented as commissioned client results.
Business context
A neighborhood restaurant whose customers order primarily by phone. The digital presence needed to reduce the effort between seeing a dish and sending an order.
The challenge
Customers relied on screenshots of the menu and back-and-forth messages to place an order. The business needed a single, fast place to present dishes clearly and make ordering obvious on a phone.
The solution
A clean, mobile-first restaurant site with an organized menu, straightforward product selection, and a WhatsApp conversion flow that carries the chosen items straight into a chat.
Visual direction
Warm earthy tones and generous spacing give the menu room to breathe, keeping dish names and prices immediately scannable on small screens.
On the phone
Real captures of the demo at a 390px phone width — open it yourself and tap through the flow.
Customer journey
- 01
Finds the restaurant on a phone
- 02
Browses the menu by category
- 03
Selects the dishes to order
- 04
Continues on WhatsApp with items prefilled
- 05
Confirms and receives the order
Key features
- Organized, categorized menu
- Simple product selection
- Prewritten WhatsApp order
- Mobile-first layout
- Fast loading on mobile data
Mobile experience
Category tabs, large tap targets, and a persistent order action keep the ordering path obvious from the first scroll.
Conversion flow
Selected items are passed into a prewritten WhatsApp message, so the customer confirms details in chat instead of typing the whole order from scratch.
Technical implementation
- Modern responsive front-end
- Design-token driven styling
- Optimized images
- Accessible, semantic markup
- Prepared for deployment on Vercel
Outcomes
- A single, clear place to see the full menu
- A shorter path from browsing to ordering
- A more professional mobile presentation
- Fewer manual back-and-forth messages before an order
Described qualitatively — we don't publish performance numbers we can't verify.