Taj Holding
موقع مؤسسي ثنائي اللغة لمجموعة استثمارية سعودية
Taj Holding مجموعة استثمارية سعودية تملك محفظة متنوعة في عدة قطاعات استراتيجية. صممنا وطوّرنا موقعها المؤسسي للمستثمرين والشركاء وأصحاب المصلحة وصنّاع القرار الذين يحتاجون إلى صورة واضحة عن محفظة المجموعة وقيادتها وحضورها في السوق. ويدير فريق Taj محتوى الموقع كاملاً من استوديو إدارة محتوى مخصص.
- العميل
- Taj Holding
- المجال
- الاستثمار والشركات القابضة
- نوع المشروع
- موقع مؤسسي
- دورنا
- استراتيجية تجربة المستخدم، تصميم الواجهات، التصميم المتجاوب، التوجه البصري والتطوير
- المدة
- شهر واحد
الهدف
بناء حضور رقمي مؤسسي راقٍ لمجموعة Taj Holding يوضّح حجمها ومحفظتها المتنوعة وقيادتها ورؤيتها بعيدة المدى. وكان على الموقع أن يبني ثقة المستثمرين والشركاء وأصحاب المصلحة الرئيسيين.
التحدي
احتاجت Taj Holding إلى عرض محفظة متنوعة وقيادتها وتاريخها ورؤيتها المستقبلية في تجربة رقمية واحدة، من دون أن تبدو المجموعة مفككة أو معقدة. كان لا بد أن ينال كل قطاع حضوراً كافياً وأن يبقى مرتبطاً بهوية مؤسسية واحدة. وكان على التصميم أن ينتقل من مجرد عرض معلومات الشركة إلى رحلة منظمة تبني الثقة المؤسسية.
الحل
وضعنا هيكلاً مؤسسياً واضحاً يجمع قطاعات Taj Holding واستثماراتها وقيادتها ومحطاتها وحضورها الإعلامي في نظام بصري وتجربة استخدام موحّدين. يتعرّف الزائر على المجموعة أولاً، ثم يستكشف قطاعاتها ومحفظتها ومحطاتها ومركزها الإعلامي ووسائل التواصل وفق تسلسل متوقع. ويتيح استوديو إدارة محتوى مخصص لفريق Taj تعديل القطاعات والشركات والأخبار والملف الإعلامي ومجلس الإدارة والخط الزمني والخريطة وتذييل الموقع بنفسه.
كيف نفّذنا العمل
- 01
استراتيجية التجربة المؤسسية
بنينا الرحلة على التعريف بالمجموعة أولاً، ثم استكشاف قطاعاتها ومحفظتها ومحطاتها ومركزها الإعلامي ووسائل التواصل.
- 02
هيكلة المحفظة
نظّمنا قطاعات المجموعة واستثماراتها المتنوعة في نظام واحد واضح لتظهر المجموعة مترابطة.
- 03
التوجه البصري المؤسسي
اعتمدنا درجات الأزرق المخضر الداكن والألوان المحايدة الدافئة والصور المعمارية والخطوط القوية والتخطيطات الهادئة.
- 04
تصميم واجهات متجاوب
كيّفنا الواجهة لشاشات الحاسوب والأجهزة اللوحية والجوال مع الحفاظ على التسلسل وسهولة القراءة والوصول إلى أهم المعلومات المؤسسية.
- 05
تفاعلات موجهة لأصحاب المصلحة
ظهور تدريجي هادئ مع التمرير، وعدادات متحركة، وحركة في الخط الزمني، وتأثيرات مرور مدروسة تضيف عمقاً وتبقي التجربة هادئة واحترافية.
الشاشات الأساسية
قرارات التصميم
هيكل موحّد للمحفظة
تجتمع قطاعات Taj Holding واستثماراتها المتنوعة في نظام واحد واضح، فتظهر المجموعة مترابطة لا مفككة.
لغة بصرية مؤسسية
درجات الأزرق المخضر الداكن والصور المعمارية والخطوط القوية والتخطيطات الأنيقة تعبّر عن الحجم والاستقرار والمصداقية.
سرد يبني الثقة
أبرزنا القيادة والمحطات والأرقام والشراكات والحضور في السوق لبناء ثقة المستثمرين وأصحاب المصلحة.
مجموعة واحدة ونظام واضح
وحّدنا القطاعات والاستثمارات والقيادة والمعلومات المؤسسية في هيكل واحد متسق ليسهل فهم المجموعة.
الثقة قبل التفاصيل
قدّمنا القيادة والمحطات والأرقام والشراكات والحضور لبناء الثقة المؤسسية قبل دعوة المستخدم إلى استكشاف المحتوى الأعمق.
وضوح في كل مستوى
تسلسل قوي وتخطيطات منظمة وأنماط بصرية متسقة تتيح التنقل بين المحتوى المؤسسي والمحفظة والمحتوى الإعلامي من دون فقدان السياق.
الهوية البصرية
- الطابع
- طابع نظيف وبسيط وجريء، بشخصية معمارية ومؤسسية وأنيقة.
- الصور
- صور للعمارة الكبرى والتطوير العمراني والبنية التحتية، وصور شخصية للقيادات، وصور أعمال مؤسسية. الأجواء واثقة وأنيقة وسينمائية، بإضاءة مضبوطة وخطوط هندسية قوية وتباين عميق وإحساس بالحجم والديمومة.
- الحركة
- حركة ناعمة وهادئة وواثقة: ظهور تدريجي مع التمرير، وحركة بطيئة للصور، وانتقالات أنيقة بين الأقسام، وتأثيرات مرور مضبوطة. وتدعم العدادات المتحركة وانتقالات الخط الزمني وإبراز المواقع على الخريطة السرد من دون أن تثقل على المستخدم.
الجانب التقني
التقنيات
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- shadcn/ui
- Radix UI
- Three.js
- React Three Fiber
- GSAP
- Lenis
- Swiper
- Supabase
- PostgreSQL
- Vercel
التكاملات
- Supabase
- Google Maps
التحدي التقني
أراد العميل أن يبدو شعار الصفحة الرئيسية جسماً حقيقياً: معدن داكن مصقول بحواف مشطوفة تلتقط ضوءاً كاشفاً يتبع مؤشر الفأرة. أعدنا بناء النموذج ثلاثي الأبعاد مباشرة من ملف الشعار الرسمي للعلامة بعمق مشطوف حقيقي، وضبطنا الإضاءة حتى طابقت تصميم العلامة. وللحفاظ على سرعة الصفحة، يُحمَّل المشهد ثلاثي الأبعاد بعد بقية الصفحة، وتُحسب الظلال مرة واحدة، ولا يُعاد تحميل الخامات الثقيلة، فيعمل المشهد بسلاسة على الحواسيب المحمولة والجوالات العادية.
الأداء والجودة
انخفض حجم الصور في الموقع بنسبة 48%، من 5.45 ميغابايت إلى 2.82 ميغابايت، مع فحص كل صورة بالقياس حتى لا تتأثر الجودة. يُقدَّم المحتوى من ذاكرة مؤقتة بدلاً من الاستعلام من قاعدة البيانات في كل زيارة، وتخدم النسخة المخزنة الواحدة اللغتين معاً. تُفحص صلاحيات الاستوديو على الخادم، وتعمل التحليلات من دون ملفات تعريف الارتباط ومن دون تخزين عناوين IP.
ما الذي تغيّر
هيكل أوضح للمجموعة
انتظمت قطاعات Taj Holding واستثماراتها وقيادتها ومحتواها المؤسسي في تجربة أكثر توحيداً وأسهل فهماً.
مصداقية مؤسسية أقوى
صارت المحطات والقيادة والشراكات وحجم المحفظة والحضور في السوق أكثر بروزاً، وهو ما يعزّز ثقة المستثمرين وأصحاب المصلحة.
تجربة متسقة على كل الأجهزة
تعمل الواجهة على الحاسوب والأجهزة اللوحية والجوال بالتسلسل نفسه والهوية البصرية نفسها والنبرة المؤسسية نفسها.
أساس رقمي قابل للتوسع
يوفّر النظام إطاراً متسقاً لإضافة قطاعات واستثمارات وأخبار وفعاليات ومحتوى مؤسسي في المستقبل من دون الإخلال بالتجربة العامة.
هيكل مؤسسي واضح
تتبع القطاعات والاستثمارات والقيادة والمحطات والمحتوى الإعلامي تسلسلاً واحداً متوقعاً يسهّل فهم المجموعة.
حضور مؤسسي قوي
توجه بصري هادئ وشعار معدني ثلاثي الأبعاد يُعرض لحظياً في الصفحة الرئيسية يعزّزان المصداقية والإحساس بالحجم.
محتوى يبني الثقة
تُعرض المحطات والقيادة والشراكات وحجم المحفظة والحضور في السوق حيث يراها المستثمرون وأصحاب المصلحة أولاً.
ما سلّمناه
- واجهات موقع مؤسسي متجاوب
- شاشات الحاسوب والأجهزة اللوحية والجوال
- واجهات بالعربية والإنجليزية
- صفحات المحفظة والقطاعات
- أقسام القيادة والخط الزمني
- تجربة المركز الإعلامي
- مكونات واجهة قابلة لإعادة الاستخدام
- نظام تصميم بصري
- ملفات تسليم جاهزة للمطورين
عندك مشروع يشبه هذا؟
أرسل لنا ما تحتاجه، ويصلك عرض سعر مفصّل خلال 24 ساعة: نطاق العمل والتكلفة والمدة.
اطلب عرض سعر
