شاشة تسجيل الدخول (Login Screen) — Roaya Pay
تم تصميم وتطوير شاشة تسجيل الدخول لتطبيق Roaya Pay للمدفوعات الإلكترونية، بحيث تجمع بين البساطة في التصميم والقوة في الوظائف، لتوفر للتاجر تجربة دخول سلسة وآمنة في كل مرة.
🎨 مميزات التصميم
شعار الشركة (Logo) في أعلى الشاشة بشكل بارز يعزز الهوية البصرية للتطبيق ويمنح المستخدم إحساساً بالثقة والاحترافية منذ اللحظة الأولى.
تصميم نظيف وأنيق يتوافق مع الهوية البصرية الكاملة لـ Roaya Pay بخلفية داكنة وألوان خضراء مميزة.
تصميم متجاوب (Responsive) يعمل بشكل مثالي على مختلف أحجام الشاشات والأجهزة الذكية.
ترتيب منطقي وسلس للعناصر يجعل عملية تسجيل الدخول سهلة وبديهية دون أي تعقيد.
⚙️ عناصر الشاشة ووظائفها
١. حقل Merchant ID
خاص بهوية التاجر، يتيح للنظام التعرف على حساب المنشأة التجارية بدقة وأمان.
٢. حقل User ID
خاص بهوية المستخدم داخل المنشأة، يدعم بيئات العمل متعددة المستخدمين تحت نفس الحساب التجاري.
٣. حقل كلمة المرور (Password)
مزود بخاصية إظهار وإخفاء كلمة المرور لتحسين تجربة المستخدم مع الحفاظ على أعلى مستويات الأمان.
٤. خيار حفظ كلمة المرور (Remember Me)
يتيح للمستخدم حفظ بيانات الدخول لتسريع عملية تسجيل الدخول في المرات القادمة، مع مراعاة معايير الأمان في طريقة التخزين.
٥. زر تسجيل الدخول (Login Button)
زر واضح وبارز بتصميم يتوافق مع هوية التطبيق، مع معالجة حالات التحميل (Loading State) لإعلام المستخدم بأن العملية جارية.
٦. نص نسيت كلمة المرور (Forgot Password)
رابط نصي أنيق يوجّه المستخدم لعملية استعادة كلمة المرور بسهولة، دون أن يُشتِّت التصميم العام للشاشة.
🔒 الأمان وتجربة المستخدم
تم بناء الشاشة وفق أعلى معايير الأمان وتجربة المستخدم، مع التحقق من صحة المدخلات (Input Validation) قبل إرسال أي طلب، وعرض رسائل خطأ واضحة وودية في حال إدخال بيانات غير صحيحة، مما يقلل من الإحباط ويرشد المستخدم للتصرف الصحيح فوراً.