تصميم UI/UX عن طريق figma

1. الصفحة الرئيسية (Landing Page)

تُقدّم الصفحة الرئيسية المستخدمين الجدد إلى المنصة وتشرح الغرض منها بشكل موجز. تتضمن العنوان الرئيسي وشعار جذاب بالإضافة إلى لمحة عن كيفية عمل المنصة والألعاب المدعومة وإجراءات الأمان. كما تعرض إحصائيات مباشرة عن عدد اللاعبين والمباريات إلى جانب أزرار واضحة للحثّ على اتخاذ إجراء مثل "تسجيل الدخول" أو "إنشاء حساب". يتضمن التذييل روابط إلى وسائل التواصل الاجتماعي، الدعم، وسياسات الخصوصية والاستخدام.

2. صفحة تسجيل الدخول / التسجيل

تتيح هذه الصفحة للمستخدمين تسجيل الدخول إلى حساباتهم أو إنشاء حساب جديد. كما تتضمن الصفحة خيارات تسجيل الدخول السريع عبر Google أو Facebook، مع إمكانية التبديل بسهولة بين نموذج تسجيل الدخول والتسجيل.

3. الصفحة الشخصية (Profile Page)

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

4. الصفحة الرئيسية بعد تسجيل الدخول (Game Dashboard)

بعد تسجيل الدخول، يتم توجيه المستخدم إلى لوحة التحكم الرئيسية التي تعرض الألعاب المتاحة والتحديات المفتوحة. تظهر كل لعبة في بطاقة تحتوي على صورة، خيارات المباراة السريعة، وعدد اللاعبين النشطين. يمكن للمستخدمين استعراض التحديات المتاحة أو المشاركة فيها بسهولة، مع وجود أزرار للتنقل السريع بين الألعاب الشائعة أو التي تم لعبها مؤخرًا.

5. صفحة اللعبة المحددة (Game-Specific Page)

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

6. صفحة المنافسات الحالية (Current Competitions)

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

7. صفحة الإحالات (Referral Page)

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

8. صفحة الرصيد (Balance Page)

تمكّن صفحة الرصيد اللاعبين من إدارة محفظتهم وعرض أرصدتهم الحالية. يتم عرض الرصيد الإجمالي، والرصيد المكتسب من الإحالات (يُستخدم فقط في التحديات)، والرصيد المحجوز في المباريات الجارية أو المتنازع عليها. كما تتوفر أزرار لإيداع الأموال أو سحبها.

9. صفحة الإعدادات (Settings Page)

تتيح صفحة الإعدادات للمستخدمين إدارة بياناتهم الشخصية. يمكن تغيير البريد الإلكتروني، اسم المستخدم، أو كلمة المرور، وتحديث الصورة الشخصية والتفاصيل. يمكن أيضًا ضبط إشعارات البريد الإلكتروني وتفعيل المصادقة الثنائية (2FA) لتعزيز الأمان.

10. صفحة المعاملات (Transactions Page)

تتيح هذه الصفحة للمستخدمين تتبع جميع معاملاتهم المالية على المنصة. يمكن تصفية السجل حسب نوع المعاملة (إيداع، سحب، أو ربح) أو حسب التاريخ. كما يمكن استعراض تفاصيل كل معاملة على حدة، مثل المبلغ والتاريخ والمباراة المتعلقة بها.

11. لوحة تحكم المسؤول (Admin Control Panel)

تُمكّن لوحة تحكم المسؤول من إدارة المنصة ورصد أدائها. تعرض إحصائيات مثل عدد المستخدمين والألعاب النشطة والمبالغ المدفوعة. يمكن للمسؤولين البحث عن المستخدمين وحظرهم عند الحاجة، وحل النزاعات عن طريق مراجعة الأدلة. كما توفر أدوات لمتابعة الإيرادات، المعاملات المالية، ومراقبة الأنشطة المشبوهة.

12. صفحة الدردشة (Chat Page)

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