مبدع يساعدنا بافكار ابداعيه ويصمملنا تصميم فيجما ui&ux

السلام عليكم

بدي شخص مبدع يعملنا تصميم فيجما لموقع لنظام خاص

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

محتاج شغل احترافي وانجاز سريع ويكون متفرغ

وبع العمل على التصميم ننقله على احساب الفيجما الخاص فينا

وبعد الاتفاق نعمل اجتماع meet

ارجو قراة المتطلبات جيدا

وشكرا لكم

? وثيقة تصميم واجهات النظام

Internal Work & Client Management Platform

منصة داخلية لإدارة العمل داخل الشركة تشمل:

إدارة المشاريع

إدارة المهام

إدارة الموظفين

إدارة العملاء

متابعة الخدمات

التواصل

التقارير

الذكاء الاصطناعي

النظام يجب أن يكون:

بسيط

احترافي

سريع الاستخدام

مناسب للويب والموبايل

? أنواع المستخدمين

Admin (الإدارة)

يمكنه:

إدارة الموظفين

إنشاء المشاريع

إنشاء المهام

متابعة الأداء

إرسال إشعارات

التواصل مع الفريق

متابعة العملاء

رؤية التقارير

Employees (الموظفون)

مثل:

Backend Developer

Frontend Developer

UI/UX Designer

DevOps

Marketing

يمكنهم:

رؤية مهامهم

تحديث حالة المهمة

رفع الملفات

التواصل داخل المهام

المشاركة في المنتدى

رفع الشهادات

فتح شكوى للإدارة

Client (العميل)

صلاحياته محدودة.

يمكنه فقط:

متابعة مشروعه

رؤية التصاميم

رفع ملفات

متابعة الخدمات

التواصل مع الدعم

⚠️ العميل لا يرى ملفات البرمجة.

?️ خريطة النظام (System Sitemap)

Dashboard

Projects

└ Project Details

 └ Tasks

  └ Task Details

Tasks

└ Kanban Board

└ Task Details

Employees

└ Employee Profile

 └ Certificates

 └ Performance

 └ Complaints

Clients

└ Client Profile

 └ Project Progress

 └ Designs

 └ File Upload

 └ Payments

 └ Service Status

 └ Support

Designs

└ Design Files

└ Design Versions

Servers

└ Server Status

└ Website Status

Reports

Chat

Forum

Notifications

AI Assistant

Settings

? الشاشات المطلوبة للتصميم (Wireframes)

المصمم يحتاج تصميم حوالي 40 شاشة.

1️⃣ Dashboard

تعرض:

Cards:

Total Projects

Active Tasks

Employee Performance

Website Status

Sections:

Recent Activity

Team Performance

Latest Tasks

2️⃣ صفحة المشاريع

Project List

تعرض:

Project Name

Client

Status

Progress

3️⃣ صفحة تفاصيل المشروع

تحتوي:

Project Info

Team Members

Progress Bar

Tasks

Milestones

4️⃣ لوحة المهام (Kanban)

الأعمدة:

To Do

In Progress

Review

Done

يمكن:

سحب المهمة بين الأعمدة.

5️⃣ صفحة تفاصيل المهمة

تحتوي:

Task Info

Assigned Members

Attachments

Checklist

Comments

Timeline

⭐ تقييم الموظفين

الإدارة تقيم الموظف لكل مهمة.

معايير التقييم:

Quality

Speed

Communication

? بروفايل الموظف

Employee Profile

يحتوي:

Profile Info

Performance

Tasks Completed

Admin Ratings

Certificates

يمكن للموظف رفع:

كورسات

شهادات

Complaints System

الموظف يستطيع فتح طلب شكوى للإدارة.

Fields:

Complaint Title

Description

Priority

Status:

Open

Under Review

Resolved

?‍? بروفايل العميل

Client Profile

يحتوي:

Client Info

حالة المشروع

Project Progress

مثال:

Progress: 70%

حالة الموقع أو التطبيق

Website Status

Online / Offline

App Status

Online / Offline

الحالة يتم تحديثها:

تلقائياً

أو يدوياً

انتهاء الخدمات

Hosting Expiration

Domain Expiration

مثال:

Hosting expires in 35 days

الحالة المالية

Total Cost

Paid Amount

Remaining Amount

الملفات

العميل يستطيع:

رفع ملفات.

العميل يرى فقط:

التصاميم

ملفات التصميم

ولا يرى ملفات البرمجة.

? قسم التصاميم

Design List

كل تصميم يحتوي:

Preview

Comments

Versions

? نظام النسخ (Version System)

كل ملف يحتفظ بالنسخ السابقة.

Example:

Version 1

Version 2

Version 3

يمكن الرجوع لأي نسخة.

? الرسوم البيانية للعميل

يجب عرض رسوم بسيطة مثل:

Project Progress

Payments

Service Status

? ملاحظات العميل

الإدارة تستطيع إضافة ملاحظات داخل بروفايل العميل.

? الدعم الفني

العميل يستطيع:

فتح طلب دعم

إرسال رسالة

متابعة الردود

? مراقبة المواقع والتطبيقات

يعرض:

Websites

Applications

الحالة:

Online

Offline

يوجد:

Automatic Check

Manual Check

⏱ تتبع وقت العمل

النظام يحسب الوقت من:

Login

إلى

Logout

ويظهر في تقارير الموظف.

? الدردشة الداخلية

بديل عن واتساب.

تشمل:

Direct Chat

Team Chat

File Sharing

? الإشعارات

الإدارة تستطيع إرسال:

إشعار لموظف

إشعار لكل الموظفين

?‍?‍? منتدى الموظفين

قسم داخلي للنقاش.

يمكن للموظفين:

طرح أسئلة

مشاركة المعرفة

مناقشة المشاكل

? صفحة الذكاء الاصطناعي

قسم داخل النظام باسم:

AI Assistant

واجهة تشبه المحادثة.

تحتوي:

Chat Area

Input Box

اقتراحات:

Generate Code

Fix Error

Write API

⚙️ Workflow نظام المهام

Create Task

↓

Assign Team

↓

Start Task

↓

Work in Progress

↓

Review

↓

Complete

? Activity Timeline

يسجل كل حركة داخل المشروع.

مثال:

Ahmed created task

Sara uploaded design

Client uploaded file

? متطلبات التصميم

التصميم يجب أن يكون:

بسيط

حديث

واضح

مناسب للويب والموبايل

سهل الاستخدام

? UI/UX Design Specification

Internal Work & Client Management Platform

منصة داخلية لإدارة العمل داخل الشركة، تجمع بين إدارة المشاريع والمهام والموظفين والعملاء ومتابعة الخدمات والتواصل الداخلي في نظام واحد.

المنصة تهدف إلى:

تنظيم العمل داخل الشركة

تسهيل إدارة المشاريع

متابعة أداء الموظفين

إعطاء العملاء رؤية واضحة لمشاريعهم

تقليل الاعتماد على أدوات خارجية مثل واتساب

تحسين التعاون داخل الفريق

? أهداف التصميم

يجب أن يكون التصميم:

بسيط وسهل الاستخدام

احترافي وحديث

سريع التصفح

مناسب للويب والموبايل

واضح لجميع المستخدمين (الإدارة – الموظفين – العملاء)

? User Roles (أنواع المستخدمين)

1. Admin (الإدارة)

صلاحيات الإدارة تشمل:

إدارة الموظفين

إنشاء المشاريع

إنشاء المهام

متابعة تقدم المشاريع

مراقبة الأداء

إرسال إشعارات

التواصل مع الفريق

متابعة العملاء

عرض التقارير

2. Employees (الموظفون)

الأدوار المحتملة:

Backend Developer

Frontend Developer

UI/UX Designer

DevOps

Marketing

يمكنهم:

رؤية مهامهم

تحديث حالة المهمة

رفع الملفات

التواصل داخل المهمة

المشاركة في المنتدى الداخلي

رفع الشهادات والكورسات

فتح شكوى للإدارة

3. Client (العميل)

العميل يمتلك صلاحيات محدودة.

يمكنه:

متابعة مشروعه

رؤية التصاميم

رفع ملفات

متابعة حالة الخدمات

رؤية التقدم

التواصل مع الدعم

⚠️ العميل لا يستطيع رؤية ملفات البرمجة.

?️ System Sitemap (خريطة النظام)

Dashboard

Projects

 Project Details

  Tasks

   Task Details

Tasks

 Kanban Board

 Task Details

Employees

 Employee Profile

  Certificates

  Performance

  Complaints

Clients

 Client Profile

  Project Progress

  Designs

  File Upload

  Payments

  Service Status

  Support

Designs

 Design Files

 Design Versions

Servers

 Server Status

 Website Status

Reports

Chat

Forum

Notifications

AI Assistant

Settings

? Wireframes Scope (نطاق الشاشات)

المطلوب تصميم حوالي 40 شاشة.

الشاشات الرئيسية:

Dashboard

Project List

Project Details

Task Board

Task Details

Employee Profile

Client Profile

Design Files

Chat

Reports

AI Assistant

Server Monitoring

1️⃣ Dashboard

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

تحتوي على:

Cards

Total Projects

Active Tasks

Employee Performance

Website Status

Sections

Recent Activity

Team Performance

Latest Tasks

2️⃣ Projects Page

قائمة المشاريع.

كل مشروع يعرض:

Project Name

Client

Status

Progress

3️⃣ Project Details

صفحة تفاصيل المشروع تحتوي:

Project Info

Team Members

Progress Bar

Tasks

Milestones

4️⃣ Task Board (Kanban)

عرض المهام باستخدام Kanban.

الأعمدة:

To Do

In Progress

Review

Done

يجب دعم:

Drag & Drop

5️⃣ Task Details

تحتوي على:

Task Info

Assigned Members

Attachments

Checklist

Comments

Activity Timeline

⭐ Employee Evaluation

الإدارة يمكنها تقييم الموظف لكل مهمة.

معايير التقييم:

Quality

Speed

Communication

النتائج تظهر في بروفايل الموظف.

? Employee Profile

يتضمن:

Profile Information

Performance Metrics

Tasks Completed

Admin Ratings

Certificates

الموظف يمكنه رفع:

كورسات

شهادات

Complaints System

الموظف يستطيع فتح شكوى للإدارة.

Fields:

Complaint Title

Description

Priority

Status:

Open

Under Review

Resolved

?‍? Client Profile

صفحة مخصصة لكل عميل.

تتضمن:

Client Information

Project Progress

مثال:

Progress: 70%

يظهر عبر Progress Bar.

Service Status

Website Status

Online / Offline

Application Status

Online / Offline

يمكن تحديث الحالة:

تلقائياً

أو يدوياً

Service Expiration

Hosting Expiration

Domain Expiration

مثال:

Hosting expires in 35 days

Financial Status

Total Cost

Paid Amount

Remaining Amount

Client Files

العميل يستطيع:

رفع ملفات.

العميل يرى فقط:

ملفات التصميم

التصاميم

ولا يرى ملفات البرمجة.

? Designs Section

Design List

كل تصميم يحتوي:

Preview

Comments

Version History

? Version System

كل ملف تصميم يحتفظ بتاريخ النسخ.

Example:

Version 1

Version 2

Version 3

يمكن:

فتح نسخة قديمة

تحميلها

الرجوع إليها

? Client Charts

يجب عرض رسوم بيانية بسيطة:

Project Progress

Payments

Service Status

? Client Notes

الإدارة تستطيع إضافة ملاحظات داخل بروفايل العميل.

? Support System

العميل يمكنه:

فتح تذكرة دعم

إرسال رسالة

متابعة الردود

? Server Monitoring

صفحة تعرض حالة:

Websites

Applications

الحالة:

Online

Offline

يوجد:

Automatic Check

Manual Check

⏱ Time Tracking

النظام يحسب وقت العمل للموظف.

من:

Login

إلى

Logout

ويظهر في التقارير.

? Internal Chat

بديل عن واتساب.

يدعم:

Direct Messages

Team Chat

File Sharing

? Notifications

الإدارة يمكنها إرسال:

Notification لموظف

Notification لجميع الموظفين

?‍?‍? Employee Forum

منتدى داخلي للموظفين.

يمكنهم:

طرح أسئلة

مشاركة المعرفة

مناقشة المشاكل

? AI Assistant Page

قسم خاص بالمساعد الذكي.

واجهة تشبه المحادثة.

تحتوي على:

Chat Area

Message Input

Suggestions:

Generate Code

Fix Error

Write API

⚙️ Task Workflow

Create Task

↓

Assign Team

↓

Start Task

↓

Work in Progress

↓

Review

↓

Complete

? Activity Timeline

يسجل كل نشاط داخل المشروع.

مثال:

Ahmed created task

Sara uploaded design

Client uploaded file

? UI Design Guidelines

يجب أن يكون التصميم:

بسيط

حديث

واضح

سهل الاستخدام

متجاوب مع الموبايل