صفحة ويب لمطعم لعرض قائمة الطعام (Menu)

نبذة عن المشروع مشروع واجهة مستخدم (UI) تفاعلية لقائمة طعام رقمية، يهدف إلى تقديم تجربة مستخدم سلسة وجذابة بصرياً. ركزت في هذا المشروع على مبدأ "المعلومة عند الطلب" باستخدام بطاقات تفاعلية تقلل من التشتت البصري وتزيد من معدل التحويل (Conversion Rate). 🛠 التقنيات المستخدمة (Tech Stack) HTML5: بناء هيكل دلالي (Semantic HTML) صديق لمحركات البحث. CSS3 (Modern Features): استخدام الـ Flexbox و Grid مع تقنيات الـ 3D Transforms (Flip Animation). JavaScript (Vanilla): للتحكم في التفاعلات الحركية وضمان خفة أداء الصفحة دون الاعتماد على مكتبات خارجية ثقيلة. المميزات التقنية (Key Features) Interactive Flip Cards: توفير مساحة لعرض المكونات والأسعار بشكل احترافي عند تفاعل المستخدم، مما يحافظ على نظافة الواجهة (Minimalist Design). Mobile-First Approach: تصميم متجاوب تماماً يضمن تجربة تصفح مثالية على الهواتف الذكية. Performance Optimized: كود نظيف وسريع التحميل مع تحسين أداء الصور لضمان عدم انتظار العميل. Clean Code Architecture: كتابة الكود بأسلوب منظم يسهل على أي مطور آخر قراءته أو التعديل عليه مستقبلاً. تم اختيار الألوان والخطوط بناءً على دراسة بسيطة لسلوك المستهلك في المواقع الغذائية، حيث تم استخدام Dark Mode بلمسات عصرية لإبراز ألوان الوجبات وجعلها تبدو أكثر جاذبية (Appetizing View)، مع التركيز على وضوح زر اتخاذ القرار (Call to Action).