مصمم UI/UX محترف على Figma لتصميم موقع وبرنامج ويب وتطبيق هاتف وموقع بروتفليو شخصي بسيط

مطلوب مصمم UI/UX محترف يجيد استخدام Figma لتصميم موقع وبرنامج ويب وتطبيق هاتف وموقع بروتفليو شخصي بسيط

نبحث عن مصمم UI/UX محترف يجيد العمل على Figma لتنفيذ تصميم متكامل لمنصة تجارة إلكترونية متعددة المتاجر، يشمل:

- موقعًا تسويقيًا متجاوبًا.

- برنامج ويب كاملًا يعمل من المتصفح.

- تطبيق هاتف لـiOS وAndroid.

- وموقع بروتفليو شخصي بسيط

المطلوب تصميم تجربة الاستخدام والواجهات وتجهيز ملف Figma منظم ومتكامل وجاهز للتسليم لفريق البرمجة. البرمجة والتطوير ليسا ضمن نطاق العمل.

نبحث عن مصمم UI/UX يستخدم Figma، ولديه أعمال سابقة في تصميم المواقع أو برامج الويب أو لوحات التحكم. لا نبحث عن مبرمج أو مصمم جرافيك فقط.

عن المشروع:

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

لدينا نماذج HTML تفاعلية للموقع وبرنامج الويب، وملف شرح للمشروع، وهوية وشعار بصيغ قابلة للتحرير، وخريطة أولية للتكاملات.

مهم بخصوص التصاميم المبدئية:

النماذج والتصاميم المرفقة لتوضيح فكرة المنتج وتدفق الاستخدام فقط، وليست الشكل النهائي المرغوب. المطلوب من المصمم دراسة المواد ثم تصميم تجربة وواجهات نهائية احترافية، وليس نسخ التصميم المبدئي كما هو.

سيتم مشاركة الملفات التفصيلية مع المصمم المختار بعد الاتفاق على السرية وملكية التصميمات.

نطاق العمل — مشروع تصميم واحد متكامل

أولًا: الموقع التسويقي

تصميم موقع متجاوب يشمل الصفحات التالية:

- الصفحة الرئيسية Home

- صفحة المنتج Product

- صفحة أدوات الذكاء الاصطناعي AI Apps

- صفحة المنصات والتكاملات Marketplaces / Integrations

- صفحة الأسعار Pricing

- صفحة الوكالات Agencies

- الأدوات المجانية Free Tools

- الموارد Resources

- من نحن About

- تواصل معنا Contact

- تسجيل الدخول وإنشاء الحساب Login / Signup

- صفحات الشروط والخصوصية و404

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

ثانيًا: برنامج الويب

برنامج ويب كامل يعمل من المتصفح، بتصميم أساسي لسطح المكتب، ونسخ متجاوبة للتابلت والموبايل.

1. التسجيل والإعداد الأولي

- Login وSignup

- إعداد الحساب عبر أسئلة قصيرة

- اختيار منصات البيع والأسواق

- ربط متجر أو استيراد البيانات من ملف

- عرض حالة المزامنة وتقدمها

- قائمة إرشادية تساعد المستخدم على إكمال الإعداد

2. لوحة التحكم وإدارة المتاجر

- Dashboard تعرض مؤشرات الأداء وبطاقات المتاجر والتنبيهات

- قائمة المتاجر وتفاصيل كل متجر

- حالة الاتصال والمزامنة وسجل المزامنة

- خطوات ربط المتجر والصلاحيات

- حالات انتهاء التفويض وفشل الاتصال والربط الجزئي وقطع الاتصال

3. إدارة المنتجات والطلبات والمخزون

- Products: البحث والفلاتر والتحديد الجماعي والفحص

- محرر المنتج: العنوان، النقاط، الوصف، GTIN، حالة الفحص والمشكلات

- Inventory: عرض المخزون وحالاته

- Orders: عرض الطلبات وحالاتها وفلاترها وتفاصيلها

- تصميم الجداول والفرز والبحث والتقسيم إلى صفحات وحالات عدم وجود نتائج

4. الفحص والحماية

تصميم واجهات الوظائف التالية:

- Pre-flight لفحص قوائم المنتجات قبل تصديرها أو إرسالها

- Template Fix لمعالجة ملفات القوائم

- Compliance لعرض المشكلات والتنبيهات

- Rule Radar لمتابعة القواعد أو التغييرات

وتشمل حالات الفحص: لا توجد مشكلات، توجد مشكلات، تم الإصلاح، فشل الفحص، أو يلزم إدخال معلومات إضافية.

5. Flomero Studio

تصميم تجربة كاملة تشمل:

- رفع صورة أو ملف أو مجموعة منتجات

- اختيار المتاجر المستهدفة

- إنشاء مسودات قوائم المنتجات وفحصها

- مراجعة النتائج وتعديلها في جدول

- موافقة المستخدم قبل إرسال المسودات أو تصديرها

- حالات الملف غير المدعوم والفشل الجزئي ونقص المعلومات والنجاح

6. أدوات الذكاء الاصطناعي

تصميم صفحة Hub تعرض أدوات الذكاء الاصطناعي، وصفحة استخدام موحدة لكل أداة تعرض المدخلات والنتيجة والتكلفة والحالات المختلفة.

الأدوات المسماة والموضحة في ملفات المشروع:

- Writer AI

- Checker AI

- Image AI

- Template AI

- Keyword AI

- A+ AI

- Compliance AI

- Translate AI

- Snap AI

- Profit AI

- Reply AI

- Aira AI

مخطط المشروع يذكر 16 أداة إجمالًا، بينما يشرح الملفات المتاحة 12 أداة. يشمل التصميم عرض الأدوات الـ16 في صفحة Hub، وتصميم صفحات الأدوات الـ12 الموضحة، بالإضافة إلى تصميم الصفحات الأربع المتبقية باستخدام قالب الأدوات الموحد. تُراجع تسميات ووظائف الأدوات الأربع مع صاحب المشروع ضمن مرحلة دراسة المواد وتحديد تدفقات الاستخدام، ويشمل ذلك السعر الإجمالي للمشروع.

7. التحليلات والنمو وإدارة الفرق

- Profit

- Compare لمقارنة المنصات

- Reports

- Sourcing

- Actions والتوصيات

- Clients للوكالات

- Team and Roles

- Settings والاشتراك والرصيد والتكاملات

- لوحة Aira الجانبية

- البحث الشامل Cmd+K

ثالثًا: تطبيق الهاتف لـiOS وAndroid

تصميم تطبيق هاتف مستقل ومتكامل بصريًا مع الموقع وبرنامج الويب، مع مراعاة اختلاف استخدام الهاتف عن الكمبيوتر. يشمل التطبيق:

- إنشاء الحساب وتسجيل الدخول والإعداد الأولي

- الصفحة الرئيسية وملخص مؤشرات الأداء

- قائمة المتاجر وتفاصيل المتجر وحالة الاتصال

- التنبيهات والإشعارات ومراجعة ما يحتاج إلى إجراء

- البحث عن المنتجات وعرض تفاصيلها

- عرض الطلبات وحالاتها وتفاصيل الطلب

- ملخص المخزون وحالاته

- رفع صورة منتج أو ملف مناسب من الهاتف

- استخدام Flomero Studio لمراجعة المسودات والنتائج والموافقة عليها

- عرض ملخص نتائج الفحص والمشكلات والإصلاحات المقترحة

- الوصول إلى أدوات الذكاء الاصطناعي عبر قالب استخدام موحد

- الملف الشخصي والإعدادات واللغة والمظهر والفريق، وفق الصلاحيات المعتمدة

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

تُصمم نسختا iOS وAndroid ضمن المشروع نفسه، مع مراعاة عناصر النظام الأساسية لكل منصة، مثل مناطق الأمان، والتنقل، ولوحة المفاتيح، والأذونات، والتنبيهات. لا يشمل العمل برمجة التطبيق أو نشره في متاجر التطبيقات.

حالات الاستخدام المطلوبة

يرجى تصميم الحالات الملائمة للشاشات الأساسية في الموقع وبرنامج الويب وتطبيق الهاتف، بما فيها:

- بيانات طبيعية

- شاشة فارغة

- تحميل

- خطأ أو فشل

- متجر غير متصل أو يحتاج إلى إعادة ربط

- ربط جزئي أو مزامنة متوقفة

- نقص بيانات أو رصيد

- نجاح العملية ورسائل التأكيد

- تأكيد المستخدم قبل إرسال البيانات أو تطبيق أي تغيير

- رفض صلاحية أو إذن مطلوب على الهاتف

اللغات والأجهزة

- الإنجليزية LTR والعربية RTL

- دعم RTL كامل للقوائم والجداول والمحاذاة والأيقونات، وليس ترجمة النصوص فقط

- الموقع وبرنامج الويب: Desktop وTablet وMobile من المتصفح

- تطبيق الهاتف: تصميم لـiOS وAndroid

- الوضع الفاتح والداكن للموقع وبرنامج الويب وتطبيق الهاتف

لا يشمل النطاق برنامجًا منفصلًا للتحميل على Windows أو Mac، ولا يشمل البرمجة أو التطوير أو نشر التطبيق.

الهوية والتوجه البصري

- توجد هوية وشعار وملفات تصميم أولية ضمن مواد المشروع.

- سيتم تحديد الاسم النهائي للمنصة قبل اعتماد التصميم النهائي.

- يشمل العمل تطبيق الاسم والهوية المعتمدين على الموقع وبرنامج الويب وتطبيق الهاتف.

- نحتاج واجهات واضحة وعملية، خصوصًا للجداول والبيانات وتدفقات الاستخدام.

- لا تُضاف شعارات عملاء أو شهادات أو إحصائيات غير موجودة في مواد المشروع المعتمدة.

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

- يجب تمييز البيانات التجريبية أو القواعد غير المتحقق منها بوضوح داخل التصميم.

المخرجات النهائية المطلوبة

- ملف Figma أصلي، منظم، قابل للتحرير، وجاهز للتسليم لفريق البرمجة.

- تصميم نهائي متكامل للموقع التسويقي وبرنامج الويب وتطبيق الهاتف.

- خريطة الصفحات وتدفقات الاستخدام.

- Wireframes للشاشات الرئيسية قبل اعتماد التصميم النهائي.

- Design System يشمل الألوان والخطوط والمسافات والمكونات والحالات.

- Components وVariants باستخدام Auto Layout.

- جميع الصفحات والشاشات والحالات المذكورة في نطاق العمل.

- النسخ العربية والإنجليزية والاتجاهان RTL وLTR.

- الوضعان الفاتح والداكن.

- التصميم المتجاوب للموقع وبرنامج الويب على Desktop وTablet وMobile.

- تصميم تطبيق الهاتف لـiOS وAndroid.

- Prototype تفاعلي للتدفقات الرئيسية، مثل التسجيل وربط متجر وفحص منتج واستخدام Flomero Studio ومراجعة النتائج على الهاتف.

- ملاحظات واضحة للمبرمج عن التفاعلات والسلوك المتجاوب والحالات وطريقة استخدام المكونات.

- الأيقونات والأصول التصميمية وملفات التصدير اللازمة للتنفيذ.

- تسمية وتنظيم الصفحات والطبقات والمكونات في Figma.

- تسليم ملف Figma ومصادر التصميم وحقوق استخدامها لفريق المشروع بعد إتمام الاتفاق.

مراحل العمل

1. مراجعة النماذج والملفات الحالية وتسجيل الاستفسارات.

2. إعداد خريطة الصفحات وتدفقات الاستخدام وقائمة الشاشات.

3. تصميم Wireframes واعتماد تجربة الاستخدام.

4. تقديم اتجاه بصري أولي للموقع ولوحة التحكم وتطبيق الهاتف.

5. استكمال تصميم جميع الصفحات والوظائف والحالات.

6. إعداد النسخ المتجاوبة والعربية والإنجليزية والوضع الفاتح والداكن.

7. إعداد Prototype وملاحظات التنفيذ وتسليم ملف Figma النهائي.

تُنظم الدفعات والتسليم على هذه المراحل، لكن جميع المراحل والمخرجات المذكورة جزء من نطاق المشروع الكامل.

المطلوب في عرض المصمم

يرجى إرسال عرض يتضمن:

1. رابط معرض الأعمال.

2. أمثلة على مواقع أو برامج ويب أو لوحات تحكم صممتها بنفسك.

3. أمثلة على تطبيقات iOS أو Android صممتها، إن وجدت.

4. توضيح دورك الفعلي في الأعمال المعروضة.

5. خطة التنفيذ والمدة المتوقعة لكل مرحلة.

6. السعر الإجمالي الثابت لتنفيذ نطاق المشروع كاملًا كما ورد في الإعلان.

7. جدول الدفعات المقترح حسب مراحل التسليم.

8. عدد جولات المراجعة والتعديل التي يشملها العرض.

9. تأكيد تسليم ملف Figma الأصلي ومصادر التصميم القابلة للتحرير.

10. توضيح أي عنصر لا يشمله السعر قبل الاتفاق.

يجب أن يغطي السعر الإجمالي الموقع وبرنامج الويب وتطبيق الهاتف لـiOS وAndroid، والنسخ المتجاوبة، واللغتين، والاتجاهين RTL وLTR، والوضعين الفاتح والداكن، والمكونات والنماذج التفاعلية وملاحظات التسليم للمبرمج، وفق هذا الإعلان.