البناء & التجديد

SER & BAT

جمهوران وموقع واحد: الفرد ومؤسسة الإسكان الاجتماعي لا يقرآن الصفحة نفسها.

السنة
2026
مدة التصميم
3 أسابيع
التقنيات
Next.js · React · Tailwind · Vercel
  • التصميم
  • التطوير
  • SEO المحلي
  • كتابة محتوى B2B وB2C
https://www.seretbat.fr/
الصفحة الرئيسية لموقع SER & BAT — البناء & التجديد، من إنجاز Kayzen Web
سنة التأسيس
2008
مساران، وحجّتان
2
SEO في Lighthouse
100/100
نقطة الانطلاق

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

السياق

تجدّد SER & BAT المساحات الداخلية في ليون منذ عام 2008: ألواح الجبس، والطلاء، والحمّامات، والمطابخ. الشركة حاصلة على شهادة QUALIBAT، وتعمل أيضًا لصالح مؤسسات إسكان — ICF Habitat وSACVL.

القيد

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

الحل

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

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

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

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

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

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

  1. مساران معلَنان

    خيار صريح منذ الشاشة الأولى: فرد أم مهني. تخمين ملف الزائر رهان؛ أما سؤاله فيكلّف نقرة واحدة ويجنّب الخطاب الخاطئ.

  2. الشهادة عنصرًا في التصميم

    QUALIBAT ليست شعارًا مركونًا في التذييل، بل كتلة تشرح ما تغطيه الشهادة. مؤسسة الإسكان تعرف كيف تقرؤها، والفرد يتعلّم قراءتها.

  3. مراجع مؤسسية مسمّاة

    ICF Habitat وSACVL مذكورتان بالاسم. في سوق البناء بين الشركات (B2B)، مرجع مسمّى يساوي عشر حجج عامة.

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

  • أزرق مؤسسي

    #1F4C73

    الهوية، مسار المهنيين

  • تيراكوتا

    #B95F33

    الإجراء، مسار الأفراد

  • رمادي فاتح

    #F3F5F7

    الخلفية

  • حبر

    #1D2126

    النص

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

العناوين

Outfit 700

النص الأساسي

Inter 400

لونا إبراز يميّزان المسارين دون تغيير النظام الطباعي: يعرف الزائر أين هو دون أن يفكّر في ذلك.

الهندسة

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

  • Next.js
  • React
  • Tailwind
  • Vercel
  1. مساران للتواصل

    نموذج الأفراد يطلب الغرفة والمساحة؛ ونموذج المهنيين يطلب نوع الصفقة وحجمها. نموذج واحد كان سيكون سيئًا للطرفين.

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

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

  1. استعلامات B2C وB2B منفصلة

    «تجديد شقة ليون»، «مركّب ألواح جبس ليون 7» من جهة؛ و«شركة تجديد لمؤسسات الإسكان الاجتماعي ليون»، «QUALIBAT أعمال جبس الرون» من جهة أخرى.

  2. الأقدمية معروضة

    «منذ 2008» حاضرة في العناوين وفي الترميز. في سوق عمر كثير من شركاته ثلاث سنوات، تُعدّ الأقدمية إشارة متانة يُبحث عنها صراحةً.

هيكل الموقع

ما تم تسليمه.

  • الرئيسية — التوجيه
  • الأفراد — الإنجازات وعرض السعر
  • المهنيون — الشهادة والمراجع
  • الخدمات
  • الشركة منذ 2008
  • التواصل
المنهجية

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

  1. التقسيم

    فئتان من العملاء، ومجموعتان من الأدلّة.

  2. التصميم

    توجيه في الشاشة الأولى، ومساران بلونين مختلفين.

  3. التطوير

    مساران للتواصل مكيَّفان.

  4. SEO

    استعلامات B2C وB2B، والأقدمية والشهادة مُرمَّزتان.

أسئلة

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

يكلّف نقرة واحدة ويجنّب تقديم الحجّة الخاطئة لـ 50% من الزيارات. في موقع عليه أن يقنع جمهورين بمعايير متعارضة، إنها مقايضة ممتازة.

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

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

مشاركة