بطاقة معلومات تفاعلية

ركّز هذا المشروع على تصميم وتطوير بطاقة تفاعلية بتأثير الدوران (Flip Card) لموقع خاص بالقطاع المالي، حيث يجمع بين تصميم واجهة حديث وتأثيرات CSS سلسة لتقديم تجربة مستخدم جذابة. كان الهدف هو عرض المعلومات الأساسية بطريقة مختصرة ومنظمة وجذابة بصريًا، مع تشجيع المستخدم على التفاعل من خلال تأثير قلب البطاقة. لتحقيق ذلك، قمت بتخطيط تصميم البطاقة، وتنظيم محتوى الواجهة الأمامية والخلفية لتحسين سهولة القراءة، مع تطبيق تصميم متجاوب يراعي التباعد بين العناصر، واختيار الخطوط المناسبة، والتسلسل البصري للمحتوى. كما تم تنفيذ تأثير الدوران باستخدام CSS Transforms وCSS Transitions لضمان حركة سلسة وأداء عالي وتجربة استخدام طبيعية. تم تطوير المشروع باستخدام HTML وCSS من خلال Visual Studio Code، وكانت النتيجة مكوّنًا تفاعليًا نظيفًا ومتجاوبًا يعزز تفاعل المستخدم، مع الحفاظ على مظهر احترافي وعصري.