Muller Toiture
تسرّب السقف لا يُعالَج كمشروع تجديد: مساران وموقع واحد.
- السنة
- 2026
- مدة التصميم
- 4 أسابيع
- التقنيات
- Next.js · React · Tailwind · Vercel
- التصميم
- التطوير
- أداة تقدير
- SEO المحلي
نسخة تجريبية نشرتها Kayzen Web على عنوان Vercel؛ أما النطاق النهائي فهو ملك للعميل.

- مساران منفصلان
- 2
- أسئلة للحصول على تقدير
- 3
- SEO في Lighthouse
- 100/100
ما كان يجب حلّه.
السياق
Muller Toiture شركة لأعمال الأسقف مقرّها ميون (Mions)، تعمل في شرق منطقة ليون وفي شمال إيزير (Nord-Isère): تغطية الأسقف، وأعمال الزنك، والعزل، وإزالة الطحالب.
القيد
يصل إلى الموقع نفسه عميلان بسلوكين متناقضين. صاحب التسرّب يبحث عن رقم هاتف فورًا، وغالبًا في مساء يوم أحد. أما من يفكّر في تجديد سقفه فيبحث عن نطاق للأسعار، وسيطلب ثلاثة عروض على مدى شهرين. مسار واحد كان سيخدم الاثنين خدمة سيئة.
الحل
مدخلان منفصلان منذ الشاشة الأولى. شريط طوارئ دائم يحمل الرقم، ظاهر دون تمرير. وللعميل الثاني، أداة لتقدير كلفة السقف تعطي نطاقًا فوريًا انطلاقًا من المساحة ونوع التغطية. الأول يلتقط الحالة العاجلة، والثاني يلتقط النية طويلة الأمد.
النتائج المسجّلة عند التسليم.
نتائج Lighthouse للموقع في بيئة الإنتاج. ننشرها كما هي: وعندما تكون إحداها منخفضة، نكتب سببها وخطة تصحيحها أدناه بدلًا من التكتم عليها.
كل خيار، وسببه.
شريط طوارئ دائم
رقم قابل للنقر، ظاهر دائمًا، لا يخفيه التمرير أبدًا. في حالة التسرّب، المقياس الوحيد الذي يهمّ هو عدد الثواني بين الوصول إلى الموقع والاتصال.
تقدير في ثلاثة أسئلة
المساحة، ونوع التغطية، والحالة. والنتيجة نطاق سعري يُقدَّم صراحةً على أنه كذلك، مع الافتراضات التي بُني عليها. إعطاء سعر دقيق سيكون عملًا غير نزيه؛ وعدم إعطاء أي شيء يدفع الزائر إلى المنافس الذي يجرؤ على ذلك.
إزالة الطحالب في صفحة مستقلة
خدمة منخفضة القيمة لكنها كثيرة الطلب، ويُبحث عنها غالبًا وحدها. لذلك لها صفحتها الخاصة بدل سطر في قائمة.
لوحة ألوان المشروع
أردواز
#39434D
البنية — لون المادة
قرميد
#B15A2B
الإجراء
سماء
#EEF3F7
الخلفية
أحمر الطوارئ
#C0392B
شريط التسرّب فقط
النظام الطباعي
العناوين
Outfit 700
النص الأساسي
Inter 400
أحمر الطوارئ مخصّص حصرًا لشريط التسرّب: فلون التنبيه حين يُستعمل للزينة يكفّ عن التنبيه.
ما يوجد تحت الغطاء.
- Next.js
- React
- Tailwind
- Vercel
أداة تقدير تعمل كليًا من جهة العميل
يجري الحساب في المتصفح: لا طلب إلى الخادم، ولا انتظار، ولا جمع لأي بيانات شخصية قبل أن يقرّر المستخدم ذلك. ولا تُطلب بيانات التواصل إلا بعد عرض النتيجة.
ورشة أداء محدَّدة
75 في الأداء، بسبب معرض صور الورش. الخطة مكتوبة: التحويل إلى AVIF، وsrcset، وتقسيم المعرض إلى صفحات. النتيجة علنية، وشرحها أنفع من إخفائها.
كيف يصبح الموقع قابلًا للعثور عليه.
استعلامات الطوارئ واستعلامات المشاريع
«تسرّب سقف طوارئ ليون»، «عامل أسقف ميون»، «سعر تجديد سقف شمال إيزير». ثلاث نوايا بحث، وثلاث عائلات من الصفحات: خلطها يعني عدم التصدّر في أيٍّ منها.
نطاق عمل صريح
البلديات التي تُخدم فعلًا مُدرجة ومُرمَّزة. الحرفي الذي يعلن أنه يعمل في «كل فرنسا» يخسر الاستعلام الخاص بالبلدية، وهو الوحيد الذي يحقق التحويل.
قابل للاستخدام من الجميع.
منذ يونيو 2025، يفرض القانون الأوروبي لإمكانية الوصول (European Accessibility Act) إتاحة الوصول الرقمي على شريحة واسعة من الخدمات الإلكترونية. نتعامل معها منذ مرحلة التصميم، لا كتدارك لاحق.
أداة تقدير قابلة للاستخدام بلوحة المفاتيح
حقول أصلية، ونتيجة يُعلَن عنها في منطقة live، ولا خطوة تعتمد على السحب والإفلات.
ما تم تسليمه.
- الرئيسية — الطوارئ + أداة التقدير
- تغطية الأسقف وأعمال الزنك
- العزل
- إزالة الطحالب
- أداة تقدير كلفة السقف
- مناطق العمل
- التواصل
مراحل سير المشروع.
تحليل الطلبات
تحديد ملفّين من العملاء انطلاقًا من المكالمات الواردة.
التصميم
شريط الطوارئ، وأداة التقدير، ومساران منفصلان.
التطوير
أداة تقدير من جهة العميل، ونماذج، وإشعارات.
SEO
ثلاث عائلات من الصفحات، ونطاق عمل مُرمَّز.
ما يُطرح علينا كثيرًا.
أعمال أخرى
الامتثال للائحة GDPR & SaaSKonsent by Kayzen
مورّد أشرطة موافقة يدقّق الأشرطة هو خصم وحَكَم في آن واحد: كانت الاستقلالية هي المنتج نفسه.
الأمن السيبراني الهجومي & SaaSSentinel by Kayzen
بيع منتج أمني لمهندسين: كان على كل ادعاء أن يكون قابلًا للإثبات.
البيانات & خدمة الأرصاد الجويةMétéo Climat France
358 صفحة قابلة للفهرسة، وخريطة متحركة على 72 موعدًا — دون سطر واحد من أي إطار عمل.
مستوى الإتقان نفسه، لموقعك.
تدقيق مجاني لموقعك الحالي، وعرض سعر خلال 24 ساعة، وتعليل مكتوب — مثل الذي قرأته للتو. الدفع على ثلاث دفعات دون رسوم إضافية، مع التحقق من برامج الدعم المحلية قبل التوقيع.