تصميم منصة إلكترونية UX /UI

التصميم الإبداعي تصميم موقع إلكتروني تصميم UI UX تطوير الويب ووردبريس التصميم الإبداعي تصميم موقع إلكتروني تصميم UI UX تطوير الويب ووردبريس

نبحث عن مصمم ومطور ووردبريس لتطوير واجهات مستخدم وتجربة مستخدم (UI/UX Designer) محترف لإعادة تصميم الواجهات الأمامية لمنصة تعليمية إلكترونية(arabicfordiplomacy.com)، ونقل هويتها إلى الدومين الجديد (arabicfordiplomats.com). يجب أن يشمل العمل تصميمًا حديثًا وجذابًا لكافة صفحات المنصة، مع التركيز بشكل خاص على تصميم واجهات الميزات الجديدة مثل نظام حجز الدروس وداشبورد المعلم. الأهداف الأساسية للتصميم هوية بصرية حديثة: تصميم واجهات مستخدم (UI) عصرية، احترافية، ومتوافقة مع الطابع الدبلوماسي الرسمي للمنصة. تحسين تجربة المستخدم (UX): تطوير خرائط سير واضحة وهيكلية سهلة الاستخدام لضمان أفضل تجربة للطلاب والمعلمين (الجمهور المستهدف: الدبلوماسيون والمهتمون). تصميم الميزات الجديدة: التركيز على تصميم واجهات نظام حجز الدروس وداشبورد المعلم بتفاصيل دقيقة وجعلها وظيفية (Functional). التصميم المتجاوب (Responsive Design): تصميم جميع الواجهات لتكون متجاوبة بشكل كامل مع أجهزة سطح المكتب والأجهزة اللوحية والهواتف الذكية. نريد مصمم قادر على عكس التصميم و تطبيقه مباشرة علىWordPress يجب تسليم صفحات مصممة على WordPress باستخدام اضافة Elementor و اختيار ثيم مناسب و سريع و جميل للمنصة المخرجات المطلوبة 1. تصميم الواجهات الأساسية الصفحة الرئيسية: تصميم عصري وجذاب يعكس الهوية الجديدة. صفحات الدورات: تصميم صفحة عرض الدورة وصفحة تفاصيل الدرس. صفحات التسجيل والدخول والملف الشخصي للطلاب و صفحة التواصل و من نحن . 2. تصميم نظام حجز الدروس صفحة تحديد المواعيد: واجهة سلسة لاختيار المعلم والوقت المتاح. شاشة تأكيد الحجز: واجهة مراجعة الحجز وطرق الدفع . صفحة إدارة الحجوزات: واجهة عرض الحجوزات الحالية والمستقبلية للطالب. 3. تصميم داشبورد المعلم (Teacher Dashboard) لوحة التحكم الرئيسية (Overview): عرض ملخص للدروس القادمة، الطلاب النشطين، والإشعارات. صفحة جدول الدروس: واجهة لإدارة وعرض جدول المواعيد (حسب اليوم/الأسبوع/الشهر). واجهة متابعة الطالب: تصميم شاشة لعرض تقارير أداء طالب محدد (درجات الاختبارات، الحضور، ملاحظات المعلم). صفحة إدارة الاختبارات والنتائج. 4. نظام التصميم (Design System) دليل الأسلوب (Style Guide): تحديد الألوان، الخطوط، الأيقونات، وحالة الأزرار لتسهيل عملية البرمجة.