مصر ، الاسكندرية

هذه صفحة هبوط تفاعلية تعتمد على التمرير (Scroll-based Interactive Landing Page)، تم بناؤها بالكامل باستخدام HTML، CSS، وJavaScript.

يعرض المشروع مشهدًا ديناميكيًا بنمط Parallax يتفاعل مع سلوك المستخدم أثناء التمرير، مما يخلق تجربة بصرية غنية تحكي قصة بطريقة إبداعية.

تصميم الصفحة يتضمن عدة طبقات:

النجوم

القمر

الجبال

النهر

القارب

كل طبقة تتحرك بسرعات مختلفة لمحاكاة العمق والأبعاد. كما أن اسم العلامة "Nouvilure" يتغير في الحجم ويتحرك أثناء التمرير، مما يمنح الصفحة تأثيرًا سينمائيًا مميزًا.

ما يميز هذا العمل هو التكامل السلس بين سلوك التمرير والرسوم المتحركة متعددة الطبقات، ليقدم تجربة مستخدم غامرة وجذابة.

تم ضبط جميع العناصر وتحريكها بدون الاستعانة بأي مكتبات خارجية، بالاعتماد فقط على انتقالات CSS النظيفة وJavaScript الخام (Vanilla JS) لتحقيق أفضل أداء.

تم تصميم هذا المشروع وبرمجته بالكامل بواسطتي، بصفتي مطوّر فرونت إند ذاتي التعلم وطالب في مجال التربية، جامعًا بين الإبداع والانضباط التقني.

كما أن الصفحة متجاوبة وتعمل بسلاسة على جميع المتصفحات الحديثة.