Seafood Restaurant · Digital Ordering
Fosfor
An Arabic-first restaurant experience that presents the menu with real appetite and moves customers smoothly toward ordering on WhatsApp.
Fosfor
An Arabic-first restaurant experience that presents the menu with real appetite and moves customers smoothly toward ordering on WhatsApp.
Business context
Fosfor is a seafood restaurant in Nasr City, Cairo, known for fresh platters that feed a whole gathering. Most of its customers discover it on a phone and expect to order or ask a question in the same session.
The challenge
Fosfor's menu lived across a slow ordering plugin and scattered social posts. Customers on their phones had to hunt for items and prices, and the path from 'I'm hungry' to 'order placed' had too much friction for a busy seafood kitchen.
The solution
We rebuilt Fosfor as a fast, mobile-first site with a clear menu architecture, appetizing food presentation, and a WhatsApp cart that turns a browse into a structured order message in one tap.
Visual direction
A warm, dark palette with a confident yellow accent lets the food photography lead. Large Arabic display type gives the brand a premium, appetite-driven character without feeling like a template.
The transformation
Scattered · slow · unclear
Customer journey
- 01
Discovers Fosfor via Google, Instagram, or a recommendation
- 02
Opens the site on a phone and browses by category
- 03
Adds platters and dishes to the cart
- 04
Taps to send the order on WhatsApp
- 05
Confirms with the branch and receives the food
Key features
- Category-based interactive menu
- Tap-to-add cart with live totals
- One-tap WhatsApp order message
- Product detail pages per dish
- Fresh, appetite-first food presentation
- Full Arabic RTL layout
Mobile experience
Everything is designed for a thumb: sticky category navigation, tap-to-add items, large legible prices, and a cart that stays one gesture away throughout the menu.
Conversion flow
The customer builds a cart on the site, then taps to open WhatsApp with the full order pre-written — items, quantities, and branch — so the kitchen receives a clean, ready-to-confirm message instead of a vague chat.
Technical implementation
- Next.js App Router with static generation
- Tailwind CSS design tokens
- Framer Motion (respects reduced motion)
- Persisted cart state
- Optimized WebP imagery
- Deployed on Vercel
Outcomes
- Clearer menu discovery on mobile
- A more direct browse-to-order journey
- A more professional, consistent brand presentation
- A structured WhatsApp order instead of scattered chats
Described qualitatively — we don't publish performance numbers we can't verify.