تجارة القرب

Boucherie de l'Avenue

ملحمة حرفية تُعامَل كدار فاخرة — لأنها كذلك فعلًا.

السنة
2026
مدة التصميم
3 أسابيع
التقنيات
React · Vite · Tailwind · Vercel
  • الهوية البصرية
  • التصميم
  • التطوير
  • SEO المحلي
https://www.boucherie-avenue.fr
الصفحة الرئيسية لموقع Boucherie de l'Avenue — تجارة القرب، من إنجاز Kayzen Web
هوية بصرية أُنشئت من الصفر
1
SEO في Lighthouse
100/100
الأداء — ورشة مفتوحة
69/100
نقطة الانطلاق

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

السياق

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

القيد

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

الحل

معاملة الحِرفي كما تُعامَل دار فاخرة: هوية مصمَّمة حسب الطلب، وخطوط متقنة، وتصوير بإدارة فنية، ومعلومات كاملة عن المصادر. ما يسعى الزبون إلى تبريره هو السعر — ولا بد من منحه ما يبرّره به.

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

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

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

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

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

  1. هوية بصرية أُنشئت خصيصًا

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

  2. المصدر معروض لكل منتج

    السلالة، والمنشأ، والمربّي حين يكون معروفًا. هذه هي الحجة التي تفصل الحِرفي عن رفّ الخدمة الذاتية، ولم تكن ظاهرة في أي مكان من قبل.

  3. تصوير بإدارة فنية

    ضوء طبيعي، وخلفيات محايدة، ولا فلاش مباشر. في الملحمة، الصورة سيئة الإضاءة تُحدث بالضبط عكس الأثر المنشود.

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

  • عنّابي عميق

    #5E1F2B

    الهوية

  • أبيض رخامي

    #F8F6F3

    الخلفية

  • حبر

    #1F1C1B

    النص

  • نحاسي

    #A98545

    الخطوط الفاصلة والمونوغرام

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

العناوين

Cormorant Garamond 600

النص الأساسي

Jost 400

خط Serif بروح الأزياء الراقية لاسم المحل، وخط هندسي رصين لمعلومات المنتج. التباين بين الاثنين يصنع التموضع كله.

الهندسة

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

  • React
  • Vite
  • Tailwind
  • Vercel
  1. ورشة أداء مفتوحة

    69 في الأداء: النتيجة سببها معرض منتجات غير محسَّن موروث من محتوى العميل. الانتقال إلى AVIF وضبط الأبعاد عبر srcset مُقدَّران ومُجدوَلان. نكتب ذلك لأن النتيجة علنية وقابلة للتحقق.

  2. موقع ثابت

    لا قاعدة بيانات؛ كتالوج المنتجات ملف بيانات. يرسل إلينا التاجر تعديلاته الموسمية، فتصبح على الإنترنت خلال ساعة.

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

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

  1. «ملحمة في ليون 9»، «جزّار حرفي في Vaise»

    استعلامات قرب، قليلة المنافسة جدًا، بنية شراء فورية: من يكتبها يبحث عن مكان يشتري منه لحمه اليوم، لا عن معلومات. استهداف «ملحمة في ليون» كان سيضع الحِرفي في منافسة مع متاجر المدينة كلها من أجل زيارات لن تنتقل أبدًا إلى الدائرة التاسعة.

  2. ترميز Butcher Shop

    يوفّر Schema.org نوعًا مخصصًا. استخدامه بدل LocalBusiness العام يحسّن الطريقة التي يصنّف بها Google المنشأة.

هيكل الموقع

ما تم تسليمه.

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

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

  1. الهوية

    مونوغرام، ولوحة ألوان، ونظام خطوط، وتطبيق على المطبوعات.

  2. المحتوى

    المصادر لكل منتج، وعرض تموين الأطعمة.

  3. التصميم والتطوير

    موقع ثابت، وكتالوج مُنمَّط البيانات.

أسئلة

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

ما دام يبيع بسعر أعلى من المتاجر الكبرى، نعم. الهوية ليست زينة: إنها ما يجعل الفارق في السعر مفهومًا حتى قبل أن يدخل الزبون.

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

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

مشاركة