اعادة تصميم موقع " ابطال المنتجات " بالسعودية

منصة "أبطال المنتجات" هي مجتمع سعودي رائد يهدف إلى دعم وتطوير مهارات مديري المنتجات (Product Managers). كان الهدف من المشروع هو تحسين تجربة المستخدم (UX)، وتطوير واجهات عصرية وجذابة تعكس احترافية المجتمع، بالإضافة إلى أتمتة عمليات التسجيل وتحميل المناهج، وضبط البنية التقنية للموقع.

دوري في المشروع (ما تم إنجازه):

1. تصميم واجهات مستخدم متقدمة (Advanced UI/UX):

بناء تصميمات عصرية تعتمد على أسلوب الزجاج الشفاف (Glassmorphism) مع دمج تأثيرات الـ Gradients والظلال المضيئة لتناسب الهوية البصرية.

برمجة تأثيرات حركية ناعمة (Smooth Animations) للعناصر عند التمرير (Hover) لزيادة تفاعل المستخدم.

2. تطوير أنظمة تفاعلية مخصصة:

برمجة نافذة منبثقة (Modal/Popup) مخصصة كلياً بالـ HTML/CSS/JS وتخصيص تصميم نماذج WPForms بداخلها لتكون متناسقة مع الـ Dark Theme.

برمجة عداد تنازلي حي (Live Countdown Timer) باستخدام JavaScript لدعم حملات التسجيل والتسويق للمخيمات التدريبية.

تطوير قسم "آراء العملاء" (Testimonials) بشكل ديناميكي ليكون شبكة (Grid) على شاشات الكمبيوتر، وسلايدر سحب تفاعلي (Swipe Slider) على الجوال.

تصميم قسم "الأسئلة الشائعة" (FAQ) بنظام Accordion تفاعلي واحترافي.

3. الأتمتة وربط السيرفرات (Automation & SMTP):

إعداد وضبط خوادم البريد الإلكتروني (Hostinger SMTP) لضمان وصول الرسائل للعملاء بنسبة 100% دون الوقوع في مجلدات الـ Spam.

أتمتة عملية إرسال الردود؛ بحيث يتم إرسال رابط تحميل المنهج (PDF) مباشرة إلى بريد العميل فور تسجيل بياناته.

حل المشاكل البرمجية المتعلقة بقص الخطوط العربية (مثل خط Cairo) عند استخدام التدرجات اللونية (Gradient Text).

4. التهيئة الأمنية والتقنية (Technical & Security Fixes):

حل مشكلة المحتوى المختلط (Mixed Content) وتأمين الموقع بالكامل عبر فرض بروتوكول HTTPS على كافة الروابط والصور وقواعد البيانات.