عملات معدنية مكدّسة تحت إضاءة زرقاء

/

مجموعة الراجحي

نظام تصميم موحّد لمجموعة الراجحي

ساهمت عزم إكس في بناء نظام تصميم موحّد لمجموعة الراجحي والشركات التابعة لها، لتتمكن الفرق من بناء كل منتج رقمي من مرجع موحّد، وتحتفظ كل علامة بهويتها.

المشكلة

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

منتجًا رقميًا يعمل بالنظام

منتجًا رقميًا يعمل بالنظام

مكوّن واجهة لجميع العلامات

مكوّن واجهة لجميع العلامات

رحلة مستخدم موحّدة

رحلة مستخدم موحّدة

التحدي

كان لا بد من تصميم لغة موحّدة تجمع 6 علامات دون أن تطمس هوية أيٍّ منها، وتتيح للفرق إطلاقًا أسرع يبقى فيه كل إصدار منضبطًا. لذلك انطلق كل قرار تصميمي من 5 أسئلة.

شعار مصرف الراجحي مجسّمًا بالأزرق أمام مبنى حديث وبركة ماء، وخلفه أفق الرياض ليلًا

01

الاتساق

كيف تخدم لغة تصميم واحدة 6 علامات مختلفة دون أن تطمس هوية أيٍّ منها؟

02

التوسّع

كيف نخدم 17 منتجًا رقميًا، من تطبيق الهاتف إلى جهاز الصراف الآلي، انطلاقًا من مرجع موحّد؟

03

السرعة والتحكّم

كيف تُطلق الفرق منتجاتها بوتيرة أسرع، ويبقى كل إصدار منضبطًا بالحوكمة ومتّسقًا مع العلامة؟

04

الشمول

كيف نجعل كل تجربة طبيعية بالعربية كما هي بالإنجليزية، ومتاحة للجميع؟

05

الاستمرارية

كيف يواصل النظام تطوّره بعد التسليم، بملكية المجموعة نفسها وقيادتها؟

الأهداف

5 أهداف لتجربة موحّدة للمجموعة

مفاتيح زرقاء تربطها خطوط مضيئة حول مكعب شفاف يحمل شعار مصرف الراجحي

01

توحيد التجربة

لغة تصميم واحدة لجميع الشركات التابعة، في كل نقطة تواصل تديرها المجموعة.

01

توحيد التجربة

لغة تصميم واحدة لجميع الشركات التابعة، في كل نقطة تواصل تديرها المجموعة.

02

التوسّع عبر العلامات

سمات خاصة بكل علامة تتيح لكل شركة الاحتفاظ بهويتها، مع الاستناد إلى أسس مشتركة.

02

التوسّع عبر العلامات

سمات خاصة بكل علامة تتيح لكل شركة الاحتفاظ بهويتها، مع الاستناد إلى أسس مشتركة.

03

تسريع الإنجاز

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

04

التصميم للجميع

العربية والإنجليزية على قدم المساواة، مع دعم كامل لاتجاهَي الكتابة من اليمين ومن اليسار، وإتاحة الوصول في النظام كله وفق معايير WCAG AA.

05

الحوكمة من أجل الاستمرارية

ملكية واضحة، ومسارات للمساهمة، وإدارة للإصدارات، تُبقي النظام في تحسّن مستمر بعد إطلاقه بزمن طويل.

03

تسريع الإنجاز

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

04

التصميم للجميع

العربية والإنجليزية على قدم المساواة، مع دعم كامل لاتجاهَي الكتابة من اليمين ومن اليسار، وإتاحة الوصول في النظام كله وفق معايير WCAG AA.

05

الحوكمة من أجل الاستمرارية

ملكية واضحة، ومسارات للمساهمة، وإدارة للإصدارات، تُبقي النظام في تحسّن مستمر بعد إطلاقه بزمن طويل.

المنهجية

نظام تصاعدي البناء

5 طبقات تقوم كل منها على ما قبلها، من الاستماع إلى فرق المجموعة حتى التسليم ونقل إدارة النظام إليها.

01

01

الاكتشاف

ورش عمل ومقابلات واستبيانات على مستوى المجموعة، يدعمها تحليل مقارن لأبرز أنظمة التصميم.

02

02

الأسس ورموز التصميم

بنية متكاملة لرموز التصميم، تشمل الألوان والخطوط والمسافات والأوضاع، صُمّمت لتعدّد العلامات والسمات.

03

03

المكوّنات والأنماط

مكتبة قابلة لإعادة الاستخدام صُمّمت للتوسّع، تتجاوب مع كل شاشة، وتراعي إتاحة الوصول، وتبقى متّسقة من التصميم إلى الكود.

04

04

التوثيق والتمكين

موقع توثيق مباشر، وصفحة تعريفية عامة، ومكتبة تدريبية لكل فريق.

05

05

الحوكمة والتسليم

نماذج للحوكمة والتبنّي، ومقترح لفريق أساسي يتولّى النظام، ونقل منظّم للمعرفة.

الحل

لغة موحّدة تشتمل على 6 هويات

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

وتضم المكتبة 2,000 مكوّن واجهة و30 رحلة مستخدم موحّدة، وتعمل بالعربية والإنجليزية على قدم المساواة وفي اتجاهَي الكتابة، وفق معايير إتاحة الوصول ‏WCAG AA. ويشرح موقع التوثيق المباشر طريقة استخدامها.

التنفيذ والأثر

من الفكرة إلى الشاشة

من الفكرة إلى الشاشة

ثلاث محطات في مسار العمل، تتراكم مع التمرير محاكيةً مراحل المشروع.

هاتف على قاعدة حجرية يعرض شاشة الحسابات في تطبيق مصرف الراجحي

05

ما تملكه المجموعة اليوم

تملك المجموعة اليوم 6 مخرجات:

  • الأسس ورموز التصميم: أسس التصميم كاملة ومكتبة رموز التصميم، جاهزة لتعدّد العلامات والسمات.

  • مكتبة المكوّنات: 2,000 مكوّن واجهة بُنيت للاتساق والتوسّع في جميع العلامات.

  • رحلات موحّدة: 30 رحلة مستخدم قابلة لإعادة الاستخدام، صيغت في أنماط تجربة مشتركة.

  • التوثيق: موقع توثيق مباشر، وصفحة تعريفية عامة، وموارد تعليمية.

  • الحوكمة والفريق الأساسي: نماذج للحوكمة والتبنّي، ومقترح للفريق الذي يتولّى استدامة النظام.

  • التمكين والانتقال: التدريب، ونقل المعرفة، ونقل الحسابات والنطاقات، وفترة دعم مخصّصة.

مجموعة من شاشات تطبيق مصرف الراجحي ومكوناته: بطاقات وأزرار ورسوم بيانية

06

القيمة المضافة للنظام

غيّر النظام طريقة الفرق في بناء التجارب الرقمية والمحافظة عليها، فأضفى الاتساق على عمل اليوم، وأرسى أساسًا أمتن لما هو قادم:

  • تجربة موحّدة في المجموعة كلها: تجربة متّسقة عبر العلامات والمنتجات ونقاط التواصل مع العملاء، تقوم على لغة تصميم مشتركة.

  • إنجاز أسرع: تبني الفرق على أنماط مجرّبة بدل البدء من الصفر، فيقلّ الجهد المتكرر ويقصر الطريق إلى الإطلاق.

  • توسّع يحفظ هوية كل علامة: معايير مشتركة تجمع المجموعة، وتترك لكل شركة تابعة مساحة تحتفظ فيها بهويتها.

  • الجودة من البداية: تصبح إتاحة الوصول والتجاوب مع الشاشات والاتساق جزءًا من قرارات التصميم والتنفيذ اليومية.

  • استمرارية بعد التسليم: ملكية واضحة ومسارات للمساهمة تمنح المجموعة طريقة عملية لصيانة النظام وتطويره.

07

النتائج بالأرقام

واليوم تخدم لغة تصميم موحّدة، تحكمها قواعد واضحة، 6 علامات تجارية و17 منتجًا رقميًا، من تطبيق الهاتف إلى جهاز الصراف الآلي. وتقوم على مكتبة من 2,000 مكوّن واجهة و30 رحلة مستخدم قابلة لإعادة الاستخدام، موثّقة وخاضعة للحوكمة، وقد سُلّمت كاملةً إلى المجموعة.

مكوّن واجهة لجميع العلامات

من قيادة عزم إكس

سعيد النهدي

الرئيس التنفيذي لعزم إكس

عزم إكس

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

من قيادة عزم إكس

سعيد النهدي

الرئيس التنفيذي لعزم إكس

عزم إكس

من قيادة عزم إكس

سعيد النهدي

الرئيس التنفيذي لعزم إكس

عزم إكس

التسليم

مستعد لما هو قادم

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

نشرة عزم إكس

رؤى استراتيجية لقرارات أفضل

نرسل إليك أحدث مقالاتنا وتقاريرنا، ونتعامل مع بياناتك وفق سياسة الخصوصية.

نرسل إليك أحدث مقالاتنا وتقاريرنا،
ونتعامل مع بياناتك وفق سياسة الخصوصية.