Petra Grill — Online Menu & Ordering Website

We design, build, and ship KPI-driven digital products—websites, apps, and internal systems—with clean UX, fast performance, secure architecture, and seamless integrations that cut costs and grow revenue.
Client:
Cameron Williamson
Category:
AI Design
Start Date:
May 16, 2023
End Date:
July 20, 2024
Tag:
Design, Creative, AI
Budgets:
$40,000.00 USD
Client:
Petra Grill
Category:
Restaurant Website · WooCommerce · Online Ordering
Start Date:
August 05, 2024
End Date:
October 10, 2024
Tag:
UX/UI, Bilingual (AR/EN), RTL, Performance, SEO, GA4, Add-ons Engine
Budgets:

Overview

We delivered a fast, bilingual (Arabic/English) online ordering experience for Petra Grill. The site focuses on grilled plates and family meals with a clean, mobile-first flow, short checkout, and real-time pricing for options. Staff can add new dishes and promos in minutes without developer help.

Preliminary Design / Layouts

  • Home with featured categories (Grills, Family Trays, Sandwiches, Sides, Offers).
  • Visual menu with crisp photos, filters, and instant search.
  • Dish page with sizes/portions, extras/sauces, and live price updates.
  • Smart combos & upsells (e.g., add salad/drink with one tap).
  • Sticky/quick cart and auto-saved cart between visits.
  • Short checkout: Add to Cart → Address/Contact → Payment → Confirm.
  • Pickup & Delivery scheduling, delivery notes, and order instructions.
  • Responsive RTL layout tuned for thumbs, spacing, and readability on small screens.

The Challenge

  • Keep the first-time mobile ordering journey extremely short—even on slow networks.
  • Present a large, option-heavy grill menu without clutter.
  • Support bilingual content and right-to-left UI.
  • Reduce funnel drop-offs and abandoned carts.
  • Enable non-technical staff to manage dishes, prices, and daily offers.
Cart (0 items)

Create your account