مطعم مأكولات بحرية · طلب رقمي
فسفور
تجربة مطعم عربية أولًا تقدّم المنيو بشكل يفتح النفس وتنقل العميل بسلاسة نحو الطلب عبر واتساب.
فسفور
تجربة مطعم عربية أولًا تقدّم المنيو بشكل يفتح النفس وتنقل العميل بسلاسة نحو الطلب عبر واتساب.
سياق النشاط
فسفور مطعم مأكولات بحرية في مدينة نصر بالقاهرة، معروف بصواني طازة تكفي اللمة. أغلب عملائه بيكتشفوه من الموبايل ومستنيين يطلبوا أو يسألوا في نفس اللحظة.
التحدي
كان منيو فسفور موزّعًا بين إضافة طلبات بطيئة ومنشورات متفرقة على السوشيال. العميل على الموبايل كان بيتعب علشان يلاقي الصنف والسعر، والطريق من «أنا جعان» لـ«الأوردر اتبعت» كان فيه احتكاك كتير على مطبخ سمك مزحوم.
الحل
أعدنا بناء فسفور كموقع سريع يبدأ من الموبايل، بهيكل منيو واضح، وعرض أكل يفتح النفس، وسلة واتساب تحوّل التصفّح لرسالة أوردر منظّمة بضغطة واحدة.
الاتجاه البصري
لوحة ألوان دافئة غامقة مع لمسة صفرا واثقة تخلّي صور الأكل هي البطل. خطوط عربية كبيرة تدّي البراند طابع فاخر يفتح النفس من غير إحساس بالقالب الجاهز.
التحوّل
Scattered · slow · unclear
رحلة العميل
- 01
يكتشف فسفور من جوجل أو إنستجرام أو ترشيح
- 02
يفتح الموقع على الموبايل ويتصفّح حسب التصنيف
- 03
يضيف الصواني والأطباق للسلة
- 04
يضغط علشان يبعت الأوردر على واتساب
- 05
يأكّد مع الفرع ويستلم الأكل
المميزات الأساسية
- منيو تفاعلي حسب التصنيفات
- سلة بإضافة باللمسة وإجمالي فوري
- رسالة أوردر واتساب بضغطة واحدة
- صفحات تفاصيل لكل صنف
- عرض أكل طازة يفتح النفس
- تصميم عربي RTL كامل
تجربة الموبايل
كل حاجة متصمّمة لإصبع واحد: تنقّل تصنيفات ثابت، إضافة الصنف بلمسة، أسعار كبيرة واضحة، وسلة على بُعد حركة واحدة طول المنيو.
مسار التحويل
العميل بيجهّز السلة على الموقع، وبضغطة يفتح واتساب والأوردر مكتوب بالكامل — الأصناف والكميات والفرع — فالمطبخ بيستلم رسالة نضيفة جاهزة للتأكيد بدل شات مبهم.
التنفيذ التقني
- Next.js App Router مع توليد ثابت
- توكنز تصميم Tailwind CSS
- Framer Motion (يحترم تقليل الحركة)
- حالة سلة محفوظة
- صور WebP محسّنة
- منشور على Vercel
النتائج
- اكتشاف أوضح للمنيو على الموبايل
- رحلة أقصر من التصفّح للأوردر
- عرض براند أكثر احترافية واتساقًا
- أوردر واتساب منظّم بدل شاتات متفرقة
موصوفة نوعيًا — مابننشرش أرقام أداء مش قادرين نتأكد منها.