تصميم شعار والواجهة الأمامية لموقع إلكتروني

الأهداف والوظائف الرئيسية للموقع:

الترويج للرائدات: عرض إنجازات الرائدات العلمية والاجتماعية، ومساهماتهن الدولية ،والإقليمية والمحلية.

الترويج لمنتجات الرائدات: عرض منتجاتهن الربحية بجميع أنواعها.

حماية الخصوصية: ضمان حماية المحتوى وعدم التواصل المباشر مع الرائدة.

التوافق مع الأجهزة: تصميم متجاوب يتوافق مع كافة الأجهزة الكفية ومقاسات الشاشات.

الخصائص الرئيسية للموقع:

•دليل الرائدات:

oفلاتر البحث:

oالمجال (علمي، اجتماعي، ثقافي، سياسي، إلخ).

oالدولة.

oالتصنيف (أعلى الإنجازات، الأحدث، إلخ).

•بروفايل الرائدة:

oالصورة الشخصية: صورة كبيرة وواضحة للرائدة.

oالتصنيف بالموقع: تصنيف الرائدة بناءً على مجالات إنجازاتها.

oالسيرة الذاتية: معلومات تفصيلية عن حياة الرائدة ومسيرتها المهنية.

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

oمقالات الرائدة: مجموعة من المقالات التي كتبتها الرائدة أو التي كتبت عنها.

oحسابات التواصل الاجتماعي: روابط لحسابات الرائدة على منصات التواصل الاجتماعي المختلفة.

oمشاركة البروفايل: زر لمشاركة البروفايل على شبكات التواصل الاجتماعي برابط مختصر.

oتحرير المحتوى: يمكن للرائدات تحرير محتوى البروفايل (لقاءات أعمال، منتجات، صور، فيديو، مقالات، تواصل) وتنشر فور اعتمادها من الإدارة.

oعرض صور مصغرات: عرض صور مصغرة قابلة للفتح للرائدات اللاتي يتشاركن نفس مجال الاهتمام أو التصنيف.

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

o QR كود: يحتوي كل بروفايل على QR كود قابل للمسح عن طريق الكاميرا.

oالتصميم المتجاوب: تصميم البروفايل ليكون متوافقاً مع كافة الأجهزة الكفية ومقاسات الشاشات بشكل احترافي.

تحليل مكونات الموقع:

• الصفحة الرئيسية:

o شريط التنقل (Navigation Bar): يشمل: الصفحة الرئيسية، دليل الرائدات، المقالات، عن الموقع، اتصل بنا.

o شريط بحث متقدم: للبحث عن الرائدات باستخدام الفلاتر.

o قسم لإبراز الرائدات المميزين.

o جديد الرائدات: عرض أحدث المقالات، الفيديوهات، والصور الخاصة بالرائدات.

o شريط إخباري: لعرض آخر الإضافات من الرائدات مثل الأخبار، المقالات الجديدة، الصور، والفيديوهات.

o قسم مقالات مميزة: عرض بعض المقالات المختارة التي كتبتها الرائدات.

o قسم فيديوهات مميزة: عرض مجموعة مختارة من الفيديوهات التي تعكس إنجازات ومساهمات الرائدات.

o قسم لعرض منتجات الرائدات: الترويج للمنتجات التي أنشأتها الرائدات مع روابط للشراء أو لمزيد من المعلومات.

• صفحة دليل الرائدات:

o قائمة بفلترة حسب المجال، الدولة، والتصنيف.

o عرض مختصر للرائدات يشمل الصورة الشخصية، الاسم، التصنيف، وبعض التفاصيل الموجزة.

• صفحة بروفايل الرائدة:

o صورة شخصية كبيرة.

o التصنيف.

o السيرة الذاتية.

o غالاري الصور والفيديوهات (مع إمكانية تخصيص الأقسام حسب رغبة الرائدة).

o مقالات الرائدة.

o روابط حسابات التواصل الاجتماعي.

o زر لمشاركة البروفايل على شبكات التواصل الاجتماعي برابط مختصر.

o عرض صور مصغرات لرائدات أخريات في نفس مجال الاهتمام أو التصنيف.

o QR كود قابل للمسح.

• صفحة المقالات:

o قائمة بالمقالات المميزة والأحدث.

o إمكانية تصفح المقالات حسب المجالات المختلفة.

• صفحة عن الموقع:

o معلومات عن أهداف الموقع ورسالة الموقع.

• صفحة اتصل بنا:

o نموذج للتواصل مع إدارة الموقع دون التواصل المباشر مع الرائدات.

التقنيات المستخدمة لعمل الموقع:

• الواجهة الأمامية (FrontEnd):

o HTML

o CSS

o JavaScript

o Bootstrap

o Razor

الهوية البصرية للموقع:

oشعار مميز: تصميم شعار يعكس روح الموقع وهدفه في دعم وتمكين الرائدات. يمكن أن يشمل الشعار رمزًا للقمة العالمية أو رمزًا نسائيًا مميزًا.

oالخطوط: استخدام خطوط بسيطة وأنيقة وسهلة القراءة. يمكن استخدام خطوط مميزة للعناوين وخطوط أكثر بساطة للنصوص.

oالأيقونات: استخدام أيقونات مخصصة تلائم الفئات المختلفة للموقع مثل الإنجازات، المقالات، المشاريع ، المنتجات، إلخ.

قالب الألوان:

oمطلوب اختيار ألوان رئيسية:

لون يعزز الشعور بالتميز والإنجاز.

لون يُعبر عن القوة والقيادة والإنجازات النسائية.

أبيض: للنقاء والوضوح.

oمطلوب اختيار ألوان ثانوية:

للمحتوى النصي والحدود.

إضافة لمسة من الهدوء والتوازن.

قالب الموقع:

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

oواجهة مستخدم بسيطة وسهلة الاستخدام: يجب أن تكون الواجهة بديهية وسهلة التنقل، مع قوائم واضحة وروابط مباشرة لأقسام الموقع المختلفة.

oتنظيم المحتوى: تقسيم المحتوى إلى أقسام واضحة مع استخدام فراغات بيضاء لزيادة التركيز على المحتوى المهم.

ايقونات واطارات و بادجات:

•اطار يحيط بالصورة الشخصية للرائدة للعضويات التالية

oالعضوية الماسية

oالعضوية الذهبية

oالعضوية الفضية

oالعضوية العادية

•البادج او الوسام او الدرع ويمنح للرائدة المتميزة في المجالات التالية

oوسام العطاء

oوسام العلم

oوسام التميز

oوسام السلام

oوسام VIP

oوسام VVIP

•تصميم ايقونات مناسبة لوظائف واقسام الموقع

أقسام الموقع:

•الصفحة الرئيسية:

oشريط التنقل (Navigation Bar) يشمل: الصفحة الرئيسية، دليل الرائدات، المقالات، عن الموقع، اتصل بنا.

oشريط بحث متقدم.

oقسم لإبراز الرائدات المتميزات.

oجديد الرائدات: عرض أحدث المقالات، الفيديوهات، والصور الخاصة بالرائدات.

oشريط إخباري: لعرض آخر الإضافات من الرائدات مثل الأخبار، المقالات الجديدة، الصور، والفيديوهات.

oقسم مقالات مميزة.

oقسم فيديوهات مميزة.

oقسم لعرض منتجات الرائدات.

•صفحة دليل الرائدات:

oقائمة بفلترة حسب المجال، الدولة، والتصنيف.

oعرض مختصر للرائدات يشمل الصورة الشخصية، الاسم، التصنيف، وبعض التفاصيل الموجزة.

•صفحة بروفايل الرائدة:

oصورة شخصية كبيرة.

oالتصنيف.

oالسيرة الذاتية.

oغالاري الصور والفيديوهات (مع إمكانية تخصيص الأقسام حسب رغبة الرائدة).

oمقالات الرائدة.

oروابط حسابات التواصل الاجتماعي.

oزر لمشاركة البروفايل على شبكات التواصل الاجتماعي برابط مختصر.

oعرض صور مصغرات لرائدات أخريات في نفس مجال الاهتمام أو التصنيف.

oQR كود قابل للمسح.

•صفحة المقالات:

oقائمة بالمقالات المميزة والأحدث.

oإمكانية تصفح المقالات حسب المجالات المختلفة.

•صفحة عن الموقع:

oمعلومات عن أهداف الموقع ورسالة الموقع.

•صفحة اتصل بنا:

oنموذج للتواصل مع إدارة الموقع دون التواصل المباشر مع الرائدات.

لغة الموقع:

oموقع ثنائي اللغة: يجب أن يدعم الموقع اللغتين العربية والإنجليزية لتوفير تجربة متميزة وشاملة للمستخدمين من مختلف الجنسيات والخلفيات.

oتبديل اللغة: إضافة خيار واضح لتبديل اللغة في الجزء العلوي من الموقع.

oترجمة دقيقة: التأكد من أن جميع المحتويات مترجمة بشكل دقيق ومهني لضمان فهم الرسائل والمعلومات بوضوح في كلتا اللغتين.

المطلوب

1- تسليم الصفحات بصيغة مصدر برنامج التصميم XD Figma etc

2- تسليم الموقع بصيغة HTML5 CSS JS مع كافة المكتبات المطلوبة

3- كل الشعارات والايقونات والاطارات تسلم بصيغة المصدر

4- من الشروط الاساسية توافق الموقع مع كافة الاجهزة الكفية والشاشات