تصميم وتطوير Landing Page متجاوبة باستخدام HTML وCSS وBootstrap وJavaScript

قمت بتصميم وتطوير Landing Page متكاملة لعلامة Care المتخصصة في منتجات العناية بالبشرة والشعر، مع التركيز على تقديم واجهة حديثة وسهلة الاستخدام ومتجاوبة مع مختلف أحجام الشاشات.

تم تنفيذ المشروع باستخدام HTML5 وCSS3 وBootstrap 5 وJavaScript، مع تطوير التصميم والواجهة من البداية وحتى النسخة النهائية.

يتضمن المشروع أقسامًا لعرض تصنيفات المنتجات ومنتجات العناية بالبشرة والشعر والجسم، بالإضافة إلى قسم تفاعلي لمساعدة المستخدم على اختيار روتين العناية المناسب.

كما تم إضافة مجموعة من العناصر التفاعلية مثل تصفية المنتجات حسب التصنيف، وإضافة المنتجات إلى الروتين، وعدّاد للمنتجات المختارة، وحركات Hover وScroll، وNavbar شفافة بتأثير Glass أثناء التصفح.

تم الاهتمام أيضًا بتنسيق المسافات والألوان والصور والخطوط وتحسين تجربة الاستخدام على أجهزة الكمبيوتر والتابلت والهواتف.

تصميم Responsive لجميع أحجام الشاشات

Bootstrap Grid System

Navbar متجاوبة وشفافة

Hero Section

Product Categories

Product Cards

Product Filtering باستخدام JavaScript

Interactive Routine Finder

Add to Routine Counter

Testimonials

Newsletter Section

Hover Effects وScroll Animations

Back to Top Button

Footer متكامل