العميل: The N Gage Group
القطاع: شركة استشارات متخصصة في الشؤون الحكومية والسياسات العامة والتنظيم الرقابي، تخدم قطاعي الأعمال والحكومات عبر منطقة الشرق الأوسط وشمال أفريقيا
ما التحدي الذي واجهته The N Gage Group؟
The N Gage Group شركة استشارية تأسست عام 2013، وتُعد من أوائل شركات الشؤون الحكومية والسياسات العامة في المنطقة، بخدمة تقترب من 200 عميل عبر 4 مكاتب إقليمية في مصر والمغرب والسعودية والإمارات. طبيعة عملهم — التعامل مع شركات عالمية وجهات حكومية في آنٍ واحد — كانت تفرض أن يكون الموقع بمستوى احترافية عالٍ جدًا في التنفيذ، وبلا أي تنازل في الدقة البصرية أو اللغوية.المشاكل التي كانت تواجه المشروع قبل البداية
- تصميم Figma احترافي جاهز، يحتاج تحويلًا دقيقًا لموقع WordPress دون فقد أي تفصيلة من الهوية البصرية الرسمية للشركة
- جمهور الشركة يضم عملاء دوليين كبار (مثل Nestlé، PepsiCo، L’Oréal، Amazon) وجهات حكومية، ما يستوجب أن يكون الموقع بمعايير احترافية عالية على كلا اللغتين
- الحاجة لنسخة عربية كاملة ومنفصلة عن الإنجليزية، وليست ترجمة سطحية، تراعي اتجاه القراءة (RTL) بدقة في كل قسم
- محتوى غني ومتشعب (استشارات، استثمارات، تدريب، أبحاث ودراسات) يحتاج تنظيمًا واضحًا داخل بنية القوائم دون تعقيد
- ضرورة أن يعمل الموقع بسلاسة على كل الأجهزة، نظرًا لأن شريحة كبيرة من الزوار تصل من خلفيات مؤسسية وحكومية تتصفح من أجهزة مختلفة
كيف فكرنا في الحل؟
بدأنا بدراسة تصميم Figma بالكامل قسمًا بقسم، مع رسم خريطة واضحة لمحتوى القوائم الفرعية المتشعبة (الاستشارات بخدماتها الخمس، الاستثمارات، التدريب) قبل أي تنفيذ، لضمان بنية تصفح منطقية وسهلة رغم غزارة المحتوى.المحور الأول — تحويل دقيق من Figma إلى WordPress
نفّذنا كل عنصر تصميمي بأمانة كاملة — الألوان المؤسسية، الخطوط، والتراكيب البصرية — داخل بيئة WordPress، بما يحافظ على الهوية الرسمية والجادة التي تناسب طبيعة عمل الشركة الاستشاري.المحور الثاني — نسخة عربية كاملة ومستقلة
بنينا نسخة عربية متكاملة (وليست ترجمة آلية فوق التصميم الإنجليزي)، مع ضبط اتجاه الصفحة (RTL) بدقة في كل قسم — القوائم المنسدلة، بطاقات الفريق، وأقسام الشركاء والعملاء — بحيث تبدو النسخة العربية وكأنها صُممت أصلًا بالعربية.المحور الثالث — بنية تصفح واضحة لمحتوى متشعب
نظّمنا القائمة الرئيسية بحيث يسهل الوصول لكل خدمة فرعية (الرقابة التنظيمية والامتثال، الدعم التشغيلي، الأبحاث والدراسات، شريك المعرفة) دون أن يشعر الزائر بالتوهان وسط الكم الكبير من المحتوى.التنفيذ — قائمة كاملة بما أنجزناه
أولاً — التحويل والبنية التقنية
- تحويل تصميم Figma الكامل إلى موقع WordPress حي، بمطابقة دقيقة لكل قسم
- بناء الصفحة الرئيسية بكل أقسامها: الرؤية والرسالة، الشركاء، العملاء، رسالة رئيس مجلس الإدارة، الفريق
- بناء صفحات الخدمات الفرعية تحت قسم الاستشارات (الرقابة التنظيمية والامتثال، الدعم التشغيلي، مناظرات N Gage، الأبحاث والدراسات، شريك المعرفة)
- بناء صفحتي الاستثمارات والتدريب كأقسام مستقلة ضمن هيكل الموقع
ثانياً — النسخة العربية الكاملة
- تفعيل نسخة عربية كاملة موازية للنسخة الإنجليزية بنفس مستوى الجودة
- ضبط اتجاه الصفحة (RTL) لكل عنصر: القوائم، البطاقات، الأيقونات، ومحاذاة النصوص
- ترجمة جميع أقسام الموقع: الرؤية والرسالة، الخدمات، الفريق، الشركاء
ثالثاً — التجاوب مع الأجهزة
- اختبار وتنفيذ كل قسم عبر جميع نقاط الانتقال (Desktop / Tablet / Mobile)
- شبكة شعارات الشركاء والعملاء (أكثر من 80 شعارًا) مصممة لتتكيف تلقائيًا مع حجم الشاشة دون فقد التنظيم البصري
- عرض بطاقات الفريق بشكل سلس (Carousel) يعمل بكفاءة على اللمس في الموبايل والتابلت
- موقع حي مطابق بدقة لتصميم Figma الأصلي بلا أي انحراف بصري
- نسخة عربية كاملة الجودة توازي النسخة الإنجليزية، وليست ترجمة سطحية
- تجربة متجاوبة متكاملة عبر كل الأجهزة تليق بطبيعة عملاء الشركة المؤسسيين
- بنية تصفح واضحة تنظّم محتوى الشركة الغني دون تعقيد على الزائر
