قمت بتصميم وتطوير صفحة هبوط (Landing Page) متجاوبة بالكامل. هذا المشروع لم يكن يركز فقط على الجماليات؛ بل تمت هندسته برمجياً لتوفير تجربة مستخدم سلسة وعالية الكفاءة عبر جميع الأجهزة واللغات.
كان الهدف بناء واجهة حديثة قادرة على استعراض محتوى متنوع (معرض أعمال، مدونات، آراء عملاء) دون التأثير على سرعة التحميل. قمت باعتماد هيكلية برمجية معيارية (Modular Code Structure) لضمان استقرار النظام وسهولة صيانته وتحديثه لاحقاً.
أهم المزايا التي تم تنفيذها:
- دعم كامل لثنائية اللغة (RTL/LTR): هندسة النظام للتبديل السلس بين التخطيط العربي (RTL) والإنجليزي (LTR) مع ضبط دقيق للمحاذاة والخطوط.
- تصميم متجاوب: مبني على إطار عمل Bootstrap 5، لضمان عرض انسيابي ومثالي بدءاً من شاشات الهواتف الصغيرة وصولاً إلى الشاشات الكبيرة.
- فلترة ديناميكية فورية: دمج مكتبة Isotope.js في قسم "الأعمال"، مما يسمح بفرز وتصنيف المشاريع بلمسة واحدة وبانسيابية عالية دون الحاجة لإعادة تحميل الصفحة.
- عناصر تفاعلية جذابة: استخدام مكتبة Swiper.js لبناء شرائط عرض (Sliders) متجاوبة وتدعم اللمس لقسم آراء العملاء، شركاء النجاح، والنصوص الترحيبية المتحركة.
- واجهة مستخدم عصرية (UI/UX): كتابة أكواد CSS مخصصة لإضافة تأثيرات بصرية وتفاعلية وانتقالات انسيابية، مع الحفاظ على هوية بصرية أنيقة.
- Clean Codebase: استخدام Semantic HTML5 وتنظيم ملفات الـ CSS والـ JS بشكل احترافي لضمان أداء عالٍ في محركات البحث (SEO) وسهولة القراءة للمطورين الآخرين.
التقنيات المستخدمة (Tech Stack):
HTML5, CSS3, Bootstrap 5, JavaScript (ES6), Swiper.js, Isotope Layout, FontAwesome.
