دراسة حالة · تصميم واجهات وتجربة المستخدم

تطبيق نورث ستار المالي — إعادة تصميم مسار التسجيل

إعادة تصميم كاملة لعملية التسجيل وإعداد الحساب، جعلت منتجًا ماليًا معقدًا يبدو بسيطًا من أول لمسة.

العميلنورث ستار فاينانس
الدورتصميم المنتج وتجربة المستخدم
المدة8 أسابيع
السنة2025
نظرة عامة على المشروع

لمحة سريعة

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

المجال
التكنولوجيا المالية والاستثمار
الخدمات
أبحاث تجربة المستخدم + تصميم المنتج
المنصة
تطبيق iOS و Android
الفريق
باحث واحد، ومصممان
المشكلة

الوضع قبل المشروع

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

أظهرت تسجيلات الجلسات أن المستخدمين كانوا يعيدون قراءة نفس الشاشات عدة مرات، غير متأكدين مما هو مطلوب بعد ذلك أو سبب حاجة التطبيق لأذونات معينة.

"كان لدينا منتج رائع مدفون خلف واجهة دخول مربكة."

الحل

ما قمنا ببنائه بدلاً من ذلك

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

  • مسار تسجيل مختصر لا يطلب المعلومات إلا عند الحاجة الفعلية إليها.
  • شروحات واضحة وبلغة بسيطة لخطوات التحقق من الهوية وأذونات الحساب.
  • مؤشرات تقدّم توضح للمستخدم دائمًا عدد الخطوات المتبقية.
  • حالة فارغة مُعاد تصميمها ترشد المستخدمين الجدد نحو أول استثمار لهم.
خطوات العمل

كيف تم تنفيذ المشروع

01

البحث

مقابلات مع المستخدمين، وتحليل لمسار التحويل، وفحص شامل لعملية التسجيل الحالية.

02

المخططات الأولية

تصاميم أولية مبسّطة لرسم مسار أقصر من التحميل إلى تمويل الحساب.

03

التصميم البصري

تطبيق نظام هوية نورث ستار على كل شاشات التسجيل والإعداد.

04

التطوير

العمل مع فريق الهندسة الداخلي لإطلاق المسار الجديد بشكل أصلي (Native).

05

الاختبار والإطلاق

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

أبرز المزايا

ما يقدّمه الموقع الجديد

01

تسجيل موجّه

مسار تدريجي يتكيف بناءً على إجابات المستخدم.

02

مساعد التحقق من الهوية

إرشادات بلغة بسيطة توضح بالضبط ما هو مطلوب ولماذا.

03

تتبع التقدّم

مؤشرات بصرية توضح للمستخدم مدى اقترابه من إتمام الإعداد.

04

قيم افتراضية ذكية

اقتراحات معبأة مسبقًا وقابلة للتعديل تسرّع إعداد الحساب.

05

أداء مُحسّن

أوقات تحميل أسرع بين شاشات التسجيل على أي اتصال.

06

إتاحة مدمجة

دعم قارئ الشاشة وتباين ألوان متوافق مع معايير WCAG.

الأدوات المستخدمة

الأدوات المستخدمة في البناء

Figma Framer Swift Kotlin Mixpanel Google Analytics
النتائج

الأثر بالأرقام

%40

تقليل معدل الانسحاب

2.1x

الحسابات المموَّلة في الأسبوع الأول

%35-

الوقت للوصول لأول استثمار

%96

رضا العميل

رأي العميل

ما قاله العميل

★★★★★

"تحسّنت أرقام الانسحاب لدينا بين عشية وضحاها تقريبًا. أخيرًا أصبح هذا التصميم يضاهي جودة ما بنيناه من الداخل."

أخ
أمارة خالد
قائدة المنتج، نورث ستار فاينانس
لنتحدث

هل لديك مشروع مشابه في ذهنك؟

أساعد العلامات التجارية على تصميم وبناء تجارب رقمية متميزة تحقق نتائج ملموسة. لنتحدث عن ما يمكننا بناءه معًا.

Project2 AR

Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...