تطوير موقع المصدر المميز للمقاولات الكهروميكانيكية | MEP

تطوير موقع شركة المصدر المميز للمقاولات - تجربة مستخدم Elite ولوحة تحكم ذكية

عن المشروع:

الموقع ده مش مجرد صفحات بتعرض بيانات، ده كان تحدي إني أحول واجهة شركة مقاولات كهروميكانيكية رائدة في ليبيا لمنصة رقمية بتقول إحنا بتوع جودة من أول نظرة.

الهدف كان واضح: موقع فخم، سريع جداً، وسهل الإدارة. والنتيجة كانت موقع متكامل من الصفر (Custom Built) بيجمع بين التصميم الـ Global وبين الكود النضيف اللي بيحترم المعايير العالية.

# اللي ميز المشروع ده وخلاه عبقري

1. تصميم Google-tier & Dark Mode:

اشتغلت على هوية بصرية قوية (برتقالي وأبيض) مع نظام Dark Mode كامل ومثالي، مش مجرد تغيير ألوان، ده توازن بصري بيخلي التصفح مريح وفخم في نفس الوقت.

2. معرض مشاريع Bento Grid:

- بدل المعرض التقليدي الممل، استخدمت نظام Bento Grid(زي اللي جوجل وأبل بيستخدموه) عشان أعرض أكتر من 150 مشروع بطريقة ديناميكية بتشد العين، مع أنيميشن تفاعلي (3D Hover Effects) بيدي إحساس بالاحترافية.

3. لوحة تحكم (Custom Admin Panel):

- بنيت لوحة تحكم من الصفر باستخدام PHP، بتسمح للعميل إنه يرفع مشاريعه وصورها ويعدلها في ثواني، من غير ما يحتاج يرجع للمبرمج. لوحة سهلة، سريعة، ومؤمنة بالكامل.

4. تأمين بمستوى Enterprise:

- الموقع مش بس شكل، ده متأمن ضد هجمات الـ CSRF والـ Rate Limiting، مع نظام جلسات (Sessions) مشدد عشان لوحة التحكم تفضل دايماً في أمان.

5. أداء سريع و SEO:

- الموقع سريع في التحميل عملت Minification لكل ملفات الـ CSS والـ JS، وهيأت الموقع بالكامل لمحركات البحث (SEO) عشان يظهر في النتايج الأولى في سوق المقاولات في ليبيا.

6.تكامل ذكي مع WhatsApp:

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

## التقنيات المستخدمة:

-Front-end: HTML5, CSS3 (Pure Vanilla), Modern JS (ES6+).

-Back-end: PHP (Vanilla power).

- Database MySQL.

- Features: Responsive Design, SEO Optimized, Custom Dashboard.

لو بتدور على شغل مش بس 'شغال'، لكن شغل 'بيبيع' وبيدي لبراندك قيمة حقيقية، يبقى ده بالظبط اللي أنا بقدمهولك. أنا مش بكتب كود، أنا ببني براند!"