Professional Engineering Office: الأعمال هي العرض

Professional Engineering Office: الأعمال هي العرض

Professional Engineering Office: الأعمال هي العرض

كان Professional Engineering Office مكتب استشارات هندسية مرخّصاً تأسس عام 1997، يقدّم المخططات وتراخيص البناء، والإشراف وإدارة المشاريع، وأعمال الدفاع المدني، والتصميم الداخلي، والمساحة والتخطيط، ومراجعة الجهات الحكومية عبر فرعين. بين 2023 و 2025 بنت Alnitak وشغّلت أول حضور رقمي حقيقي له: موقع عربي أولاً بـ RTL منظّم حول أعمال المكتب المنجزة، مع محرّر محمي بكلمة مرور نشر به الفريق مشاريعه بنفسه، ومسار طلبات وصل إلى أربعة صناديق بريد محدّدة.

التواصل مع العميل

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

رُبط مسار الطلبات بأربعة صناديق بريد محدّدة مع رد تلقائي للمرسل، فلا ينتظر أي طلب شخصاً واحداً. ووصف مدير الهندسة لديهم المشروع بأننا خصّصنا الوقت لفهم احتياجهم فعلاً وقدّمنا توجيهاً استراتيجياً لا قالباً جاهزاً.

هندسة المتطلبات

ثلاثة متطلبات شكّلت البناء. الأعمال هي العرض: يُقاس المكتب الهندسي بما صمّمه وأشرف عليه، فنموذج البيانات تسلسل من خدمات وخدمات فرعية وأمثلة أعمال، لكل منها عنوان ووصف باللغتين ومعرض خاص، معروضة لكل فرع.

والمكتب ينشر أعماله بنفسه: محرّر محمي يتيح للفريق إضافة مشروع وكتابته بـ Block Editor ورفع صور تُحوَّل إلى WebP عند الرفع. والعربية هي المنتج لا الترجمة: RTL من عنصر الجذر إلى آخر الصفحة، والعربية إلزامية والإنجليزية اختيارية.

تحسين الـ SEO

خط أساس 2023 على الجوال: 58 للأداء، و 66 لإمكانية الوصول، و 100 لأفضل الممارسات، و 77 للـ SEO، بصفحة 4.5 MB و Largest Contentful Paint بـ 4.8 ثانية. جولة الصور التي تلته حوّلت الملفات إلى WebP بأبعاد صريحة و srcset.

وفي 2024 انتقل التطبيق أحادي الصفحة إلى SSR بـ Angular Universal ليتلقّى الزاحف HTML كاملاً، مع خدمة Canonical، و Title و Description لكل صفحة، واستهداف كلمات مفتاحية عربية لنوايا البحث الحقيقية للمكتب، و Sitemap يغطي كل نقطة دخول للخدمات.

تحفيز المبيعات

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

المزايا الرئيسية

  • موقع عربي أولاً بـ RTL، العنوان العربي إلزامي في طبقة البيانات والإنجليزي اختياري
  • تسلسل خدمات وخدمات فرعية وأمثلة أعمال مع معارض لكل فرع، فيتصفّح العميل المحتمل بالطريقة التي يسأل بها
  • محرّر محمي بكلمة مرور مع Block Editor ورفع صور، وتحويل الصور إلى WebP عند الرفع
  • SSR بـ Angular Universal، ومعالجة Canonical، و Title و Description لكل صفحة، واستهداف كلمات مفتاحية عربية، و Sitemap
  • نموذج تواصل يصل إلى أربعة صناديق بريد مع رد تلقائي، وزر اتصال يظهر على الجوال فقط
  • GA4 عبر Google Tag Manager وتسجيلات جلسات بـ Hotjar

الأثر على العمل

انتقل المكتب من انعدام الحضور الرقمي إلى موقع عرض أعماله في الأسبوع الذي ينتهي فيه المشروع، ووجّه كل طلب إلى من يجيب عنه. خط الأساس الذي شاركناه مع العميل في أغسطس 2023 سجّل 58 للأداء و 77 للـ SEO على الجوال، بصفحة حجمها 4.5 MB و Largest Contentful Paint بـ 4.8 ثانية؛ وعالج Pipeline الصور ثم الانتقال إلى SSR الأسباب التي سمّاها ذلك التقرير. وشهادة مدير الهندسة لديهم عن فهم الاحتياج وتقديم توجيه استراتيجي موجودة على صفحتنا الرئيسية. المشروع مكتمل.

الـ Tech Stack

  • Angular 16
  • Angular Universal
  • Tailwind CSS
  • Editor.js
  • Node.js
  • Express
  • MongoDB
  • Passport
  • Mailgun
  • Firebase Hosting
  • Docker Compose
  • GA4
  • Hotjar
ما الخطوة التالية؟

هل سمعتك أقوى من موقعك؟ دعنا نبني الموقع الذي تستحقه أعمالك المنجزة.