المطاعم & البراسري

Grand Café du Commerce

لا إطار عمل ولا نظام إدارة محتوى: براسري الحي لا تحتاج إلى مصنع.

السنة
2026
مدة التصميم
أسبوعان
التقنيات
HTML/CSS · JavaScript · Google Analytics · Vercel
  • التصميم
  • التطوير
  • SEO المحلي
  • قياس الجمهور
زيارة الموقع(علامة تبويب جديدة)ناقش معنا مشروعًا مماثلًا

نسخة تجريبية نشرتها Kayzen Web على عنوان Vercel؛ أما النطاق النهائي فهو ملك للعميل.

https://grandcafeducommerce.vercel.app/
الصفحة الرئيسية لموقع Grand Café du Commerce — المطاعم & البراسري، من إنجاز Kayzen Web
الأداء في Lighthouse
93/100
تبعية خارجية
0
طلبان إضافة إلى HTML
2
SEO في Lighthouse
100/100
نقطة الانطلاق

ما كان يجب حلّه.

السياق

Le Grand Café du Commerce مطعم brasserie في Vaise، بالدائرة التاسعة في ليون. زبائن من الحيّ، وروّاد دائمون عند الظهيرة، وطاولات في المساء.

القيد

كان الموقع السابق صفحة واحدة، غير متجاوبة، بلا مواعيد محدَّثة. والحاجة الحقيقية تتلخص في ثلاثة أسطر: قائمة الطعام، والمواعيد، ووسيلة للحجز. وكل ما عدا ذلك كان سيكون إنفاقًا بلا عائد.

الحل

HTML وCSS وقليل من JavaScript. لا إطار عمل، ولا نظام إدارة محتوى، ولا قاعدة بيانات. النتيجة تُحمَّل فورًا، ولا تتطلب أي تحديث أمني، وتكلفة استضافتها صفر يورو. وتُعدَّل قائمة الطعام في ملف، بنص واضح.

نتائج مقيسة لا مُعلنة

النتائج المسجّلة عند التسليم.

نتائج Lighthouse للموقع في بيئة الإنتاج. ننشرها كما هي: وعندما تكون إحداها منخفضة، نكتب سببها وخطة تصحيحها أدناه بدلًا من التكتم عليها.

PageSpeed
93
الأداء: 93 من 100
97
إمكانية الوصول: 97 من 100
100
أفضل الممارسات: 100 من 100
100
تحسين محركات البحث: 100 من 100
التصميم والإدارة الفنية

كل خيار، وسببه.

  1. لغة الـ brasserie، لا لغة المطبخ الراقي

    خطوط واثقة، ولوحة ألوان عنّابية وكريمية، وصور أطباق بسيطة. هوية بصرية مفرطة الأناقة كانت ستُنفّر زبائن الظهيرة، وهم المصدر الأول لرقم الأعمال.

  2. المواعيد في الشاشة الأولى

    «مفتوح حتى الساعة 22:00» محسوبة مباشرة بدل جدول من سبعة أسطر. إنه السؤال الأكثر تكرارًا، ويستحق جوابًا لا وثيقة تحتاج إلى تفسير.

  3. قائمة الطعام بصيغة HTML، لا PDF أبدًا

    ملف PDF لقائمة الطعام لا يُقرأ على الهاتف، ولا يُفهرس، ولا يُعلَن لقارئ الشاشة. قائمة الطعام صفحة HTML منظَّمة، بأسعارها.

لوحة ألوان المشروع

  • عنّابي

    #6E2436

    الهوية، العناوين

  • كريمي

    #F6F0E4

    الخلفية

  • حبر

    #211E1C

    النص

  • نحاسي

    #B08A4A

    الخطوط الفاصلة والتفاصيل

النظام الطباعي

العناوين

Libre Baskerville

النص الأساسي

Source Sans 3

خط Serif كلاسيكي، بروح لافتات الـ brasserie، للعناوين فقط — أما النص الجاري فيبقى بخط Sans-serif مصمَّم للشاشة.

الهندسة

ما يوجد تحت الغطاء.

  • HTML/CSS
  • JavaScript
  • Google Analytics
  • Vercel

  1. صفر تبعيات

    لا مكتبة تحتاج إلى تحديث، إذن لا ثغرة تحتاج إلى إصلاح بعد ستة أشهر. في موقع مطعم لن تُجرى صيانته كل شهر، هذا هو الخيار الأكثر مسؤولية.

  2. ملف CSS واحد، وملف JS واحد

    طلبان إضافة إلى HTML. يكتمل الموقع قبل أن ينتهي موقع مبني على إطار عمل من تحليل حزمته.

  3. قياس الجمهور مع الموافقة

    لا تُحمَّل Google Analytics إلا بعد قبول صريح. ومن دون موافقة، لا يُستدعى أي سكربت خارجي — وهذا ليس خيارًا للراحة، بل قاعدة CNIL (الهيئة الفرنسية لحماية البيانات).

تحسين محركات البحث

كيف يصبح الموقع قابلًا للعثور عليه.

  1. «brasserie في Vaise»، «مطعم في ليون 9»

    يستهدف SEO المحلي الحيّ قبل المدينة: المنافسة فيه أضعف بعشر مرات، والنية أقوى بعشر مرات.

  2. مواعيد منظَّمة

    openingHoursSpecification في JSON-LD: هذا ما يغذّي عبارة «مفتوح · يُغلق الساعة 22:00» التي يعرضها Google، ويُغني عن مكالمة التحقق الهاتفية.

إمكانية الوصول

قابل للاستخدام من الجميع.

منذ يونيو 2025، يفرض القانون الأوروبي لإمكانية الوصول (European Accessibility Act) إتاحة الوصول الرقمي على شريحة واسعة من الخدمات الإلكترونية. نتعامل معها منذ مرحلة التصميم، لا كتدارك لاحق.

  1. 97/100 دون جهد خفي

    الموقع البسيط أسهل في جعله متاحًا. HTML دلالي، وتباينات متحقَّق منها، وتنقّل أصلي بلوحة المفاتيح: لا شيء يحتاج إلى تصحيح لاحق.

هيكل الموقع

ما تم تسليمه.

  • الرئيسية
  • قائمة الطعام
  • الحجز
  • الوصول والمواعيد
  • التواصل
المنهجية

مراحل سير المشروع.

  1. التأطير

    تحديد ثلاث احتياجات، واستبعاد كل ما عداها.

  2. التصميم

    لغة الـ brasserie، ومواعيد ديناميكية، وقائمة طعام بصيغة HTML.

  3. التطوير

    HTML/CSS/JS بلا تبعيات، والموافقة قبل القياس.

أسئلة

ما يُطرح علينا كثيرًا.

لأن موقعًا من خمس صفحات يتغير مرتين في السنة لا يحتاج إلى قاعدة بيانات، ولا إلى لوحة إدارة، ولا إلى تحديثات أمنية شهرية. كانت WordPress ستكلّف أكثر في الاستضافة والصيانة، مقابل نتيجة أبطأ.

أعمال أخرى

العودة إلى أعمالنا

مستوى الإتقان نفسه، لموقعك.

تدقيق مجاني لموقعك الحالي، وعرض سعر خلال 24 ساعة، وتعليل مكتوب — مثل الذي قرأته للتو. الدفع على ثلاث دفعات دون رسوم إضافية، مع التحقق من برامج الدعم المحلية قبل التوقيع.

حجز موعدعرض الأسعار
مشاركة