مشروع تصميم وتطوير صفحة هبوط تفاعلية باستخدام HTML، CSS، وJavaScript
في هذا المشروع، عملت على تصميم وتطوير صفحة هبوط (Landing Page) مخصصة لشركة تعمل في مجال الطباعة ثلاثية الأبعاد ، باستخدام تقنيات HTML، CSS، وJavaScript. ركزت على تقديم تصميم احترافي، متجاوب، وسهل الاستخدام يوفر تجربة مستخدم فعالة على مختلف الأجهزة.
مكونات الصفحة:
شريط التنقل (Navbar):
يحتوي على شعار الشركة، روابط مخصصة حسب طلب العميل للتنقل بين الصفحات، بالإضافة إلى زر لتفعيل الوضع الليلي (Dark Mode)، وال (cart) العربة التى تحتوى على المنتجات التى ترغب فى شرائها وتضيفها اليها.
شريط العرض (Slider):
يعرض خصائص المنتج بشكل بصري تفاعلي، مثل:
- دقة الطباعة لكل طبقة
- نوع المواد المستخدمة
قسم الطباعة حسب الطلب:
تقنيات الطباعة ثلاثية الأبعاد المعتمدة (مثل FDM)
يتضمن معلومات فنية عن مكينات الطباعة مثل:
- سرعة الطباعة
- مبدأ العمل
- الطاقة المقدّرة
قسم المنتجات:
يعرض أنواع مكينات الطباعة ثلاثية الأبعاد المتوفرة، مع توضيح:
- الأسعار
- سرعات الطباعة
- أبعاد وحجم الطباعة لكل جهاز
تذييل الصفحة (Footer):
يحتوي على معلومات التواصل وروابط حسابات التواصل الاجتماعي الخاصة بالشركة.
مميزات المشروع:
تصميم متجاوب بالكامل يعمل بسلاسة على جميع الشاشات (كمبيوتر، تابلت، موبايل).
تجربة مستخدم مريحة ومنظمة، تتيح للزائر الوصول للمعلومات بسهولة.
تفعيل الوضع الليلي (Dark Mode) لراحة المستخدم أثناء التصفح.
استخدام JavaScript لإضافة تفاعلات ديناميكية تعزز تجربة الاستخدام.
يمثل هذا المشروع مثالًا واضحًا على قدرتي في تنفيذ صفحات هبوط مخصصة تلبي متطلبات العميل بدقة، مع الحفاظ على تصميم نظيف وهيكلية منظمة تدعم أهداف المحتوى.
