صفحة هبوط (Landing Page) احترافية وعصرية تم تصميمها وتطويرها من الصفر لمنصة CodeMaster التعليمية المتخصصة في تدريب تكنولوجيا الـ Front-End. تم التركيز في هذا المشروع على تقديم تجربة مستخدم (UX) سلسة، وهيكل برمي نظيف ومتوافق مع معايير الويب الحديثة.
التقنيات والميزات التقنية المستخدمة:
• HTML5 : تم بناء هيكل الصفحة باستخدام أحدث معايير HTML لضمان فهم محركات البحث لمحتوى الموقع بشكل ممتاز.
• تنسيق مرن وهيكل متطور: تم الاعتماد على تقنيات CSS3 الحديثة مثل Flexbox و CSS Grid لتوزيع العناصر بدقة واحترافية.
• دعم اللغات (RTL): الصفحة مهيأة بالكامل لتدعم القراءة من اليمين إلى اليسار بشكل أصلي ومتناسق مع المحتوى العربي والإنجليزي المدمج.
• أيقونات وخطوط ويب احترافية: تم دمج وتنسيق خط Cairo عبر Google Fonts، واستخدام مكتبة FontAwesome لعرض الأيقونات التفاعلية.
أقسام المشروع البرمجية التي قمت بتنفيذها:
1. (Navbar): يحتوي على الشعار، روابط التنقل السلس عبر أقسام الصفحة (Smooth Scrolling)، وزر اتخاذ إجراء مباشر (CTA) للاشتراك.
2. (Hero Section): واجهة جذابة تجمع بين المحتوى التشجيعي، وأزرار واضحة للتفاعل، مع مساحة مخصصة للصور التوضيحية لتجذب انتباه الزائر فوراً.
3. (Features Grid): عرض مميزات الكورس في بطاقات (Cards) منسقة بشكل شبكي عصري يعزز تجربة المستخدم البصرية.
4. (Live Stats Counters): قسم رقمي يعرض أرقام المنصة (عدد الطلاب، الدروس، نسبة النجاح) لتعزيز موثوقية الموقع.
5. (Testimonials): تصميم بطاقات مخصصة لعرض التقييمات وصور الخريجين بأسلوب نظيف ومرتب.
6. (Pricing Table): بطاقة سعرية واضحة ومميزة تلخص ميزات الخطة الشاملة لزيادة معدل التحويل (Conversion Rate).
7. (Footer): يضم روابط شبكات التواصل الاجتماعي وحقوق الملكية بشكل متناسق.
