موقع مجموعة سگال الصناعية

منصة متكاملة لعرض الخبرات والمنتجات الكهربائية الصناعية، مبنية على بنية حديثة


عن المشروع

بُني موقع مجموعة سگال الصناعية بأحدث تقنيات الويب ليكون واجهة للخبرة التقنية في أنظمة الجهد العالي والكهرباء الصناعية والأتمتة. وتعرض المنصة مجموعة كاملة من المنتجات، من لوحات الجهد العالي إلى محوّلات AAGER، بصيغة سهلة الاستخدام ومتعددة اللغات.


القسم الأول: عن مجموعة سگال الصناعية (محتوى متخصص)

المجال

المنتجات الرئيسية

التطبيقات الصناعية

اللوحات الكهربائية

لوحات MV (الجهد المتوسط) وLV (الجهد المنخفض) وHV (الجهد العالي)

محطات الطاقة والمصافي والصناعات البتروكيماوية

المستلزمات الكهربائية الصناعية

بنوك المكثفات وحوامل الكابلات المجلفنة والكابلات المقاومة للحرارة

مشاريع البناء والمصانع

الأتمتة الصناعية

محوّلات AAGER وحساسات الحرارة والضغط والتدفق وPLC وHMI

خطوط إنتاج السيارات والصناعات الغذائية

الإنارة الصناعية

كشافات مقاومة للانفجار وإنارة خطوط إنتاج بمعيار IP68

المناجم وصالات المعالجة


القسم الثاني: الخصائص التقنية للموقع (التقنيات المستخدمة)

2.1 نظام إدارة محتوى مخصص (CMS)

  • وحدة متقدمة لإدارة المنتجات
    • تصنيفات هرمية (اللوحات الكهربائية > الجهد المتوسط > الثابتة)
    • مواصفات فنية ذكية (البحث حسب المعايير المتخصصة)
  • نظام متعدد اللغات
    • محتوى فارسي/إنجليزي متوازٍ
    • إمكانية إضافة لغات جديدة دون تعديل الكود

2.2 تصميم واجهة المستخدم (UI/UX)

  • مبادئ منقولة من Figma:
    • تصميم مكونات معيارية
    • لوحة ألوان صناعية (‎#2E5BFF – الأزرق التقني، ‎#8C8C8C – الرمادي الميكانيكي)
    • مبادئ Material Design لتفاعل أغنى
  • مُحسّن للصناعة:
    • معارض فنية للمنتجات مع تكبير بدقة 4K
    • جداول مقارنة المنتجات (المواصفات الفنية جنبًا إلى جنب)

2.3 ميزات الأمان

  • طبقات الحماية:
    • حماية CSRF في نماذج التواصل
    • منع حقن SQL في الاستعلامات
    • تشفير البيانات الحساسة بـ AES-256
  • أمان المحتوى:
    • فحص الملفات المرفوعة
    • قيود وصول قائمة على RBAC (التحكم في الوصول القائم على الأدوار)

القسم الثالث: التحديات التقنية والحلول المبتكرة

التحدي

حل كارزان

عرض منتجات صناعية معقّدة – تنوع كبير في المعايير الفنية

نظام فلاتر ديناميكي (حسب الجهد والتيار ودرجة IP والأبعاد)

إدارة محتوى ثنائي اللغة – الحفاظ على تزامن المحتوى

وحدة ترجمة متكاملة مع تخزين مؤقت في الذاكرة

تحسين الصور الثقيلة – ملفات CAD والمخططات

تحويل ذكي إلى WebP + تحميل كسول

بنية منتجات هرمية – تصنيفات فرعية متعددة المستويات

المجموعات المتداخلة (Nested Sets) مع سلوكيات شجرية


القسم الرابع: نتائج المشروع

4.1 تجربة مستخدم أفضل

  • معدل ارتداد أقل بنسبة 40% بفضل التصميم الهادف
  • مدة بقاء أطول بنسبة 65% في صفحات المنتجات الفنية

4.2 عمليات أبسط

  • وقت أقل بنسبة 70% للمديرين لإضافة منتجات جديدة
  • تكامل مع CRM مع مراسلة تلقائية للعملاء

4.3 المؤشرات التقنية

المؤشر

القيمة

زمن تحميل الصفحة الرئيسية

< 1.2 ثانية

درجة SEO في Google

98/100

التوافق مع المتصفحات

100% (Chrome وFirefox وEdge)

الدقات المدعومة

من 320 بكسل حتى 4K


القسم الخامس: تصميم UI/UX في Figma

  • مبادئ التصميم:
    • إطارات أولية تفاعلية بنماذج قابلة للنقر
    • نظام تصميم مخصص بأكثر من 50 مكوّنًا
    • معايير إتاحة الاستخدام WCAG 2.1
  • نقاط القوة البصرية:
    • إنفوجرافيك تفاعلي لعملية تصنيع اللوحات الكهربائية
    • حركات SVG توضّح طريقة عمل المنتجات

الخلاصة

بوصفه رمزًا للجمع بين الخبرة الصناعية وتقنية الويب، يستخدم موقع مجموعة سگال الصناعية:

  • بنية متينة من Yii2 وMySQL
  • تصميمًا منهجيًا في Figma
  • آليات متقدمة للتعدد اللغوي والأمان

لخلق تجربة رقمية استثنائية لجمهور متخصص في الصناعة الكهربائية. ويبرهن المشروع على قدرة مجموعة كارزان البرمجية على تقديم حلول ويب لأكثر الاحتياجات الصناعية تعقيدًا.

لمعرفة المزيد عن تصميم المواقع ومراحله، اقرأ هذه المقالات في مدونة كارزان: