الشاشة الرئيسية (Home Screen) — Roaya Pay
تم تصميم وتطوير الشاشة الرئيسية لتطبيق Roaya Pay لتكون مركز التحكم الكامل للتاجر، تجمع في مكان واحد كل المعلومات المالية الحيوية وأهم الخدمات، مع تصميم احترافي وتجربة استخدام سلسة تجعل إدارة الأعمال اليومية أمراً سهلاً وممتعاً.
🎨 مميزات التصميم
تصميم احترافي متكامل يعكس الهوية البصرية لـ Roaya Pay بالكامل بخلفية داكنة وألوان خضراء مميزة.
تصميم متجاوب (Responsive) يعمل بشكل مثالي على مختلف أحجام الشاشات والأجهزة الذكية.
تسلسل بصري منطقي يضع أهم المعلومات في متناول يد التاجر فور فتح التطبيق.
⚙️ عناصر الشاشة ووظائفها
١. رأس الشاشة (Header)
يحتوي على شعار الشركة (Logo) مع اسم التاجر واسم الشركة بشكل بارز وأنيق، ليمنح التاجر إحساساً فورياً بالهوية والانتماء لمنصة Roaya Pay.
٢. عرض الأرصدة (Balance Display)
عرض احترافي للأرصدة الثلاثة الرئيسية باستخدام Linear Progress Indicator بألوان مميزة ومختلفة لكل رصيد:
🟢 الرصيد الرئيسي — يعكس إجمالي الرصيد المتاح للتاجر.
🟡 رصيد السلف — يوضح قيمة السلف المتاحة أو المستخدمة.
🔵 رصيد الكاش — يعرض الرصيد النقدي الجاهز للاستخدام الفوري.
الألوان المختلفة والـ Progress Indicator تمنح التاجر لمحة بصرية سريعة عن وضعه المالي دون الحاجة لقراءة الأرقام بتمعن.
٣. معلومات الحساب (Account Info)
عرض واضح لـ رقم المحفظة ورقم التاجر بتصميم أنيق يتيح نسخهما بسهولة عند الحاجة.
٤. بانر الأخبار الحية (Live News Banner)
بانر متحرك يعرض آخر الأخبار والإشعارات والعروض الحية من Roaya Pay بشكل ديناميكي وجذاب، يبقي التاجر على اطلاع دائم بكل المستجدات دون مغادرة الشاشة الرئيسية.
٥. التابات الرئيسية (6 Tabs)
ستة تابات منظمة تغطي كل احتياجات التاجر:
🔧 خدمات — الوصول السريع لجميع الخدمات الإلكترونية المتاحة.
👛 محفظة — إدارة المحفظة الإلكترونية والعمليات المالية.
📋 عمليات — عرض سجل وتاريخ جميع العمليات المنفذة.
🔍 بحث — البحث السريع عن خدمة أو عملية أو معاملة معينة.
⭐ مفضلة — الوصول الفوري للخدمات والعمليات الأكثر استخداماً.
📊 إحصائيات البيع — تقارير وإحصائيات مفصلة عن أداء المبيعات والعمليات.
٦. شريط التنقل السفلي (Bottom Navigation Bar)
شريط تنقل سفلي أنيق وسهل الاستخدام يحتوي على خمسة أقسام رئيسية:
🎁 الهدايا — عرض العروض والمكافآت المتاحة للتاجر.
🏠 الرئيسية — العودة للشاشة الرئيسية في أي وقت.
💰 الرصيد المسترد — متابعة قيمة الكاش باك والأرصدة المستردة.
⚙️ الإعدادات — إدارة إعدادات الحساب والتطبيق بالكامل.
🔒 الأداء وتجربة المستخدم
تحميل سريع للبيانات مع عرض حالات التحميل (Loading States) بشكل أنيق.
تحديث لحظي للأرصدة والبيانات المالية دون الحاجة لإعادة تشغيل التطبيق.
معالجة ذكية لحالات الخطأ وانقطاع الإنترنت مع إشعار المستخدم بوضوح.
انتقالات سلسة (Smooth Transitions) بين التابات وأقسام الشاشة.