الصفحات
الرئيسية والكتالوج والتفاصيل والشركة
مشروع فردي · كتالوج أعمال متجاوب
Electrical Solutions
موقع سريع متعدد الصفحات للمنتجات الكهربائية، مع بحث وتصنيفات وتفاصيل المنتجات ومعلومات الشركة وصفحات قانونية ومسارات مباشرة للاتصال وواتساب.
نوع المشروعمشروع فردي
دوريالتصميم وتطوير الواجهة
الملكيةمشروع فردي
حالة النشرنسخة Static عامة
01 / نظرة عامة
المشكلة ومساهمتي في الحل.
يحتاج مورد كهربائيات محلي إلى وصول العميل بسرعة للتصنيف الصحيح ثم التواصل. إضافة نظام حسابات ثقيل سترفع التكلفة دون خدمة هذا الهدف.
دوريالتصميم وتطوير الواجهة
الملكيةمشروع فردي
أنشأت النظام البصري والتصميم المتجاوب والتنقل متعدد الصفحات وسلوك البحث في الكتالوج وحالة تفاصيل المنتج وتحسينات الوصول وبيانات SEO ومسار التواصل المباشر.
02 / المعمارية
كيف تم بناء المنتج.
التصميم
CSS متجاوب مشترك
السلوك
بحث وفلاتر وحالة الرابط
التواصل
الهاتف وواتساب
أسباب اختيار التقنيات
Semantic HTML
صفحات قابلة للوصول والفهرسة دون اعتماد وقت التشغيل.
Responsive CSS
نظام تصميم واحد يتكيف من الحاسوب إلى الهاتف.
Vanilla JavaScript
بحث وفلترة وتنقل وتفاصيل منتج مركزة.
Nginx / CDN
النشر الثابت هو أبسط معمارية إنتاج موثوقة لهذا النطاق.
03 / الهندسة
التحديات والقرارات.
تبقى المعمارية واضحة وصادقة: يحول الموقع الاستفسار مباشرة بدل الادعاء بحفظ بيانات لا يحتاجها.
يحافظ CSS وJavaScript المشتركان على اتساق التنقل والكتالوج ونقاط الاستجابة.
تبقى بطاقات المنتجات وعناصر التحكم والتواصل قابلة للاستخدام على الشاشات الضيقة.
04 / المنتج
شاشات حقيقية وليست Mockups.
05 / الأدلة
جودة تستطيع التحقق منها.
3اختبارات آلية
7صفحات كاملة
0اعتماد وقت تشغيل
CIتنقل متحقق
- تتحقق الاختبارات من كل صفحة والتنقل والبحث والفلترة وبيانات الاستجابة وروابط التواصل.
- يشغّل GitHub Actions الفحوصات نفسها مع كل تغيير.
- تعيد صورة Nginx في Docker إنشاء استضافة Static إنتاجية تقليدية.
Electrical Solutions