قمت بتطوير واجهة مستخدم (UI) احترافية مستوحاة من موقع شركة Nintendo الشهيرة، بهدف استعراض مهاراتي في تحويل التصاميم من مجرد فكرة أو صورة إلى موقع ويب تفاعلي وقابل للاستخدام. ركزت في هذا المشروع على الدقة المتناهية في المحاكاة (Pixel Perfect Design) والاهتمام بتجربة المستخدم.
المميزات التقنية التي تم تنفيذها:
هيكلة احترافية (HTML5): كتابة كود نظيف ومنظم يراعي معايير الـ SEO والـ Semantic HTML.
تنسيق متقدم (CSS3): استخدام تقنيات الـ Flexbox و CSS Grid لتوزيع العناصر بشكل دقيق ومرن.
التجاوب (Responsiveness): الموقع متوافق تماماً مع جميع الشاشات (Desktop, Tablet, Mobile) لضمان تجربة مستخدم موحدة.
العناصر التفاعلية: تنفيذ قوائم منسدلة (Dropdown menus)، وتأثيرات المرور (Hover effects)، وتنسيق الصور والأيقونات بشكل جذاب.
نظام الألوان: الالتزام بلوحة الألوان الرسمية للبراند (Red, Black, White) لضمان هوية بصرية قوية.
الأدوات والمقنيات المستخدمة:
HTML5
CSS3 (Custom properties & Animations)
Google Fonts & FontAwesome للأيقونات والخطوط.
"هدفي من هذا المشروع كان إثبات القدرة على بناء واجهات برمجية معقدة بأعلى جودة وبأقل وقت ممكن مع كود برمجى سهل التعديل عليه مستقبلاً."