Fitlab gym

قمت بتطوير واجهة مستخدم (Front-End) لمنصة رياضية متكاملة تحت اسم "FitLab". يجمع المشروع بين الجانب التعريفي للخدمات الرياضية والجانب التجاري لبيع المكملات الغذائية، مع توفير أدوات تفاعلية تخدم المستخدم النهائي. تم اختيار هوية بصرية قوية تعتمد على اللونين الأسود والأحمر لتعكس طابع الحماس والقوة المرتبط باللياقة البدنية.

المميزات التقنية والوظيفية في العمل:

الصفحة الرئيسية (Hero Section): تصميم جذاب يعتمد على صور عالية الدقة مع نصوص تحفيزية واضحة وزر دعوة لاتخاذ إجراء (Log in).

نظام عرض الحصص التدريبية (Classes): تقسيم الخدمات الرياضية إلى فئات واضحة (Bodybuilding, CrossFit, Powerlifting, Fitness) باستخدام نظام بطاقات (Cards) تفاعلي.

متجر إلكتروني متكامل (E-shop UI):

تصميم واجهة تسوق تتيح للمستخدم "التسوق حسب الهدف" (Build Your Burn, Strength, etc).

عرض المنتجات مع الأسعار، ميزة السلة (Cart Icon)، وأزرار "Add to Cart".

قسم خاص بالعروض الأسبوعية (This Week Deals) بخصومات تصل إلى 50%.

أدوات تفاعلية (BMI Calculator): برمجة حاسبة مؤشر كتلة الجسم (Know Your BMI) التي تتيح للمستخدم إدخال بياناته (الجنس، الوزن، الطول) والحصول على النتيجة فوراً داخل الموقع.

مدونة رياضية (Latest Blog Posts): قسم مخصص للمقالات والنصائح الرياضية لتعزيز محتوى الموقع.

صفحة الفروع والتواصل (About Us): عرض فروع النادي وتصنيفاتها (رجال فقط، سيدات فقط، مختلط) مع أيقونات التواصل الاجتماعي وتطبيقات المتاجر.

الأدوات المستخدمة:

HTML5 & CSS3: لبناء الهيكل وتصميم الواجهات المتجاوبة.

JavaScript: لبرمجة حاسبة الـ BMI والعناصر التفاعلية في المتجر.

UI/UX Design: مراعاة تجربة المستخدم في سهولة التنقل بين الأقسام.