Overview
We designed and built a bilingual (Arabic/English) online menu and ordering experience for Abu Obeida. The site highlights grilled dishes and daily plates with a clean, mobile-first UI, quick add-to-cart, and an ultra-short checkout. Pricing and options update instantly, and the team can add new items in minutes without developer help.
Preliminary Design / Layouts
- Clear home with featured categories (Grills, Shawarma, Family Meals, Offers).
- Visual menu with high-quality photos, quick filters, and instant search.
- Dish page with portions/sizes, add-ons (extras, sauces, sides), and real-time price updates.
- Combos & upsells (e.g., add salad, drink, or fries in one tap).
- Sticky cart for fast review; auto-save cart between sessions.
- Short checkout flow:
Add to Cart → Address/Contact → Payment → Confirm.
- Pickup/Delivery scheduling and notes for special requests.
- Responsive RTL layout tuned for thumbs, spacing, and readability on small screens.
The Challenge
- Showcase a large menu without clutter and make first-time orders effortless on mobile.
- Support multi-level options (sizes + add-ons) while keeping the UI simple.
- Reduce cart drop-offs on slow networks and older devices.
- Give staff the ability to manage dishes, prices, and promos without risk.
- Improve SEO and loading speed to increase organic orders.
