صفحة هبوط (Landing Page)

السلام عليكم في خدمتي

تم بناء واجهة مستخدم جذابة تهدف إلى تسهيل استكشاف الوجهات السياحية العالمية، مع التركيز على تقديم تجربة تصفح بصرية سلسة تحفز المستخدم على التفاعل وحجز الرحلات.

الأدوات

تم بناء المشروع باستخدام التقنيات الأساسية (Vanilla Stack) لضمان أقصى درجات التحكم في الأداء والكود:

HTML5: لبناء هيكلية الموقع بشكل دلالي (Semantic HTML) لتحسين الأرشفة (SEO).

CSS3: تم الاعتماد على التنسيق المخصص (Custom CSS) لبناء هوية بصرية فريدة

JavaScript: لإضافة الوظائف التفاعلية والمنطق البرمجي للموقع.

Swiper.js: لإنشاء سلايدر (Slider) احترافي وسلس لعرض الوجهات السياحية وتقييمات العملاء.

المميزات التقنية

تفاعلية عالية: استخدام Swiper.js لتوفير تجربة تصفح (Touch-friendly) للصور والوجهات، مما يحسن من تفاعل المستخدم على الهواتف.

تصميم متجاوب (Fully Responsive): الواجهة متوافقة تماماً مع جميع أحجام الشاشات (Desktop, Tablet, Mobile).

تنسيق مخصص: بناء التصميم من الصفر باستخدام CSS دون الاعتماد على أطر عمل جاهزة، مما يبرز القدرة على التحكم في أدق التفاصيل الجمالية والوظيفية.

تأثيرات حركية (Animations): إضافة انتقالات سلسة عند التمرير لتعزيز الجمالية العصرية للموقع.

التفاصيل الفنية

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