Visual Design – Web UI Design - Interactive Components & Design System

تم إنشاء التصميم باستخدام Grid System لتحديد أماكن وترتيب العناصر، ثم تنظيم المحتوى في أقسام وCards واضحة. بعد ذلك تم تطبيق الهوية البصرية واختيار الألوان والخطوط والأيقونات المناسبة، مع مراعاة alignment, spacing, visual hierarchy, consistency للوصول إلى واجهة منظمة وجذابة.

تم تصميم الـ Buttons كـ Reusable Components داخل Figma، ثم إنشاء Variants للحالات المختلفة مثل Default وHover وPressed وLoading وDisabled. وتم استخدام Auto Layout وComponent Variants لضمان سهولة تعديل وإعادة استخدام الأزرار في مختلف شاشات المشروع.