تصميم وبناء صفحة هبوط (Landing Page) متكاملة مخصصة لتسويق نظام Edu QR، وهو نظام تقني يهدف إلى أتمتة عمليات تسجيل حضور وانصراف الطلاب عبر تقنية الـ QR Code. تم التركيز في هذا المشروع على تقديم واجهة مستخدم (UI) عصرية تعكس الهوية التقنية للنظام، مع توفير تجربة مستخدم (UX) انسيابية تشرح آلية عمل النظام لأصحاب المراكز التعليمية.
المميزات التقنية للواجهة (Frontend):
بناء برمي أصيل: تم تنفيذ الصفحة بالكامل باستخدام لغات الويب الأساسية (HTML5, CSS3, JavaScript) دون الاعتماد على قوالب جاهزة، لضمان خفة الأداء وسرعة التحميل.
تصميم متجاوب (Responsive Design): تم برمجة الواجهات لتكون متوافقة تماماً مع كافة أحجام الشاشات (Desktop, Tablet, Mobile) لضمان وصول سهل للمستخدمين من أي جهاز.
تفاعلية حركية (Interactivity): استخدام JavaScript لإضافة لمسات تفاعلية بسيطة تعزز من جاذبية العرض دون التأثير على سرعة الموقع.
تحسين الأداء (Optimization): تم مراعاة قواعد الـ Clean Code في كتابة الأكواد، مما يضمن تقييم أداء عالٍ وسهولة في التطوير المستقبلي.
العناصر التي تم عرضها في الصفحة:
شرح لآلية تسجيل الحضور الذكي باستخدام الـ QR Code.
استعراض مميزات لوحة تحكم الإدارة وقواعد بيانات الطلاب.
نماذج واضحة (Call to Action) لتحفيز العملاء على طلب النسخة التجريبية.
الأدوات المستخدمة:
HTML5: لبناء الهيكل الإنشائي للصفحة.
CSS3: للتنسيق البصري وتطبيق الهوية اللونية للمشروع.
JavaScript: لإضافة العناصر التفاعلية والمنطق البرمجي للواجهات.