موقع للتوعية من مرض كورونا

قمت بتطوير واجهة مستخدم لموقع توعية بمرض كورونا باستخدام تقنيات Front-End الحديثة تشمل:

HTML5 لبناء هيكلية صفحات الموقع بشكل منظم وسهل القراءة، مع استخدام عناصر معنونة (semantic tags) لتحسين الوصولية وتجربة المستخدم.

CSS3 لتصميم واجهة جذابة ومتناسقة، مع تطبيق تقنيات مثل Flexbox وGrid لإنشاء تخطيطات متجاوبة (Responsive Design) تناسب مختلف أحجام الشاشات (موبايل، تابلت، ديسكتوب).

JavaScript (Vanilla JS) لإضافة تفاعلات ديناميكية مثل تحديث المحتوى بشكل تفاعلي، وأزرار التنقل السلس، وعرض معلومات حيوية بطريقة جذابة وسهلة الفهم.

تحسين أداء الموقع من خلال تقليل حجم الملفات واستخدام تقنيات تحميل الصور والعناصر بشكل متأخر (Lazy Loading).

ضمان توافق الموقع مع مختلف المتصفحات والأجهزة لضمان وصول المعلومات بشكل سلس لجميع المستخدمين.

إجراء اختبارات تجربة المستخدم للتأكد من وضوح الرسائل وسهولة الوصول إلى المعلومات الهامة المتعلقة بمرض كورونا.

النتيجة كانت موقع توعية سريع الاستجابة، يوفر محتوى تعليمي مهم بطريقة سهلة التصفح ويعزز وعي المستخدمين حول مرض كورونا وطرق الوقاية منه.