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

Net Rénovation

موقع لحرفي ألواح الجبس صُمّم للهاتف، لأن عملاءه هناك.

السنة
2026
مدة التصميم
أسبوعان
التقنيات
React · Vite · Tailwind · Vercel
  • تصميم للهاتف أولًا
  • التطوير
  • SEO المحلي
  • كتابة المحتوى
https://www.net-renovation.fr
الصفحة الرئيسية لموقع Net Rénovation — البناء & التجديد، من إنجاز Kayzen Web
من الزيارات عبر الهاتف
80%
عرض نموذج التصميم المرجعي
375 px
الأداء — ورشة مفتوحة ومقدَّرة
59/100
نقطة الانطلاق

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

السياق

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

القيد

أكثر من 80% من الزيارات تأتي من الهاتف، غالبًا عبر بحث في Google Maps، وخلال النهار. كان الموقع السابق مصمَّمًا للحاسوب المكتبي ويصبح غير قابل للاستخدام على الهاتف: النموذج خارج الشاشة، والرقم غير قابل للنقر.

الحل

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

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

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

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

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

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

  1. مصمَّم على 375 بكسل

    نموذج التصميم المرجعي هو الهاتف، لا الحاسوب المكتبي. والتصميم بالعكس يقود دائمًا إلى نسخة هاتف منقوصة، وهناك بالذات يوجد 80% من الزوار.

  2. مفردات العميل

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

  3. الاتصال وعرض السعر في المتناول دائمًا

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

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

  • أزرق أردوازي

    #2C4A63

    الهوية

  • برتقالي

    #D96D2B

    الإجراء

  • أبيض الجبس

    #F7F7F5

    الخلفية

  • حبر

    #1E2226

    النص

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

العناوين

Outfit 700

النص الأساسي

Inter 400

عائلتان من الخطوط تكفيان؛ أما الثالثة، الموروثة من المحتوى الأولي، فمحدَّدة للحذف في خطة التحسين.

الهندسة

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

  • React
  • Vite
  • Tailwind
  • Vercel
  1. ورشة أداء نتحمّلها

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

  2. نموذج متسامح

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

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

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

  1. «مركّب ألواح جبس ليون» والبلديات المجاورة

    صفحة لكل منطقة تُخدم فعلًا، مع أمثلة ورش خاصة بكل منها.

  2. الاتساق مع ملف Google

    الاسم والعنوان والهاتف وساعات العمل مطابقة تمامًا لملف Google Business Profile، ومنه يأتي معظم الزيارات من الهاتف.

هيكل الموقع

ما تم تسليمه.

  • الرئيسية
  • الخدمات
  • الإنجازات
  • مناطق العمل
  • عرض السعر
المنهجية

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

  1. الهاتف أولًا

    نموذج تصميم بعرض 375 px، وشريط إجراءات، ونموذج في شاشة واحدة.

  2. المحتوى

    إعادة صياغة الخدمات بلغة العميل.

  3. التطوير

    نموذج متسامح، وSEO محلي.

  4. القادم

    توحيد الصور وحذف الخط الزائد.

أسئلة

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

لأنها علنية ويمكن لأي شخص التحقق منها في ثلاثين ثانية. السكوت عنها سيوحي بأننا لم نرها؛ أما شرحها فيُظهر أن السبب محدَّد وأن الإصلاح مقدَّر الكلفة. وهذا أيضًا ما نبيعه في خدمة الصيانة.

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

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

مشاركة