البناء & الأسطح

Muller Toiture

تسرّب السقف لا يُعالَج كمشروع تجديد: مساران وموقع واحد.

السنة
2026
مدة التصميم
4 أسابيع
التقنيات
Next.js · React · Tailwind · Vercel
  • التصميم
  • التطوير
  • أداة تقدير
  • SEO المحلي

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

https://mullertoiture.vercel.app/
الصفحة الرئيسية لموقع Muller Toiture — البناء & الأسطح، من إنجاز Kayzen Web
مساران منفصلان
2
أسئلة للحصول على تقدير
3
SEO في Lighthouse
100/100
نقطة الانطلاق

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

السياق

Muller Toiture شركة لأعمال الأسقف مقرّها ميون (Mions)، تعمل في شرق منطقة ليون وفي شمال إيزير (Nord-Isère): تغطية الأسقف، وأعمال الزنك، والعزل، وإزالة الطحالب.

القيد

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

الحل

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

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

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

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

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

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

  1. شريط طوارئ دائم

    رقم قابل للنقر، ظاهر دائمًا، لا يخفيه التمرير أبدًا. في حالة التسرّب، المقياس الوحيد الذي يهمّ هو عدد الثواني بين الوصول إلى الموقع والاتصال.

  2. تقدير في ثلاثة أسئلة

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

  3. إزالة الطحالب في صفحة مستقلة

    خدمة منخفضة القيمة لكنها كثيرة الطلب، ويُبحث عنها غالبًا وحدها. لذلك لها صفحتها الخاصة بدل سطر في قائمة.

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

  • أردواز

    #39434D

    البنية — لون المادة

  • قرميد

    #B15A2B

    الإجراء

  • سماء

    #EEF3F7

    الخلفية

  • أحمر الطوارئ

    #C0392B

    شريط التسرّب فقط

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

العناوين

Outfit 700

النص الأساسي

Inter 400

أحمر الطوارئ مخصّص حصرًا لشريط التسرّب: فلون التنبيه حين يُستعمل للزينة يكفّ عن التنبيه.

الهندسة

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

  • Next.js
  • React
  • Tailwind
  • Vercel
  1. أداة تقدير تعمل كليًا من جهة العميل

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

  2. ورشة أداء محدَّدة

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

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

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

  1. استعلامات الطوارئ واستعلامات المشاريع

    «تسرّب سقف طوارئ ليون»، «عامل أسقف ميون»، «سعر تجديد سقف شمال إيزير». ثلاث نوايا بحث، وثلاث عائلات من الصفحات: خلطها يعني عدم التصدّر في أيٍّ منها.

  2. نطاق عمل صريح

    البلديات التي تُخدم فعلًا مُدرجة ومُرمَّزة. الحرفي الذي يعلن أنه يعمل في «كل فرنسا» يخسر الاستعلام الخاص بالبلدية، وهو الوحيد الذي يحقق التحويل.

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

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

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

  1. أداة تقدير قابلة للاستخدام بلوحة المفاتيح

    حقول أصلية، ونتيجة يُعلَن عنها في منطقة live، ولا خطوة تعتمد على السحب والإفلات.

هيكل الموقع

ما تم تسليمه.

  • الرئيسية — الطوارئ + أداة التقدير
  • تغطية الأسقف وأعمال الزنك
  • العزل
  • إزالة الطحالب
  • أداة تقدير كلفة السقف
  • مناطق العمل
  • التواصل
المنهجية

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

  1. تحليل الطلبات

    تحديد ملفّين من العملاء انطلاقًا من المكالمات الواردة.

  2. التصميم

    شريط الطوارئ، وأداة التقدير، ومساران منفصلان.

  3. التطوير

    أداة تقدير من جهة العميل، ونماذج، وإشعارات.

  4. SEO

    ثلاث عائلات من الصفحات، ونطاق عمل مُرمَّز.

أسئلة

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

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

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

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

مشاركة