Rafeek – Smart Journey Companion | UX/UI Design & Mobile App Case Study

Rafeek – Smart Journey Companion هو مشروع UX/UI لتصميم تطبيق ذكي يهدف إلى جعل الرحلات والتنقل أكثر أمانًا وطمأنينة، من خلال ربط المستخدم بالأشخاص الموثوقين به وتوفير أدوات للمشاركة والمتابعة والتنبيه أثناء الرحلة.

تم تنفيذ المشروع كـ UX/UI Design Case Study بدايةً من فهم المشكلة واحتياجات المستخدمين، وصولًا إلى بناء الهيكل المعلوماتي وتصميم واجهات التطبيق.

نوع العمل:

UX/UI Design – Mobile Application – UX Research – Design System – Prototyping

أبرز ما تم تنفيذه:

UX Research وتحليل احتياجات ومشكلات المستخدمين.

تصميم Persona بناءً على نتائج البحث.

إنشاء Empathy Map لفهم مشاعر وسلوك المستخدم.

بناء User Journey Map لتحديد نقاط الألم والفرص.

إعداد Affinity Diagram لتنظيم وتحليل الـResearch Insights.

تصميم Information Architecture (IA) لتنظيم محتوى التطبيق.

إنشاء User Flow للرحلات الأساسية داخل التطبيق.

تصميم Wireframes للـAuthentication والـMain User Flow.

تطوير UI Design متكامل للتطبيق.

إنشاء Design System يشمل الألوان، Typography، Spacing، Components وUI Patterns.

تصميم Components قابلة لإعادة الاستخدام مع Variants وStates.

بناء Interactive Prototype لعرض تجربة الاستخدام والتنقل بين الشاشات.

الهوية البصرية

تم بناء الهوية حول مفهوم Safety + Connection + Peace of Mind، باستخدام درجات الـPurple/Lavender كلون أساسي مع ألوان محايدة ومساحات بيضاء للحفاظ على واجهة هادئة ومريحة للعين.

كما تم الاهتمام بالـVisual Consistency بين جميع الشاشات، بدايةً من الأزرار والـCards والـNavigation وحتى الـTypography والـSpacing.

طريقة التنفيذ

تم تنفيذ المشروع باستخدام Figma، مع الاعتماد على منهجية UX تبدأ من Research → Information Architecture → User Flow → Wireframing → Design System → UI Design → Prototyping، بحيث تكون كل مرحلة مرتبطة بالمرحلة التالية وليست مجرد تصميم واجهات منفصل.

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

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

Figma · FigJam · UX Research · Wireframing · Prototyping · Design Systems · UI/UX Design