التفاصيل
جدول المحتويات
تصميم موقع أرضيات إيبوكسي لشركة EOC بـ 3 محاور استراتيجية
| العميل | شركة EOC |
|---|---|
| القطاع | تنفيذ أرضيات الإيبوكسي الصناعية |
| نوع الخدمة | تصميم وتطوير واجهات ويب (UI/UX) |
| الوكالة المنفذة | Dot Design (دوت ديزاين) |
| نطاق العمل | هيكلة معلومات، تصميم واجهة مستخدم، برمجة أمامية، تحسين سرعة |
1. سياق المشروع والرؤية الاستراتيجية
يواجه قطاع الأرضيات الصناعية تحدياً جوهرياً: تحويل المواصفات التقنية المعقدة ودورات البيع الطويلة إلى ثقة فورية لدى المهندسين وملاك المشاريع. الحلول الرقمية التقليدية تكتفي بعرض الصور دون معالجة مخاوف العميل التقنية. هنا تدخل دوت ديزاين بحلول هندسية؛ حيث بدأ المشروع بـ تصميم موقع أرضيات إيبوكسي مصمم ليعمل كأداة مبيعات تقنية لا مجرد كتالوج إلكتروني.
تختص شركة EOC في تنفيذ الأنظمة الإيبوكسية عالية الأداء للمصانع والمستودعات. الهدف الاستراتيجي كان بناء منصة تعكس دقة التنفيذ الصناعي وتختصر رحلة اتخاذ القرار للعميل المستهدف في السوق المصري.
2. التحدي الاستراتيجي في تصميم موقع أرضيات إيبوكسي
العقبة الرئيسية تمثلت في فجوة الثقة الرقمية؛ العميل الصناعي يحتاج أدلة ملموسة على تحمل الأحمال، المقاومة الكيميائية، ومواعيد التسليم قبل التواصل. الواجهة القديمة افتقدت لمسار مستخدم (User Flow) يوجه الزائر من “المشكلة التقنية” إلى “الحل المثبت” بسلاسة.
كما تطلب القطاع التنافسي المصري تميزاً بصرياً يفصل EOC عن مقدمي الخدمات العامة. الحل استلزم بنية معلوماتية (IA) ترتب الخدمات حسب نوع الصناعة (أغذية، دوائيات، لوجستيات) بدلاً من القائمة المسطحة التقليدية.
3. الفلسفة والتنفيذ البصري من دوت ديزاين
أ. البنية المعلوماتية وتدفق المستخدم التقني
أعيد هيكلة المحتوى عبر ثلاث طبقات: التعريف بالقدرات، إثبات الكفاءة (معرض المشاريع)، والتواصل المباشر. صُممت رحلة المستخدم لتقليل النقرات إلى نموذج طلب عرض السعر (RFQ) إلى خطوتين كحد أقصى، مع دمج “حاسبة المساحة التقديرية” كأداة تفاعلية تخدم المهندس الاستشاري.
ب. الشبكة اللونية والهندسية المرجعية
اعتمد النظام البصري على محاور لونية ثلاثية الأبعاد: الأزرق الداكن (ثبات هيكلي)، الرمادي الكربوني (دقة صناعية)، والأخضر التقني (معايير السلامة والبيئة). تم تطبيق شبكةBaseline Grid صارمة تضمن تناسق المسافات الرأسية عبر جميع نقاط الكسر (Breakpoints). هذا الالتزام بـ معايير التصميم الرقمي W3C يضمن قابلية الوصول (Accessibility) للمهندسين ذوي الإعاقات البصرية.
ج. مكونات الواجهة ونظام التصميم
بنيت المكتبة البصرية على مكونات Atomic Design قابلة لإعادة الاستخدام: بطاقات مشروع ببيانات ميتا منظمة (Schema Markup)، جداول مواصفات تقنية قابلة للفرز، ونماذج تواصل ذات تحقق فوري (Real-time Validation). تكامل النظام مع خدمات تصميم الهويات البصرية في دوت ديزاين لضمان اتساق العلامة التجارية عبر جميع نقاط التماس الرقمية.
4. المخرجات النهائية وتطبيقات الهوية الرقمية
سُلم المشروع كحزمة تقنية متكاملة جاهزة للنشر والتوسع:
- الأصول الرقمية: ملفات Figma منظمة بنظام Auto Layout، أيقونات SVG محسنة للويب، خطوط ويب متغيرة (Variable Fonts) لتقليل طلبات HTTP.
- قوالب نظام إدارة المحتوى (CMS): قوالب صفحات هبوط (Landing Pages) لكل قطاع صناعي، مع حقول مخصصة لبيانات المواصفات الفنية (Technical Specs) لخدمة السكيما.
- تحسين الأداء التقني: تطبيق Lazy Loading للصور، ضغط Brotli، وسياسات Cache-Control تحقق درجة 95+ في Google PageSpeed Insights للجوّال.
- دليل المطورين (Dev Handoff): توثيق كامل لحالات المكونات (States)، نقاط الكسر، وتفاعلات JavaScript لضمان استدامة الكود.
5. النتيجة النهائية وأثر المنصة الجديدة
أطلق الموقع ليعمل كممثل مبيعات تقني يعمل على مدار الساعة. سجل الربع الأول ارتفاعاً في طلبات عروض الأسعار المؤهلة (Qualified Leads) بنسبة تتجاوز 40% مقارنة بالفترة السابقة، مع انخفاض معدل الارتداد (Bounce Rate) على صفحات الخدمات التقنية. يؤكد هذا المشروع أن تصميم موقع أرضيات إيبوكسي القائم على فهم هندسي لسلعة العميل يتفوق على الحلول الجمالية السطحية في تحقيق العائد على الاستثمار بقطاع B2B الصناعي.
نتيجة المشروع
تم تسليم المشروع حسب المواصفات المطلوب
زيارة موقع المشروع
