Skillora

منصة تعليمية أونلاين (Landing Page) لأكاديمية "Skillora"، مصممة لتقديم تجربة تعلّم فريدة تجمع بين أحدث التقنيات وأفضل الممارسات في مجال الاستدامة.

الفكرة الأساسية:

الصفحة الرئيسية بتقدّم الأكاديمية للزائر بشكل جذاب وبتشجعه ينضم فوراً، من خلال عرض واضح للأرقام اللي بتبني الثقة (عدد الكورسات، نسبة الرضا، عدد الباقات) وصور حقيقية بتعكس أجواء التعلم والتركيز.

الوظائف والأقسام الرئيسية:

Navigation Bar: روابط سريعة (Home, Courses, Live Streaming Courses, Blogs) مع دعم اللغة، دعم فني، وزرار تسجيل دخول

Hero Section: عنوان جذاب "All The Skills You Need In One Place" مع زرار "Join us" واضح يدفع الزائر للتسجيل

إحصائيات بصرية: عرض بياني (SVG) لعدد الكورسات ، نسبة الرضا ، وعدد الباقات

معرض الصور التفاعلي: بطاقات متنوعة الأشكال (بزوايا دائرية ومقنّعة Mask) بتعرض صور حقيقية لبيئة الدراسة، مع إحصائية شهرية وعدد الطلاب المنضمين قائمة موبايل (Hamburger Menu): تصميم متجاوب بالكامل مع قائمة تظهر عند الضغط على الشاشات الصغيرة

التصميم:

هوية بصرية مميزة بتدرج ألوان أخضر داكن نحو الأسود (Gradient) مع لمسات من الأخضر الليموني (Lime) كلون أساسي مميز، وخلفية زخرفية (Glow Icon) بتدي عمق للتصميم من غير ما تشتت الانتباه.

التقنيات المستخدمة:

HTML وCSS مع JavaScript بسيط لتفعيل قائمة الموبايل (Hamburger Menu)، واستخدام Font Awesome للأيقونات وSVG للرسومات والإحصائيات البيانية.