تخطَّ إلى المحتوى
كل الأعمال
// دراسة حالةمنصة ويبنسخة تجريبية

Stravo

طلب طعام وتوصيل ثنائي اللغة — دفتر نقاط ولاء، وتحديد مناطق التوصيل جغرافيًا، وبناء مزدوج من كود واحد.

2025 الشرق الأوسط وشمال أفريقيا طلب الطعام والتوصيل
التجارة الإلكترونية والأسواق الرقميةالخدمات عند الطلب والتوصيل
Stravo — طلب طعام وتوصيل ثنائي اللغة — دفتر نقاط ولاء، وتحديد مناطق التوصيل جغرافيًا، وبناء مزدوج من كود واحد.

// بالأرقام

2
منتجان من بناء واحد

واجهة العملاء ولوحة الإدارة — كود واحد ونشران مستقلان

4 مكافآت
محرك تكرار الطلبات

دفتر ولاء بالنقاط يعيد العملاء للطلب مرة بعد مرة

مناطق محددة
دقة التوصيل

تحديد جغرافي على الخريطة — الطلبات فقط حيث يمكن التوصيل

AR · EN
واجهة ثنائية اللغة

دعم RTL كامل — كل عميل يطلب بلغته

// المشكلة

ما الذي كان يواجهه العمل

المطعم الذي يستقبل طلبات التوصيل عبر الهاتف ووسائل التواصل يتحمل ثلاث تكاليف دفعة واحدة: وقت الموظفين في تدوين الطلبات، والأخطاء في العناوين الواقعة خارج نطاق التوصيل، وغياب أي ذاكرة عن العملاء المتكررين. أما منصات التجميع فتحل مشكلة الطلب لكنها تأخذ الهامش وعلاقة العميل معه. احتاج العمل واجهة طلب خاصة به، وحدود توصيل خاصة به، وسببًا خاصًا به يعيد العملاء إليه.

// نظرة عامة

منصة طلب طعام وتوصيل ثنائية اللغة بواجهة متجر للعملاء ولوحة إدارة — تتبع مباشر للطلبات، وتحديد مناطق التوصيل على الخريطة، ونظام ولاء بالنقاط. كود واحد يُجمَّع إلى نشرين مستقلين تمامًا دون أي تداخل.

// المعمارية

كيف رُكِّب النظام

01تطبيقات العملاء

واجهة العملاء

قائمة · سلة · دفع · تتبع

لوحة الإدارة

طلبات · قائمة · مناطق · ولاء

02طبقة البناء

بناء مزدوج

كود واحد يتحول إلى حزمتين دون أي تداخل

03الخلفية والبيانات

خلفية مُدارة

مصادقة · أمان مستوى الصف · تسعير من الخادم

قاعدة بيانات علائقية

دفتر ولاء بالإضافة فقط

الخرائط

تحديد مناطق التوصيل جغرافيًا

كود واحد يُشذَّب إلى نشرين مستقلين تمامًا.

// قرارات هندسية

القرارات التي شكّلت النظام

القرارات القليلة التي حدّدت سلوك هذا النظام — وماذا اشترى كل قرار منها.

  1. 01

    قاعدة كود واحدة ونشران بلا أي تداخل

    تُبنى واجهة العميل ولوحة الإدارة من مصدر واحد مُشذَّب وتُنشران بشكل مستقل، فتبقى قواعد العمل المشتركة متطابقة دون أن يصل أي كود إداري إلى متصفح العميل.

  2. 02

    مناطق التوصيل كحدود جغرافية لا حقول نصية

    يحدد كشف المنطقة على الخريطة عند إتمام الطلب ما إذا كان العنوان قابلًا للتوصيل. فتوقفت الطلبات المستحيلة التنفيذ عن دخول النظام أصلًا.

  3. 03

    الولاء كدفتر نقاط

    الكسب والصرف قيود في دفتر لا عدّاد قابل للتعديل، فتُدقَّق المكافأة وتُعكس بدل أن تختفي بصمت.

  4. 04

    متجر ثنائي اللغة من الشاشة الأولى

    بُنيت العربية RTL والإنجليزية معًا لا بانعكاس لاحق، لأن واجهة الطلب هي علاقة العميل كلها.

// أبرز الملامح

قدرات مميزة

01

دفتر الولاء

دفتر نقاط بالإضافة فقط، الاستبدال فيه بيد الخادم وحده، مع قفل لكل عميل يمنع الصرف المزدوج، واكتساب غير قابل للتكرار، واسترداد تلقائي عند الإلغاء.

02

بنية البناء المزدوج

متغير بيئة واحد يشذّب الكود إلى حزمتين دون أي تداخل — واجهة العملاء لا تشحن أي كود إداري والعكس صحيح.

03

تحديد مناطق التوصيل جغرافيًا

إحداثيات العميل تتحول إلى المنطقة الصحيحة والرسوم والحد الأدنى للطلب بحسابات مسافة تُنفَّذ داخل قاعدة البيانات مباشرة.

04

تسعير بيد الخادم

كل الأسعار يُعاد جلبها من الخادم لحظة الطلب؛ العميل لا يتحكم في الإجماليات أبدًا.

05

تتبع مباشر للطلب

خط زمني للحالة يتحدث تلقائيًا من قيد الانتظار حتى التسليم، مع مرجع طلب قابل للنسخ.

06

ثنائي اللغة وRTL

الإنجليزية والعربية بتبديل اتجاه ديناميكي وتفضيل لغة محفوظ.

// المزايا

مجموعة مزايا العمل التجاري

النطاق الوظيفي المُسلَّم عبر كل جزء من المنتج.

واجهة العملاء

  • تصفح القائمة حسب التصنيف
  • بحث فوري (يشمل العربية)
  • صفحة المنتج واقتراحات
  • سلة منسدلة
  • عروض اليوم
  • إتمام الطلب توصيلًا أو استلامًا
  • تحديد موقع التوصيل على الخريطة
  • التعرف على منطقة التوصيل
  • تتبع مباشر للطلب
  • سجل الطلبات

لوحة الإدارة

  • إدارة الطلبات
  • إدارة القائمة والتصنيفات
  • العروض والترويجات
  • محرر مناطق التوصيل
  • إعدادات النشاط (المواعيد والضريبة والقنوات)
  • إدارة مكافآت الولاء وتحليلاتها

الولاء والمكافآت

  • دفتر نقاط بالإضافة فقط
  • أربعة أنواع مكافآت
  • معدل اكتساب قابل للضبط
  • استرداد تلقائي عند الإلغاء
  • استبدال يتحكم فيه الخادم
// الأثر

ما الذي تغيّر تشغيليًا

نتائج موثقة من النظام المُسلَّم. وحيث تكون الأرقام الدقيقة سرية، يُذكر التغيّر التشغيلي بدلًا منها.

  • استبدال الطلب عبر الهاتف ووسائل التواصل بمتجر مباشر يملكه العمل
  • منتجان مستقلان — المتجر ولوحة الإدارة — من قاعدة كود واحدة تُصان
  • منع الطلبات خارج النطاق عند إتمام الشراء عبر حدود التوصيل الجغرافية
  • دفتر نقاط ولاء يقود إعادة الطلب دون الاعتماد على منصة تجميع
  • تتبع مباشر للطلب يراه العميل حتى التسليم
  • متجر بعربية RTL كاملة وإنجليزية منذ الإطلاق
// القيود

ما كان علينا العمل ضمنه

  • مشغّل صغير — وجب أن تكون لوحة الإدارة صالحة لاستخدام طاقم المطبخ
  • التوصيل محدود جغرافيًا وحدوده ليست خطًا مستقيمًا
  • قاعدة عملاء بالعربية والإنجليزية تطلب من القائمة نفسها
  • لا اعتماد على منصات التجميع؛ وجب أن تبقى علاقة العميل مباشرة
// دوري

ما الذي تولّيته

من البداية للنهاية في هذا المشروع — من المعمارية ونمذجة البيانات وحتى منتج إنتاجي مُسلَّم.

  • هندسة متكاملة ونمذجة بيانات
  • دفتر ولاء باستبدال آمن ضد التزامن
  • واجهة عملاء ولوحة إدارة ببناء مزدوج من كود واحد
  • تحديد مناطق التوصيل جغرافيًا وتسعير من جانب الخادم
  • أمان مستوى الصف ومصادقة مزدوجة
  • إنجليزي/عربي مع دعم RTL كامل
// التقنيات

بُني بواسطة

الواجهة الأمامية

ReactTypeScriptVite

الواجهة الخلفية

Managed PostgresRow-level security

الخرائط

Geofencing

البنية التحتية

Vercel
// Makhloof Studio

تريد شيئاً مثل Stravo؟

استوديو برمجيات بوتيك — أنظمة بجودة الوكالات، يبنيها مهندس أول واحد.

WhatsApp