العودة للمشاريع

موقع استشارات فوكس

استشارات فوكس 2025-12-06
تطوير الويبالواجهة الأماميةReactTypeScriptTailwind CSSShadcn UIi18nextViteGoogle Model Viewer

نظرة عامة

موقع إلكتروني شامل لشركة استشارات فوكس، مصمم لعرض خبراتهم في استراتيجية الأعمال، التحول الرقمي، وتطوير القيادات. تم بناء التطبيق باستخدام حزمة تقنية حديثة تشمل React, Vite, و TypeScript، ويتميز بتصميم متجاوب بالكامل، دعم ثنائي اللغة (الإنجليزية والعربية)، وعناصر ثلاثية الأبعاد تفاعلية.

تتميز الصفحة الرئيسية بتصميم عصري ونظيف يرسخ المصداقية المهنية على الفور.

تتميز الصفحة الرئيسية بتصميم عصري ونظيف يرسخ المصداقية المهنية على الفور.

إحدى الميزات الرئيسية هي الدعم السلس ثنائي اللغة. يمكن للمستخدمين التبديل بين الإنجليزية والعربية، مع تعديل التخطيط تلقائيًا للغات التي تُكتب من اليمين إلى اليسار (RTL).

الواجهة الإنجليزية توضح الرسوم المتحركة والتنقل السلس.

الواجهة الإنجليزية توضح الرسوم المتحركة والتنقل السلس.

الواجهة العربية مع دعم كامل لتخطيط اليمين إلى اليسار (RTL).

الواجهة العربية مع دعم كامل لتخطيط اليمين إلى اليسار (RTL).

يتضمن الموقع قسم اتصال مخصصًا مع نموذج متكامل وخريطة موقع لتسهيل التواصل مع العملاء.

قسم اتصال نظيف وسهل الوصول إليه.

قسم اتصال نظيف وسهل الوصول إليه.

كان الأداء أولوية قصوى أثناء التطوير. تم تحسين الموقع من أجل أوقات تحميل سريعة ودرجات ممتازة في مقاييس الويب الأساسية (Core Web Vitals).

تحقيق درجات مثالية 100 في Google PageSpeed Insights للأداء، وإمكانية الوصول، وأفضل الممارسات، وتحسين محركات البحث (SEO).

تحقيق درجات مثالية 100 في Google PageSpeed Insights للأداء، وإمكانية الوصول، وأفضل الممارسات، وتحسين محركات البحث (SEO).

الأهداف

  • تأسيس حضور رقمي احترافي لاستشارات فوكس.
  • توفير تجربة ثنائية اللغة لتلبية احتياجات جمهور أوسع.
  • عرض رؤية الشركة ورسالتها وبرامجها الاستراتيجية.
  • تسهيل تواصل العملاء من خلال نموذج اتصال متكامل.
  • تعزيز تفاعل المستخدمين باستخدام مرئيات ثلاثية الأبعاد تفاعلية.

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

دعم ثنائي اللغة

تبديل سلس بين الإنجليزية والعربية مع دعم تخطيط اليمين إلى اليسار (RTL).

تصميم متجاوب

تخطيط مُحسّن لجميع الأجهزة، مما يضمن إمكانية الوصول وسهولة الاستخدام.

واجهة مستخدم تفاعلية

يستخدم مكونات Shadcn UI للحصول على مظهر مصقول وعصري.

تحميل المحتوى الديناميكي

التحميل الكسول للأقسام لتحسين الأداء.

تصور ثلاثي الأبعاد

عناصر ثلاثية الأبعاد تفاعلية باستخدام Google Model Viewer لتعزيز التفاعل البصري.