تصميم وبرمجة صفحة هبوط

السلام عليكم ورحمة الله وبركاته

نبحث عن مستقل متميز في تصميم وبرمجة صفحة الهبوط landing page وستكون الخصائص الفنية للصفحة كما يلي : -

الجزء الأول: الخصائص والمواصفات الفنية

يجب أن يتوفر في النظام الخصائص التالية: -

1.لوحة تحكم لإدارة المحتوى CMS تحقق ما يلي:

a.التحكم بالنظام والخصائص الأساسية له

b.امكانية تعديل او حذف او اضافة المحتوى بسهولة للغتين العربية والانجليزية

c.الوصول لقائمة المراسلة وامكانية تصديرها على صيغة ملف اكسل

d.امكانية اضافة التصنيفات الرئيسية للمنتجات واضافة تصنيفات فرعية أو منتجات

2.خصائص عامة

a.توفر الصفحة باللغة العربية والانجليزية مع إمكانية إضافة لغات جديدة في المستقبل.

b.يعمل على نظام وورد بريس wordpress المخصص لادارة المحتوى

c.ان تكون جميع الإضافة محدثة للاصدار الأخير من الوورد بريس

d.ان يكون التصميم المعد متوافق مع متطلبات النسخة الأخيرة من الوورد بريس

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

f.إضافة شهادة الأمان SSL

g.أن يكون أداء الصفحة من حيث السرعة ممتاز

h.إضافة ميزة التحقق على نموذج المراسلة لضمان عدم وصول رسائل عشوائية Spam

i.أن تكون الصفحة متوافقة مع معايير SEO

j.ان يكون التصميم متوافق للتصفح من الجوال responsive design

الجزء الثالث: أقسام وهيكلية الصفحة

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

1.الهيدر (الجزء العلوي من الصفحة)،: يتكون من:

a.قائمة التنقل بين أقسام الصفحة وتشمل (من نحن، الممارسات البيئية، الشهادات، المنتجات، اتصل بنا)

b.شعار الشركة بشكل بارز

c.صورة بعرض الصفحة معبرة عن الشركة مع عبارة تسويقية

d.زر لتحميل بروفايل الشركة على صيغة pdf

2.من نحن: قسم للتعريف بالشركة:

a.الرؤية

b.الرسالة

c.نبذة عن الشركة تاريخها، إنجازاتها،...)

3.الممارسات البيئية، وسيكون محتوى القسم على النحو التالي:

a.كيف تحافظ الشركة على البيئة.

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

c.صور من الممارسات

d.ارقام ونسب مئوية

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

5.المنتجات (أقسام المنتجات وقائمة المنتجات)

a.أقسام المنتجات الأساسية -يتم اضافتها من لوحة التحكم وتكون قابلة للزيادة- :

i.الكل

ii..موالح

iii.كعك

iv.حلويات

v.بقلاوة

b.اسم وصورة المنتج وعند الضغط على المنتج يتم فتح شاشة منبثقة تحتوي على المعلومات التالية -يتم اضافتها من لوحة التحكم وتكون قابلة للزيادة- :

i.اسم المنتج

ii.وصف المنتج

iii.صلاحية المنتج

iv.وزن المنتج (نوع الحقل نص وليس رقم)

v.مكونات المنتج

vi.تحذير الحساسية للمنتج

vii.صور المنتج (إمكانية إضافة صورة رئيسية، وعند الضغط على المنتج يتم استعراض الصور الأخرى للمنتج)

6.اتصل بنا (نموذج المراسلة البريدية)، ويحتوي النموذج على البيانات التالية:

a.الاسم كاملا

b.رقم الهاتف مع المفتاح الدولي

c.دولة الاستيراد

d.عنوان الموضوع (يظهر كـ placeholder: لماذا ترغب بالتواصل معنا، الحصول على حقوق بيع المنتجات، استفسار، طلب عينات...) ويتم ادخال العنوان كنص

e.تفاصيل الرسالة

f.أوقات الاتصال المفضلة

7.الفوتر (الجزء السفلي من الصفحة)، ويحتوي على ما يلي:

a.عبارة قصير عن الشركة

b.روابط لصفحات التواصل الاجتماعي

c.هيكلية الصفحة

d.ايميل التواصل بخصوص التصدير

e.مواقع وعنوان الشركة على ارض الواقع وأرقام التواصل وأوقات العمل بحسب التوقيت العالمي GMT

f.جميع الحقوق محفوظة باسم الشركة وتاريخ محدث بشكل تلقائي

الجزء الثالث: نماذج لصفحة الهبوط

فيما يلي نماذج لصفحات الهبوط التي يمكن الاقتباس منها والاستفادة من الأفكار الواردة في كل منها بحسب الاتي: -

1.الموقع الأول https://preview.themefore...

a.طريقة عرض المنتجات وتصنيفاتها

b.طريقة عرض الشعار والهيدر

2.الموقع الثاني https://preview.themefore...

a.نموذج المراسلة وجدول مواعيد العمل في قسم اتصل بنا

3.الموقع الثالث https://preview.themefore...

a.أرقام تعبر عن الشركة (في القسم قبل الأخير من الصفحة)

b.طريقة استعراض الممارسات البيئية (في القسم الرابع من الصفحة)

سيتم تسليم المستقل عند اعتماده ملفات المشروع (الصور، الخط المستخدم، الشعار، المحتوى بالعربي والانجليزي) لاضافتها على التصميم

اتمنى التوفيق للجميع

وكل عام وانتم بخير