تطوير الواجهة الأمامية لمنصة "وصل" التعليمية والتأهيلية

اسم المشروع: تطوير الواجهة الأمامية لمنصة "وصل" التعليمية والتأهيلية

وصف المشروع:

قمت ببرمجة وتطوير واجهة مستخدم (UI) لمنصة "وصل"، وهي نظام إلكتروني متكامل مخصص للأخصائيين ومحللي السلوك التطبيقي (ABA). يهدف الموقع إلى تقديم محتوى تعريفي بأسلوب عصري وهادئ يتناسب مع طبيعة الفئة المستهدفة (أطفال اضطراب طيف التوحد والاضطرابات النمائية).

الجانب التقني (Skills & Implementation):

بناء الهيكل (HTML5): استخدام Semantic HTML لتعريف أقسام الموقع (عن وصل، خدماتنا، أهدافنا) مما يحسن من أرشفة الموقع وفهم محركات البحث للمحتوى.

التصميم والتنسيق (CSS3):

تنفيذ نظام الألوان الهادئ (الدرجات الأرجوانية والتركواز) باستخدام متغيرات CSS لتوحيد الهوية البصرية.

استخدام تقنيات Flexbox و CSS Grid لضمان توزيع البطاقات (أهدافنا، رسالتنا، رؤيتنا) بشكل متوازن واحترافي.

تصميم خلفية شفافة متداخلة مع الصور (Overlay Effects) في قسم الواجهة (Hero Section).

التجاوب (Responsive Design): بناء تصميم مرن يتكيف تلقائياً مع مختلف أحجام الشاشات (Desktop, Tablet, Mobile) لضمان سهولة الوصول للأخصائيين من أي جهاز.

التفاعل (JavaScript): إضافة تأثيرات التمرير الناعم (Smooth Scroll) والتفاعل مع القائمة العلوية وأزرار التواصل الاجتماعي في تذييل الصفحة (Footer).

الأقسام التي تم تطويرها:

قسم الواجهة: Header يحتوي على شعار المنصة، روابط التنقل، وزر "تسجيل دخول" متميز.

قسم التعريف والخدمات: عرض المحتوى النصي بتنسيق مريح للعين مع أيقونات تعبيرية.

قسم القيم الجوهرية: تصميم بطاقات عرض تفاعلية للأهداف، الرسالة، والرؤية.

تذييل الصفحة (Footer): يضم روابط التواصل الاجتماعي، شعار المنصة، وحقوق الملكية.