الدقة للاستشارات الهندسية: موقع مؤسسي ونظامي تطوير مواقع الويب المخصصة

نظرة عامة على المشروع

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

سلّمت HBS موقعًا مخصّصًا متكاملاً مع نظام إدارة محتوى مؤسسي (Headless CMS): موقع عام سريع مبني على البيانات على pce-consultants.com، ولوحة تحكم إدارية آمنة بصلاحيات دقيقة قائمة على الأدوار تتيح لفريق PCE إدارة كل مشروع وخدمة ووظيفة وصفحة من مكان واحد.

الأهداف التجارية

• تقديم PCE كمرجع هندسي موثوق وواسع النطاق بمحفظة أعمال تُثبت ذلك.

• جعل المشاريع والخدمات والقطاعات سهلة التصفّح والفلترة وموثوقة.

• إدارة التوظيف بالكامل إعلانات الوظائف وتتبّع المتقدّمين من النظام نفسه.

• تمكين الموظفين غير التقنيين من إدارة كل المحتوى بأمان، بالصلاحيات المناسبة لكل دور.

• إطلاق موقع سريع وقوي في محركات البحث وقابل للتوسّع مع نمو الشركة.

التحدّي

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

الميزات الأساسية والتسليمات

1) الموقع التسويقي العام

موقع Next.js مُصيَّر على الخادم بصفحة رئيسية غنية (سلايدر افتتاحي، من نحن، العملاء، الخبرات، الخدمات الأساسية، المشاريع المميّزة، الفروع، الإحصاءات، ورابط المجموعة القابضة) وأقسام داخلية كاملة: من نحن، الخدمات، المشاريع، الوظائف، المدوّنة، الأخبار، والتواصل لكلٍّ صفحات تفصيلية.

2) محفظة مشاريع قابلة للفلترة

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

3) نظام إدارة محتوى مؤسسي (لوحة التحكم)

تطبيق إدارة مخصّص على قاعدة البيانات نفسها يدير كل ما في الموقع:

• المحفظة: المشاريع بإحصاءاتها وأقسامها ومعارضها وفِرَقها وفئاتها ونطاقاتها.

• التصنيفات: القطاعات والفئات والنطاقات والدول والخدمات.

• الشركة: العملاء، الجوائز والشهادات، القيادة، الخبرات، الفروع، بيانات المجموعة، والإحصاءات.

• المحتوى والتواصل: المدوّنات، الأخبار، صفحات CMS، السلايدر الافتتاحي، النشرة البريدية، ورسائل التواصل.

ويأتي مع محرّر نصوص غني، وإدارة صور، وتصدير بنقرة واحدة إلى PDF / Excel.

4) التحكم في الوصول حسب الأدوار (RBAC)

نظام صلاحيات من خمسة مستويات Super Admin، Admin، Editor، HR، وRead-Only بأكثر من 60 صلاحية دقيقة وبوابات على مستوى الصفحات. المحرّرون يديرون المحتوى، والموارد البشرية تدير التوظيف، وحدهم Super Admins يلمسون الأمان ليعمل الفريق بأمان دون منح صلاحيات زائدة.

5) الوظائف وتتبّع المتقدّمين

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

6) إطلاق على مراحل

صفحة «قريبًا» أنيقة جسّرت العلامة أثناء البناء والترحيل قبل إطلاق الموقع الكامل.

التقنيات المستخدمة

• الواجهة الأمامية: Next.js 16 + React 19 + TypeScript وTailwind CSS وFramer Motion

• لوحة الإدارة: Next.js + Radix UI ومحرّر Tiptap وReact Hook Form + Zod وRecharts

• الخلفية والبيانات: Supabase (PostgreSQL ومصادقة وأمان على مستوى الصفوف RLS)

• الوسائط: Bunny CDN لتخزين الصور وتوصيلها عبر الحافة

• الأداء: تصيير على الخادم مع تخزين مؤقت وإعادة تحقّق تدريجية

الأثر والنتائج

• موقع هندسي رئيسي على pce-consultants.com يعكس حجم PCE وسجلها الممتد 30 عامًا.

• محفظة قابلة للفلترة تحوّل كمًّا كبيرًا من الأعمال إلى تجربة تصفّح سهلة وموثوقة.

• نظام إدارة محتوى ذاتي بصلاحيات مؤسسية (RBAC) المحتوى والوظائف وبيانات الشركة تُدار داخليًا وبأمان حسب الدور.

• أساس قابل للتوسّع (وبنية بيانات جاهزة للتعدّد اللغوي) ينمو مع الشركة ومع مجموعة Precision Holding الأوسع.