قائمة رقمية / تجربة ويب لمطعم
Menu Chez Bassou
تجربة قائمة رقمية متجاوبة، مصممة للتصفح المباشر من الهاتف.
ويب / قائمة رقمية / تصميم متجاوب / GitHub Pages
الحاجة
تحتاج قائمة مطعم للعمل كتجربة سريعة وأولوية للجوال: شيء يمكن للزائر فتحه مباشرة — مثلاً من رمز QR على الطاولة — واستخدامه فوراً، مع طريقة بسيطة لتصفح الأطباق حسب الفئة مع نمو القائمة (فطور، سلطات، مشاوي، بيتزا وغيرها).
الحل
صفحة ثابتة واحدة، مستضافة على GitHub Pages، مبنية بـ HTML وCSS وJavaScript خالصة — بدون إطار عمل أو خطوة بناء.
شريط تصفية ثابت ينتقل مباشرة إلى فئة معينة (فطور، سلطات، مشاوي، بيتزا، برغر، بانيني، طاجين، مشروبات)، وحقل بحث فوري يصفي القائمة حسب اسم الطبق أثناء الكتابة.
زر واتساب عائم يتيح للزائر فتح محادثة واتساب معبأة مسبقاً من القائمة، دون نظام تواصل منفصل.
- تصفية حسب الفئة وبحث فوري عبر جميع الأطباق
- جدول أسعار مخصص حسب الوزن للمشاوي
- أزرار اتصال وواتساب بنقرة واحدة
- تصميم متجاوب بالكامل (حاسوب، جهاز لوحي، جوال)
- بناء ثابت بدون تبعيات، منشور على GitHub Pages
التجربة
المعرض
النتيجة
قائمة رقمية فعّالة ومتجاوبة، مع تصفية حسب الفئة وبحث وتواصل واتساب يعملان بشكل كامل.