صورة ليدٍ تمسك هاتف iPhone 15 Pro في مكتب من خشب الجوز والنحاس، وعلى الشاشة الصفحة الرئيسية لتطبيق الشركات: رصيد الحساب التشغيلي الرئيسي وشريط التنقّل السفلي، وكل بكسل فيها من المنتج نفسه.

بنك واحد، على كل شاشة.

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

02 · من الأفراد إلى الشركات

بدأت القصة من العميل اليومي.

في 2024 صمّمت برايني تطبيق الأفراد وموقع بنك القاهرة عمّان. ثم عاد البنك إلينا لمنصّة الشركات، وهذه المرة بنيناها أيضًا.

تطبيق الويب المعتمد لبنك القاهرة عمّان.

موقع الأفراد، الاتجاه المعتمد

تطبيق الويب بالنسق الداكن.

النسخة الداكنة

03 · وضوح يخدم كل يوم

مكتب الخزينة يجب أن يُقرأ ككشف حساب.

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

صورة لحاسوب MacBook على مكتب من خشب الجوز بجانب فنجان قهوة، وعلى شاشته لوحة تحكم الشركات: رصيد الحساب والبطاقات والحركات والموافقات المعلّقة.
الصفحة الرئيسية لتطبيق الجوال بنسبة شاشة iPhone 15 Pro، وفيها الرمز الأبيض في الترويسة وإجراءات سريعة ورصيد الحساب التشغيلي الرئيسي.
الرئيسية
شاشة الحسابات في تطبيق الجوال بنسبة شاشة iPhone 15 Pro، وفيها الرصيد الإجمالي والحسابات النشطة والعملات وقائمة حسابات قابلة للتصفية.
الحسابات

04 · المنظومة

اثنتا عشرة وحدة، نظام واحد، تطبيقان.

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

3منتجات
12وحدة
160+شاشة
174مكوّنًا
نظام تصميم واحد174 مكوّنًا، ملف ثيم واحد، التطبيقان معًا

الخدمات المصرفية

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

المدفوعات والحوالات

الحوالاتمحلي وسويفت والبُراق
الرواتبفردية ومجمّعة
المدفوعاتفواتير وتعبئة

الرقابة

الموافقاتثلاثة تواقيع
المستخدمون والأدوارمفوّضون وحدود

05 · تجربة جوال سلسة

المنصّة كلّها في يد واحدة.

تطبيق قابل للتثبيت يحمل كل وحدة يملكها المكتب: الحوالات والرواتب والبطاقات والتسهيلات وقائمة الموافقات، بدخول ببصمة الوجه ورمز من ست خانات.

صورة لثلاثة هواتف iPhone 15 Pro واقفة على حجر الترافرتين، تعرض الدخول بالبصمة والصفحة الرئيسية وشاشة الحوالات في تطبيق الشركات.
شاشة بدء الاستخدام الأولى في تطبيق الجوال بنسبة شاشة iPhone 15 Pro، شعار الزهرة فوق سطر يقول إن بنك القاهرة عمّان صار في جيبك.
بدء الاستخدام
شاشة الدخول بالبصمة الحيوية بنسبة شاشة iPhone 15 Pro، تعرض Face ID أو Touch ID مع بديل بالرمز السري.
دخول ببصمة
شاشة إدخال الرمز السري بنسبة شاشة iPhone 15 Pro، ست خانات فارغة تحت طلب إدخال الرمز.
رمز من ست خانات
شاشة المدفوعات في تطبيق الجوال بنسبة شاشة iPhone 15 Pro، وفيها إجراءات سريعة لدفع فاتورة وتعبئة رصيد وإضافة جهة فوترة وسجلّ العمليات.
المدفوعات
مسار دفع فاتورة في تطبيق الجوال بنسبة شاشة iPhone 15 Pro، الخطوة الأولى من ثلاث: اختيار جهة فوترة مسجّلة من القائمة.
دفع فاتورة
شاشة الرواتب في تطبيق الجوال بنسبة شاشة iPhone 15 Pro، وفيها إجمالي المدفوع والدفعات المعلّقة والمسوّدات وموعد الدفعة الدورية التالية.
دفعات الرواتب
شاشة البطاقات في تطبيق الجوال بنسبة شاشة iPhone 15 Pro، صف أفقي من بطاقات الشركات وفوقه مرشّحات حسب الحالة.
بطاقات الشركات
شاشة التسهيلات في تطبيق الجوال بنسبة شاشة iPhone 15 Pro، وفيها الحد الإجمالي والمستخدَم والمتاح وتاريخ السداد التالي.
التسهيلات

06 · تمكين عملاء الأعمال

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

تُنشأ الدفعة على المكتب، وتصل إلى هاتف المعتمِد، ولا تتحرّك حتى يُكمل التوقيع الثالث الحلقة. مُنشئ ومدقّق ومفوّض: أداة المنتج نفسها، مرسومة أمامك.

1 · أُنشئت على المكتب2 · بانتظار على الهاتف3 · التوقيع الأول4 · التوقيع الثاني5 · التوقيع الثالث6 · معتمدة
صورة لحاسوب MacBook وهاتف iPhone على مكتب من خشب الجوز، دفعات الرواتب على الحاسوب وقائمة الموافقات المعلّقة على الهاتف: كشف رواتب واحد، والمعتمِدون على الهاتف.
طلب اعتماد حوالة على الجوال بنسبة شاشة iPhone 15 Pro، يعرض المبلغ وحلقة التواقيع ووصف الحوالة وزرَّي الاعتماد والرفض.
معتمدة

07 · يوم العمل

مكتب واحد، اليوم كلّه.

ثماني وحدات يلمسها فريق الخزينة بين أول قهوة وآخر كشف، في نافذة واحدة، بنتها برايني بتقنية React وسلّمتها تعمل.

صورة لحاسوب MacBook على مكتب من خشب الجوز بجانب فنجان قهوة، وعلى شاشته لوحة تحكم الشركات: رصيد الحساب والبطاقات والحركات والموافقات المعلّقة.
08:30لوحة التحكم09:10الحسابات10:00الحوالات11:20المدفوعات13:00الرواتب14:30التسهيلات15:45تمويل التجارة17:00الكشوف
لوحة تحكم الخدمات المصرفية للشركات على الحاسوب، وفيها رصيد الحساب التشغيلي الرئيسي والإجراءات السريعة والبطاقات وآخر الحركات ومحوّل العملات بجانب شريط الوحدات.
وحدة الحسابات على الحاسوب، تعرض كل حساب للشركة بعملته ورصيده وحالته في جدول قابل للتصفية.
وحدة الحوالات على الحاسوب، وفيها الحوالات الداخلية والمحلية وحوالات SWIFT والبُراق، وقائمة بآخر الحوالات.
وحدة المدفوعات على الحاسوب، وفيها إجراءات سريعة للفواتير وتعبئة الرصيد، والمدفوعات المعلّقة وجهات الفوترة المتكرّرة.
وحدة الرواتب على الحاسوب، تعرض دفعات الرواتب بفترتها وعدد موظفيها وإجماليها وحالتها.
وحدة التسهيلات على الحاسوب، تعرض القروض القائمة والخطوط الائتمانية والسحب على المكشوف بحدودها ونسب استخدامها وموعد السداد التالي.
وحدة تمويل التجارة على الحاسوب، وفيها الاعتمادات المستندية والكفالات وحالتها وآخر الطلبات.
وحدة الكشوف على الحاسوب، وفيها أنواع التقارير وجدول بكشوف الحسابات وتقارير الحركات التي أُنشئت.

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

02كل حساب وحساب فرعي ورصيد في سجلّ واحد.

03الحوالات: داخلية ومحلية وسويفت والبُراق، فردية ومجمّعة.

04الفواتير والتعبئة والمطالبات، تُدفع من المكتب نفسه.

05الرواتب كدفعة واحدة: رفع ومراجعة وإرسال للتوقيع.

06التسهيلات: القروض والسحب على المكشوف وجداول السداد.

07تمويل التجارة: الاعتمادات المستندية والكفالات، متابَعة أولًا بأول.

08الكشوف وأدوات الصرف تختم اليوم.

08 · الصفحة التعريفية وحزمة المطبوعات

كل منتج يحتاج بابًا وأثرًا ورقيًا.

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

الصفحة التعريفية

الصفحة الرئيسية الجديدة لموقع cab.jo كما صمّمناها، في نافذة متصفّح. تابع التمرير وستمرّ الصفحة كاملة داخلها، من أعلاها إلى تذييلها.

الصفحة الرئيسية الجديدة لموقع cab.jo كما صمّمناها، على شاشة هاتف. افتحها لتتصفّح الصفحة كاملة، من أعلاها إلى تذييلها.

الصفحة التعريفية الجديدة لموقع cab.jo كاملة من أعلاها إلى تذييلها: المنتجات وآلية العمل وقصة الصرّاف الآلي ببصمة العين والبطاقات وتطبيق الجوال وآراء العملاء والقصص والفروع ودعوة فتح حساب.
الصفحة التعريفية لموقع cab.jo بعرض الهاتف، الجزء الأول من ثلاثة: الترويسة والعنوان الرئيسي «Banking, reimagined for Jordan» ودعوة فتح حساب والمنتجات.الصفحة التعريفية لموقع cab.jo بعرض الهاتف، الجزء الثاني من ثلاثة: آلية العمل وقصة الصرّاف الآلي ببصمة العين والبطاقات.الصفحة التعريفية لموقع cab.jo بعرض الهاتف، الجزء الثالث من ثلاثة: تطبيق الجوال وآراء العملاء والقصص والفروع والتذييل.
نصّ رسالة الترحيب وحده، ورقة بيضاء بشريط أخضر جانبي، يبدأ بتحية للعميلة ليلى وتتبعه خطوات التحقّق.
نصّ رسالة إشعار العملية وحده، ورقة بيضاء تؤكّد دفع 285.00 دينارًا أردنيًا إلى Carrefour Abdoun مع رقم الحساب والمرجع.
نصّ رسالة مارس التسويقية وحده، ورقة بيضاء عنوانها وصول فئة Elite، مع قصة عميل وزرّ للتقديم عليها.
الورق الرسمي للعملاء وحده، ورقة A4 بيضاء تحمل شعار الزهرة وعنوان البنك ورسالة موقّعة إلى عميل من فئة Premium.
المذكّرة الداخلية وحدها، ورقة بيضاء بترويسة خضراء داكنة تحمل كلمة Memo، وتحتها حقول المُرسَل إليه والمُرسِل والتاريخ والمرجع.
كشف الحساب الشهري وحده، ورقة بيضاء عريضة تحمل اسم صاحب الحساب والأرصدة وجدول حركات مارس المنتهي بالرصيد الختامي.
صورة للورق الرسمي لبنك القاهرة عمّان على مفرش مكتب من الكتّان الداكن، بجانبه قلم حبر وبطاقة عمل فارغة، والرسالة نفسها هي المستند الحقيقي.

09 · نظام تصميم يتوسّع

ملف ثيم واحد، تطبيقان، 174 مكوّنًا.

سلّم رمادي للأسطح والحدود والنص، وأربعة ألوان دلالية تعني الشيء نفسه على كل شاشة، وشعار بمساحته الآمنة: وحدة جديدة تُركَّب في يوم، لا تُصمَّم في شهر.

سلّم الأسطح

--background#F6F7F9slate-1، الصفحة
--card#FFFFFFأبيض، جسم البطاقة
--surface-inset#F6F7F9slate-1، منطقة داخل بطاقة
--surface-section#E8EBF0slate-4، رأس جدول
--surface-overlayrgba(15,17,23,.55)حجاب النافذة

سلّم الحدود

--border-subtle#E0E4EAslate-6، خطوط شعرية
--border#CED4DCslate-7، تفاعلي
--border-strong#AEB5C0slate-8، تمرير وتركيز
--border-selected#B4DBA1أخضر فاتح، الخيار المحدَّد

سلّم النص

--foreground#141620slate-12، تباين 14:1
--muted-foreground#5B606Dslate-11، ‏AA عند 5.8:1
--foreground-tertiary#8B919Cslate-10، ‏AA للنص الكبير
--foreground-disabled#BFC3CCنص معطّل

دلالات الهوية

--primary#028A51أخضر البنك: النجاح والتركيز
--info#5081CAأزرق البنك: اللون المساعد
--warning#FFAC0Cكهرماني، قيد الانتظار
--destructive#DC2626أحمر 600، ألين من الصريح
--chart-5#B4DBA1نعناعي، السلسلة الخامسة

الخط · Poppins

عرض · 56/60Payroll
عنوان · 32/38Approved, 3 of 3
عنوان فرعي · 20/28Main Operating Account
نص · 16/24Monthly supplier payment to Atlas Trading Co.
تعليق · 12/1621 Sep, 15:27

الشعار الأساسي · المساحة الآمنة

x = عرض الرمز، من كل جهة

x

10 · صناعة لغة بصرية

ست بطاقات، زهرة واحدة.

عائلة بطاقات الشركات تحمل الرمز رسمًا خطيًا، من بطاقة الخصم الخضراء إلى World: ست فئات، شبكة واحدة، مروحة واحدة.

البطاقة مسبقة الدفع، بيضاء تتوسّطها صورة كبيرة لدوّار الشمس.
بطاقة الخصم الخضراء من بنك القاهرة عمّان، ورمز الزهرة مرسوم بخطّ رفيع على أرضية خضراء مع علامة Mastercard.
البطاقة الائتمانية الفضية، أرضية رمادية مصقولة يعلوها رسم الزهرة الخطي.
بطاقة World الائتمانية، سوداء فحمية يعلوها رسم الزهرة الخطي.
بطاقة Titanium الائتمانية، بلون أزرق مخضرّ غامق يعلوه رسم الزهرة الخطي.
بطاقة Leaders الائتمانية، سوداء بشارة Leaders أرجوانية ورمز تشغيل.

بُني ليقود.

المشروع التاليإنديغوعلامة في قطاع الطاقة بانضباط المختبر وحرارة مفاجئة.افتح