Net Rénovation
موقع لحرفي ألواح الجبس صُمّم للهاتف، لأن عملاءه هناك.
- السنة
- 2026
- مدة التصميم
- أسبوعان
- التقنيات
- React · Vite · Tailwind · Vercel
- تصميم للهاتف أولًا
- التطوير
- SEO المحلي
- كتابة المحتوى

- من الزيارات عبر الهاتف
- 80%
- عرض نموذج التصميم المرجعي
- 375 px
- الأداء — ورشة مفتوحة ومقدَّرة
- 59/100
ما كان يجب حلّه.
السياق
حرفي من ليون متخصص في ألواح الجبس: الحواجز، والتكسيات، والأسقف المستعارة، والعزل الداخلي، للأفراد ولورش التجديد.
القيد
أكثر من 80% من الزيارات تأتي من الهاتف، غالبًا عبر بحث في Google Maps، وخلال النهار. كان الموقع السابق مصمَّمًا للحاسوب المكتبي ويصبح غير قابل للاستخدام على الهاتف: النموذج خارج الشاشة، والرقم غير قابل للنقر.
الحل
صُمّم كل شيء أولًا لشاشة بعرض 375 بكسل، ثم وُسّع. الرقم قابل للنقر في كل الأوقات، والنموذج يتّسع في شاشة واحدة، والخدمات موصوفة بلغة العميل — «إعادة تجهيز سقف»، لا «سقف مستعار معلّق من ألواح جبس BA13».
النتائج المسجّلة عند التسليم.
نتائج Lighthouse للموقع في بيئة الإنتاج. ننشرها كما هي: وعندما تكون إحداها منخفضة، نكتب سببها وخطة تصحيحها أدناه بدلًا من التكتم عليها.
كل خيار، وسببه.
مصمَّم على 375 بكسل
نموذج التصميم المرجعي هو الهاتف، لا الحاسوب المكتبي. والتصميم بالعكس يقود دائمًا إلى نسخة هاتف منقوصة، وهناك بالذات يوجد 80% من الزوار.
مفردات العميل
الخدمات مسمّاة كما يصوغها العميل. المفردات التقنية موجودة، لكن في مستوى ثانٍ — تطمئن دون أن تُقصي.
الاتصال وعرض السعر في المتناول دائمًا
شريط إجراءات ثابت أسفل الشاشة. على الهاتف، أسفل الشاشة هو منطقة الإبهام، وبالتالي الموضع الوحيد الذي يضمن الوصول.
لوحة ألوان المشروع
أزرق أردوازي
#2C4A63
الهوية
برتقالي
#D96D2B
الإجراء
أبيض الجبس
#F7F7F5
الخلفية
حبر
#1E2226
النص
النظام الطباعي
العناوين
Outfit 700
النص الأساسي
Inter 400
عائلتان من الخطوط تكفيان؛ أما الثالثة، الموروثة من المحتوى الأولي، فمحدَّدة للحذف في خطة التحسين.
ما يوجد تحت الغطاء.
- React
- Vite
- Tailwind
- Vercel
ورشة أداء نتحمّلها
59 في الأداء: إنها واحدة من أدنى نتيجتين لدينا، وسببها معرض ورش سلّمه العميل دون تحسين، يُضاف إليه خط عناوين (display) إضافي. الخطة مكتوبة — توحيد الصور، وحذف الخط الثالث — وستُطبَّق في المرور القادم. نعرضها لأن إخفاء نتيجة علنية لم يحسّن موقعًا قط.
نموذج متسامح
يُقبل رقم الهاتف بكل الصيغ المعتادة، مع توحيد تلقائي. رفض رقم مكتوب بالنقاط طريقة عبثية لخسارة عميل.
كيف يصبح الموقع قابلًا للعثور عليه.
«مركّب ألواح جبس ليون» والبلديات المجاورة
صفحة لكل منطقة تُخدم فعلًا، مع أمثلة ورش خاصة بكل منها.
الاتساق مع ملف Google
الاسم والعنوان والهاتف وساعات العمل مطابقة تمامًا لملف Google Business Profile، ومنه يأتي معظم الزيارات من الهاتف.
ما تم تسليمه.
- الرئيسية
- الخدمات
- الإنجازات
- مناطق العمل
- عرض السعر
مراحل سير المشروع.
الهاتف أولًا
نموذج تصميم بعرض 375 px، وشريط إجراءات، ونموذج في شاشة واحدة.
المحتوى
إعادة صياغة الخدمات بلغة العميل.
التطوير
نموذج متسامح، وSEO محلي.
القادم
توحيد الصور وحذف الخط الزائد.
ما يُطرح علينا كثيرًا.
أعمال أخرى
البناء & التجديدSER & BAT
جمهوران وموقع واحد: الفرد ومؤسسة الإسكان الاجتماعي لا يقرآن الصفحة نفسها.
الامتثال للائحة GDPR & SaaSKonsent by Kayzen
مورّد أشرطة موافقة يدقّق الأشرطة هو خصم وحَكَم في آن واحد: كانت الاستقلالية هي المنتج نفسه.
الأمن السيبراني الهجومي & SaaSSentinel by Kayzen
بيع منتج أمني لمهندسين: كان على كل ادعاء أن يكون قابلًا للإثبات.
مستوى الإتقان نفسه، لموقعك.
تدقيق مجاني لموقعك الحالي، وعرض سعر خلال 24 ساعة، وتعليل مكتوب — مثل الذي قرأته للتو. الدفع على ثلاث دفعات دون رسوم إضافية، مع التحقق من برامج الدعم المحلية قبل التوقيع.