تطوير موقع شركة إلكترو كريتيف للحلول الرقمية باستخدام Nuxt.js 4 أو Astro

نبحث في شركة الكترو كريتيف (Electro Creative) عن مطور (Full-Stack) لإعادة بناء موقعنا الرسمي [https://electrocreatives....] من الصفر. الهدف هو الانتقال من بيئة ووردبريس الحالية إلى بيئة برمجية أكثر سرعة واحترافية باستخدام فريم ورك Nuxt.js 4 أو Astro.

الموقع الحالي يعاني من بطء في الأداء، ونريد تحويله إلى منصة فائقة السرعة تعكس هويتنا كشركة متخصصة في الحلول الرقمية، مع الحفاظ على سهولة إدارة المحتوى.

المتطلبات التقنية والهندسية:

اللغات والتقنيات: البرمجة باستخدام Nuxt.js 4 أو Astro لضمان أفضل أداء (SSR/Static Generation).

لوحة تحكم مخصصة (Headless CMS): بناء لوحة تحكم خاصة وسهلة الاستخدام لإدارة صفحات (المدونة، الخدمات، معرض الأعمال) بالكامل دون الحاجة لمعرفة تقنية.

تجربة المستخدم (Modern UX/UI): تصميم واجهة عصرية واحترافية تليق بشركة تسويق وبرمجة، مع دعم الوضعين الليلي والنهاري (Light/Dark Mode).

إدارة الوسائط الاحترافية: ربط الموقع بخدمة Cloudinary أو Bunny.net لاستضافة الصور والفيديوهات سحابياً لضمان السرعة الفائقة، مع استخدام مشغل فيديو مخصص لضمان عرض أعمالنا بجودة عالية وسرعة فائقة.

أتمتة الصور: تحويل الصور تلقائياً لصيغة WebP وضغطها عند الرفع.

الأتمتة الذكية (n8n & Webhooks): تجهيز دعم الـ Webhooks في نماذج الاتصال لربط الموقع بأنظمة الأتمتة (n8n) لنقل بيانات العملاء آلياً.

تتبع العملاء (Marketing Integration): تفعيل خاصية تتبع مصادر الزوار (UTM Parameters) في نماذج التواصل لتمييز العملاء القادمين من إعلانات (Snapchat, TikTok, Google).

أرشفة وسيو (Technical SEO): نقل كافة المقالات الحالية وضبط تحويلات 301 Redirects للحفاظ على قوة الأرشفة الحالية، مع توليد Sitemap تلقائي.

دعم اللغات: توافق كامل مع اللغتين العربية والإنجليزية.

الشرح التفصيلي:

1. هيكلية صفحات الخدمات (Service Landing Pages):

يجب أن تُصمم كل خدمة كصفحة هبوط متكاملة تحتوي على:

المحتوى المعرفي: شرح تقني وتسويقي مفصل للخدمة.

خطوات العمل (Process Flow): عرض مرئي لرحلة العميل منذ الطلب وحتى التنفيذ لتعزيز الموثوقية.

معرض الأعمال المخصص: نظام فلترة يظهر فقط المشاريع السابقة المرتبطة بهذه الخدمة المحددة.

الباقات والأسعار: جداول مقارنة ديناميكية للباقات المتوفرة.

نماذج التحويل (Action Forms): * زر تواصل مباشر عبر الواتساب.

نموذج "طلب عرض سعر" ذكي (Smart Lead Form) يسمح بإرفاق ملفات واختيار الميزانية المتوقعة.

2. لوحة التحكم المخصصة (Advanced CMS):

نريد لوحة تحكم تمكننا من إدارة الآتي بسهولة تامة:

إدارة العلاقات: إمكانية ربط (معرض الأعمال) بـ (صفحات الخدمات) بنظام Many-to-Many.

تحميل الملفات التعريفية: ميزة تطلب من الزائر بريده الإلكتروني أو رقم الواتساب مقابل تحميل (بروفايل الشركة)، مع إرسال هذه البيانات فوراً لنظامنا.

إدارة المحتوى: التحكم الكامل في جداول الأسعار، المقالات، والوسائط (صور وفيديوهات).

3. الأتمتة والتتبع (Marketing & Ops):

دعم Webhooks: ربط كافة النماذج بنظام الأتمتة n8n لإرسال بيانات العملاء لحظياً.

تتبع مصادر الزوار: التقاط متغيرات الـ UTM تلقائياً لمعرفة الإعلانات التي جلبت العملاء (Snapchat, TikTok, Google).

المميزات المطلوبة:

Performance: نتيجة لا تقل عن +90 في Google PageSpeed للموبايل وسطح المكتب.

UI/UX: واجهة عصرية تدعم الوضع الليلي والنهاري (Light & Dark Mode).

Tracking: ربط كامل مع Google Tag Manager ومنصات التتبع.

الشروط الإدارية:

العمل يتم على بيئة تجريبية (Staging) أولاً.

تقديم دعم فني وضمان ضد الأخطاء البرمجية بعد التسليم.

مدة التنفيذ المتوقعة: 10-15 يوم عمل.

معايير القبول والتسليم:

الأداء: تحقيق نتيجة لا تقل عن 90+ في Google PageSpeed Insights للموبايل وسطح المكتب.

معالجة الصور: أتمتة ضغط الصور وتحويلها لصيغة WebP فور رفعها من لوحة التحكم.

بيئة العمل: يتم التطوير على رابط تجريبي (Staging) لضمان بقاء الموقع الحالي متاحاً للعملاء.

الضمان: تقديم دعم فني مفتوح لإصلاح أي أخطاء برمجية في الكود المطور.

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

التوثيق: تسليم دليل تقني بسيط يوضح كيفية إدارة المحتوى والتعامل مع النظام الجديد.

الجودة الفنية: خلو الموقع من أي أخطاء برمجية في Console المتصفح وضمان التوافق مع كافة المتصفحات الحديثة.

سلاسة الواجهة: تنفيذ حركات انتقالية (Micro-interactions) تعزز من هوية الشركة التقنية.