Restaurant · Menu & WhatsApp Conversion
Hadhramout Elsmar
A mobile-focused restaurant website that helps customers explore the menu, choose their order, and continue the conversation on WhatsApp.
Hadhramout Elsmar
A mobile-focused restaurant website that helps customers explore the menu, choose their order, and continue the conversation on WhatsApp.
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.
The transformation
Scattered · slow · unclear
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.