Chez Mounier
بوشون منذ 1985: كان على الموقع أن يبدو وكأنه موجود منذ المدة نفسها.
- السنة
- 2026
- مدة التصميم
- أسبوعان
- التقنيات
- React · Vite · Tailwind · Vercel
- التصميم
- التطوير
- SEO المحلي
- كتابة المحتوى
نسخة تجريبية نشرتها Kayzen Web على عنوان Vercel؛ أما النطاق النهائي فهو ملك للعميل.
- سنة الافتتاح
- 1985
- أجيال
- 3
- إتاحة الوصول وSEO في Lighthouse
- 100/100
ما كان يجب حلّه.
السياق
Chez Mounier مطعم bouchon عائلي في شارع Marronniers بالدائرة الثانية في ليون، مفتوح منذ عام 1985 وتتوارثه ثلاثة أجيال. مطبخ منزلي الصنع بالكامل: quenelles (كُرات السمك الليونية)، وtablier de sapeur، وسلطة ليونية.
القيد
الـ bouchon نوع مُقنَّن الأعراف، وزبائنه يرتابون في كل جديد. موقع مفرط الحداثة كان سيبدو زائفًا — ويثير الشك في أصالة المطبخ. كان المطلوب موقعًا حديثًا في تقنيته، وخالدًا في مظهره.
الحل
الأصالة تُثبَت بالتفاصيل: تُعلن قائمة الطعام ما هو منزلي الصنع طبقًا طبقًا، وتروي صفحة «البيت» الأجيال الثلاثة بالتواريخ، ويبقى الحجز هاتفيًا لأن هذا المطعم يعمل هكذا. لا نفرض نموذجًا على مكان يردّ على الهاتف.
النتائج المسجّلة عند التسليم.
نتائج Lighthouse للموقع في بيئة الإنتاج. ننشرها كما هي: وعندما تكون إحداها منخفضة، نكتب سببها وخطة تصحيحها أدناه بدلًا من التكتم عليها.
كل خيار، وسببه.
مفرش مربّعات دون محاكاة مبتذلة
أحمر عميق، وأبيض مكسور، ونقش خفي في خلفية الأقسام. رموز الـ bouchon مُستحضَرة، لا مُقلَّدة حرفيًا أبدًا — فالمحاكاة المبتذلة تُكشف وتضرّ.
المنزلي الصنع، طبقًا طبقًا
يحمل كل طبق الإشارة حين يُحضَّر في المطعم. هذه هي الحجة المركزية للـ bouchon في مواجهة المطاعم التي تعيد التسخين، وكان لا بد أن تكون قابلة للتحقق سطرًا بسطر.
الهاتف إجراءً رئيسيًا
زر الاتصال أولًا، وثابت على الهاتف المحمول. إضافة وحدة حجز إلكتروني كانت ستفتح قناة لا يتابعها البيت — وهذا أسوأ سيناريو للزبون.
لوحة ألوان المشروع
أحمر الـ bouchon
#8C2E2E
الهوية
أبيض مكسور
#F7F3EC
الخلفية
حبر
#231F1D
النص
أخضر زيتوني
#5E6440
الأقسام الثانوية
النظام الطباعي
العناوين
Bitter 700
النص الأساسي
Inter 400
خط Slab Serif دافئ للعناوين — بوضوح لوح الطباشير — وخط Sans-serif محايد لقائمة الطعام.
ما يوجد تحت الغطاء.
- React
- Vite
- Tailwind
- Vercel
موقع ثابت، واستضافة مجانية
لا خادم تطبيقات، ولا قاعدة بيانات. تكلفة التشغيل السنوية هي تكلفة اسم النطاق.
قائمة طعام مُنمَّطة البيانات
الأطباق، والأسعار، وإشارة «منزلي الصنع» في ملف بيانات. التحديث الموسمي لا يتطلب لمس HTML.
كيف يصبح الموقع قابلًا للعثور عليه.
«bouchon ليوني في شارع Marronniers»
شارع Marronniers وجهة بحد ذاته. التموضع على الشارع بدل المدينة يلتقط نية اختيار فوري، ضمن دائرة نصف قطرها مئتا متر.
تخصصات مُفهرسة
«quenelle منزلية في ليون»، «tablier de sapeur»: كل تخصص مُسمّى في محتوى منظَّم. إنها استعلامات سياح يحضّرون لوجبتهم.
قابل للاستخدام من الجميع.
منذ يونيو 2025، يفرض القانون الأوروبي لإمكانية الوصول (European Accessibility Act) إتاحة الوصول الرقمي على شريحة واسعة من الخدمات الإلكترونية. نتعامل معها منذ مرحلة التصميم، لا كتدارك لاحق.
100/100 رغم خلفية منقوشة
النقش في الخلفية مخفَّف بما يكفي لتحافظ كل النصوص على نسبة 4.5:1. النقش الزخرفي لا ينبغي أن يكلّف نقطة تباين واحدة.
ما تم تسليمه.
- الرئيسية
- قائمة الطعام
- البيت منذ 1985
- الوصول والمواعيد
- الحجز (بالهاتف)
مراحل سير المشروع.
النبرة
رموز الـ bouchon مُستحضَرة دون محاكاة مبتذلة، ومفردات البيت.
المحتوى
قائمة طعام بإشارة المنزلي الصنع، وحكاية الأجيال الثلاثة.
التطوير
موقع ثابت، وقائمة طعام مُنمَّطة، والاتصال إجراءً رئيسيًا.
ما يُطرح علينا كثيرًا.
أعمال أخرى
الامتثال للائحة GDPR & SaaSKonsent by Kayzen
مورّد أشرطة موافقة يدقّق الأشرطة هو خصم وحَكَم في آن واحد: كانت الاستقلالية هي المنتج نفسه.
الأمن السيبراني الهجومي & SaaSSentinel by Kayzen
بيع منتج أمني لمهندسين: كان على كل ادعاء أن يكون قابلًا للإثبات.
البيانات & خدمة الأرصاد الجويةMétéo Climat France
358 صفحة قابلة للفهرسة، وخريطة متحركة على 72 موعدًا — دون سطر واحد من أي إطار عمل.
مستوى الإتقان نفسه، لموقعك.
تدقيق مجاني لموقعك الحالي، وعرض سعر خلال 24 ساعة، وتعليل مكتوب — مثل الذي قرأته للتو. الدفع على ثلاث دفعات دون رسوم إضافية، مع التحقق من برامج الدعم المحلية قبل التوقيع.