🔹 نبذة عن المشروع:
موقع ويب مخصص لمتجر قهوة (Coffee Shop) تم تصميمه وتطويره لعرض المنتجات، جذب العملاء، وتوفير تجربة مستخدم سلسة وراقية. يركز الموقع على إبراز هوية العلامة التجارية من خلال تصميم جذّاب وواجهة مستخدم أنيقة وسهلة الاستخدام.
🎯 الأهداف:
إنشاء موقع يعكس هوية متجر القهوة بطريقة عصرية.
عرض قائمة المنتجات (مشروبات – حبوب القهوة – أدوات التحضير).
تمكين العملاء من التصفح والطلب بسهولة.
تحسين تجربة المستخدم عبر تصميم متجاوب وسريع.
تحسين ظهور الموقع في محركات البحث (SEO Ready).
🛠️ التقنيات المستخدمة:
HTML5 / CSS3 – لبناء الهيكل والتنسيق الأساسي.
JavaScript – للتفاعل الديناميكي مع المستخدم.
Bootstrap 5 – لتصميم متجاوب وسريع التطوير.
jQuery – لتسهيل التفاعل وإضافة حركات سلسة.
Font Awesome – لأيقونات مميزة.
Google Fonts – لاستخدام خطوط أنيقة تلائم هوية القهوة.
(اختياري) LocalStorage – لحفظ بيانات عربة الشراء مؤقتًا.
🧩 الصفحات الأساسية:
الصفحة الرئيسية (Home):
بانر جذّاب مع دعوة للشراء (CTA).
نبذة عن المتجر وأبرز المميزات.
عرض مختصر لأشهر المنتجات.
صفحة المنتجات (Menu/Products):
عرض المنتجات بشكل شبكي أو قائمة.
تصفية حسب النوع (مشروبات، حبوب، أدوات).
زر "أضف إلى السلة" مع عدد القطع.
صفحة من نحن (About Us):
قصة العلامة التجاريةرؤية ورسالة المتجر.
صفحة التواصل (Contact):
نموذج تواصل مباشر.
معلومات التواصل والموقع الجغرافي.
صفحة السلة (Cart):
عرض المنتجات المضافة.
إمكانية التعديل أو الحذف.
ملخص الطلب.
🎨 مميزات التصميم:
تصميم أنيق بألوان دافئة (بني، بيج، ذهبي) تعكس أجواء القهوة.
تجربة مستخدم UX مدروسة بعناية.
تصميم متجاوب تمامًا لجميع الأجهزة (Responsive).
حركات انتقال سلسة وانميشن خفيف لزيادة التفاعل.
📈 مميزات تقنية:
سرعة تحميل ممتازة.
كود منظم ومعنون.
متوافق مع محركات البحث.
إمكانية التوسعة لاحقًا (إضافة تسجيل دخول – دفع أونلاين...).
