تصميم واجهة مستخدم لتطبيق إلكتروني

تصميم جرافيك التصميم الإبداعي تصميم شعار تصميم موقع إلكتروني تصميم تطبيقات تصميم واجهة المستخدم تصميم تجربة المستخدم adobe xd Figma تصميم UI UX تصميم جرافيك التصميم الإبداعي تصميم شعار تصميم موقع إلكتروني تصميم تطبيقات تصميم واجهة المستخدم تصميم تجربة المستخدم adobe xd Figma تصميم UI UX

المشروع: تصميم واجهة مستخدم (UI) لتطبيق إلكتروني، وهو تطبيق لإدارة الوثائق والمستندات الشخصية والعائلية، مع نظام إشعارات متقدم للتذكير بمواعيد انتهاء الوثائق. (التصميم إنجليزي فقط) لكن التطبيق يدعم الكتابة بأي لغة. متطلبات التصميم العامة: - تصميم حديث وأنيق يعتمد على واجهة جميلة وبسيطة وسهلة الاستخدام (User-Friendly UI). - تجربة مستخدم سلسة (UX) تتيح إضافة الوثائق وتصنيفها بسهولة مع إمكانية تخصيص التنبيهات. - دعم الوضع الفاتح والداكن (Light & Dark Mode). - تصميم متجاوب يعمل بسلاسة على الهواتف الذكية والأجهزة اللوحية (iOS & Android). - الاعتماد على ألوان هادئة ومتناسقة تناسب فكرة التنظيم والتذكير. - استخدام أيقونات توضيحة احترافية لكل نوع وثيقة أو تصنيف، (كل أيقونات التطبيق يجب أن تكون من نفس العائلة) - دعم اللغات غير اللاتينية مثل العربية والهندية مثلا، مما يستلزم استخدام خطوط تدعم هذه اللغات. الصفحات المطلوبة في التصميم: 1. شاشة الترحيب (Splash Screen) - شعار التطبيق في المنتصف مع رسالة ترحيبية قصيرة. - تأثير حركة خفيف (Animation) عند تحميل التطبيق. 2. شاشة تسجيل الدخول / التسجيل - خيار تسجيل الدخول عبر البريد الإلكتروني وكلمة المرور. - دعم تسجيل الدخول عبر Google و Apple ID. - زر "إنشاء حساب جديد" مع خيار تسجيل الحساب باستخدام البريد الإلكتروني فقط. - خيار "نسيت كلمة المرور" لاستعادة الحساب. - صفحة الرسائل (مثل رسالة الخطأ، رسالة أنه تم تأكيد البريد الإلكتروني.. وغيرها) 3. الصفحة الرئيسية (Dashboard) - عرض ملخص بعدد الوثائق المضافة، وعدد الوثائق التي أوشكت على الانتهاء. - بطاقة تحتوي على الوثائق التي تحتاج إلى تجديد قريبًا. - زر إضافة وثيقة جديدة (+). - إمكانية البحث عن وثيقة أو تصفيتها حسب التصنيفات. - إمكانية فرز الوثائق حسب الفئة (مثل وثائق الهوية، التأشيرات، رخص القيادة، إلخ). 4. صفحة إضافة وثيقة جديدة - إدخال البيانات الأساسية للوثيقة: - اسم الوثيقة - الدولة المرتبطة بها - الجنسية المرتبطة بها - تاريخ الإصدار - تاريخ الانتهاء - رفع صورة الوثيقة - ملاحظات إضافية (اختياري) - اختيار لون أو أيقونة مخصصة للوثيقة لتمييزها بسهولة. - إضافة وسوم (Tags) لمساعدة المستخدم في تصنيف الوثائق. - خيار مشاركة الوثيقة مع أفراد العائلة (إرسال إشعارات لهم). 5. صفحة إدارة الوثائق - عرض قائمة الوثائق المضافة مع إمكانية الفلترة حسب الفئة أو الدولة أو الوسم... - خيار تعديل أو حذف أي وثيقة بسهولة. - نظام البحث الذكي داخل الوثائق باستخدام الكلمات المفتاحية. 6. صفحة الإشعارات والتنبيهات (Notifications Settings) - إمكانية ضبط أكثر من إشعار لكل وثيقة (مثلاً: إشعار قبل 6 أشهر، 3 أشهر، شهر، وأسبوع). - إمكانية ضبط وقت إرسال الإشعارات (صباحًا / مساءً / في وقت محدد من قبل المستخدم). - إمكانية اختيار نوع الإشعار: إشعار داخل التطبيق / بريد إلكتروني . - خيار تكرار الإشعار: يومي – أسبوعي – شهري حتى يتم تحديث الوثيقة. - إمكانية مشاركة الإشعارات مع أفراد العائلة المرتبطين بحساب المستخدم. 7. صفحة إدارة الحساب الشخي - تعديل معلومات المستخدم مثل الاسم، البريد الإلكتروني، صورة الملف الشخصي. - خيار إدارة الحسابات العائلية المرتبطة لتلقي التنبيهات. - خيار تفعيل أو تعطيل الإشعارات حسب رغبة المستخدم. - إعدادات الأمان، مثل تفعيل المصادقة الثنائية (2FA). 8. صفحة إعدادات التطبيق (App Settings) - خيارات النسخ الاحتياطي والاستعادة عبر Google Drive / iCloud. - خيارات الوضع الليلي (Dark Mode) والوضع الفاتح. - إمكانية تصدير الوثائق بصيغة PDF أو CSV. - إعدادات أخرى تخص تجربة المستخدم. 9. صفحة الترقية إلى النسخة المدفوعة (Donation Version) - عرض مزايا إزالة الإعلانات*عند الترقية إلى النسخة المدفوعة. - دعم خيارات دفع مختلفة (Google Play / Apple Pay). 10. صفحة حول التطبيق - نبذة عن التطبيق - سياسة الخصوصية وشروط الاستخدام - روابط التواصل والدعم الفني متطلبات إضافية: - تصميم أيقونة التطبيق (App Icon - تزويد المصمم بنماذج Mockups لكيفية ظهور التطبيق على أجهزة مختلفة. - تسليم التصاميم على شكل ملفات Figma أو Adobe XD مع إمكانية التعديل لاحقًا. مخرجات العمل المتوقعة: 1. ملفات Figma / Adobe XD / Sketch لجميع الشاشات المطلوبة. 2.ملفات SVG و PNG للأيقونات والرسومات المستخدمة في التصميم. 3. ملفات تصميم أيقونة التطبيق بصيغة PNG و SVG بجودة عالية لجميع الأحجام المطلوبة 4. دليل ألوان (Color Palette) وخطوط (Typography) لاستخدامها في التطوير. ميزانية المشروع: - يرجى تقديم عرض سعر يتضمن التكلفة والمدة الزمنية المتوقعة لإنجاز التصميم. يرجى العلم أن التصميم يجب أن يكون حصرا بتطبيقات XD أو Figma إذا كنت مصمم UI/UX محترفًا ولديك خبرة سابقة في تصميم تطبيقات الهواتف المحمولة، نود رؤية نماذج أعمالك السابقة!