تصميم واجهة تطبيق موبايل لطلب وشراء الطعام – Shay App (UI/UX Design)
تفاصيل العمل
قمت بتصميم واجهات تطبيق موبايل كامل باسم Shy App، وهو تطبيق متخصص في طلب الطعام أونلاين بطريقة سهلة وسريعة مع تجربة مستخدم واضحة ومريحة.
المشروع يشمل تصميم واجهات كاملة للتطبيق، وتجهيز تدفق الاستخدام (User Flow) وإخراج Prototype تفاعلي يوضح تجربة المستخدم من البداية للنهاية.
مميزات Shay App (التصميم)
1) شاشة الترحيب وتسجيل الدخول
Splash screen مع هوية مرئية للتطبيق
تسجيل دخول وإنشاء حساب
إمكانية تسجيل الدخول باستخدام البريد أو رقم الهاتف
2) الصفحة الرئيسية
عرض المطاعم المتاحة حول المستخدم
اقتراحات حسب نوع الأكل
عروض (Offers)
قائمة أقسام الطعام ( Drinks – Desserts…)
3) صفحة المطعم
شعار وصورة المطعم
تقييمات
عرض قائمة الطعام
فلترة الأصناف حسب النوع
إضافة الطعام إلى العربة
4) صفحة تفاصيل الطلب (Product Details)
صورة واضحة للأكلة
وصف المكونات
السعر
إمكانية تخصيص الطلب (إضافات – حجم – بدون بصل … إلخ)
زر Add to Cart
5) عربة التسوق (Cart)
عرض الطلبات
تعديل الكميات
حذف الأصناف
حساب التكلفة النهائية
زر Proceed to Checkout
6) صفحة الدفع (Checkout)
اختيار وسيلة الدفع
تحديد العنوان
ملخص الطلب
تأكيد الطلب
7) صفحة تتبع الطلب (Order Tracking)
تتبع حالة الطلب (Preparing → On the way → Delivered)
خريطة صغيرة (Map Preview)
8) صفحات إضافية
Favorites
Profile
Settings
Notifications
Orders History
الأدوات والتقنيات المستخدمة
Figma (الأساسي)
Design System مخصص
Auto Layout
Components & Variants
Prototyping
Icons libraries
Color & Typography Styles
طريقة التنفيذ
دراسة الجمهور المستهدف لتطبيقات الطعام.
رسم User Flow للرحلة الكاملة للمستخدم.
إنشاء Wireframes.
تصميم الواجهات عالية الجودة (High Fidelity).
بناء Components قابلة لإعادة الاستخدام.
إنشاء Prototype تفاعلي يحاكي التطبيق الحقيقي.