MOTIF — واجهات إدارة العلاقات وفرص المبيعات
وراء كل فرصة شخص وحوار وخطوة لم تكتمل بعد. يجمع MOTIF هذا السياق في مساحة عربية تربط لوحة المبيعات بملف الفرصة، حتى تظل المتابعة واضحة عند تغير المرحلة أو الموعد.
اكتشف تفاصيل المشروع
1 / 1معلومات المشروع
- العميل
- مشروع من تطوير Nextwave
- قطاع العميل
- الخدمات المهنية
- المنصات
- الويب
- نوع المشروع
- أنظمة أعمال
الخدمات المقدمة
نظرة عامة على المشروع
تبدأ العلاقة باتصال، لكنها تحتاج أكثر من اسم ورقم حتى تستمر. ما الذي طلبه الطرف الآخر؟ من يتابع؟ ومتى نعود إليه؟ صممنا MOTIF حول هذه الأسئلة اليومية، بحيث لا تزاحم قيمة الفرصة قصة الحوار الذي أوصلها إلى مرحلتها الحالية.
المتابعة تضيع حين ينفصل الرقم عن الحوار
قد نعرف قيمة الفرصة ولا نعرف الخطوة التالية، أو نرى اجتماعًا في قائمة ولا نفهم الفرصة المرتبطة به. وعندما تنفصل المراحل عن الأنشطة والملاحظات، يصبح الرجوع إلى سبب القرار أصعب من قراءة الحالة نفسها.
ربطنا العناصر بملف واحد: الجهة، وشخص الاتصال ودوره، ومسؤول المتابعة، والقيمة، وموعد القرار، والمراحل والأنشطة. تسمح اللوحة بقراءة المشهد العام، ثم يوضح الملف ما ينبغي فعله بعد ذلك ولماذا.
لوحة للحركة وملف للسياق
قسمنا التجربة إلى غرفة علاقات تعرض الفرص المفتوحة في أربع مراحل، وسجل يمكن البحث فيه وتصفيته، وملف مستقل لكل فرصة. تبدأ المساحة بعشر فرص؛ ثمانٍ مفتوحة، وواحدة ناجحة وأخرى مغلقة دون اتفاق. تظهر المغلقة في السجل وتخرج من لوحة المفتوح.
تعرض كل بطاقة الجهة والقيمة والمسؤول وأقرب متابعة غير منجزة. يجمع الملف مراحل الفرصة والأنشطة والملاحظات وسجل القرارات، مع بقاء بيانات شخص الاتصال واضحة بجانبها. وتختلف قراءة قيمة المفتوح عن قيمة الناجح، حتى لا تختلط فرصة المتابعة بالمبالغ المحصلة.
احتمالات واضحة وقرارات لها سبب
مراحل الاستكشاف والتأهيل والعرض المقترح والتفاوض لها نسب معلنة: 10% و35% و65% و85%. تُضرب قيمة كل فرصة مفتوحة في نسبة مرحلتها، ويُقرب ناتجها إلى أقرب قرش، ثم تُجمع النتائج. هذه قراءة حسابية ثابتة للوحة، وليست تنبؤًا آليًا بالمبيعات.
الإغلاق بالنجاح أو دون اتفاق يحتاج سببًا، وإعادة فتح فرصة مغلقة تحتاج سببًا أيضًا. لا تتحول نتيجة مغلقة إلى نتيجة مغلقة أخرى مباشرة. تحتفظ الأنشطة بالتاريخ والوقت والنوع والملاحظات وحالة الإنجاز، ويمكن استرجاعها بالبحث والفلاتر وتصدير الصفوف المعروضة.
صور المشروع
تعرّف على تفاصيل الواجهات وتجربة الاستخدام من خلال صور المشروع.
1 / 3حالة استخدام: تحويل طلب أولي إلى خطوة متابعة محددة
تضيف مسؤولة العلاقات فرصة باسم واضح وجهة وشخص اتصال ودوره، ثم تحدد المسؤول والقيمة وموعد القرار ومرحلة البداية. يمكن بدء الإضافة من عمود محدد في اللوحة، فيبقى اختيار المرحلة مرتبطًا بالمكان الذي بدأت منه. بعد الحفظ يفتح الملف الجديد لتسجيل ما تم الاتفاق على مراجعته.
تضيف المسؤولة اجتماعًا أو مكالمة متابعة أو مهمة بتاريخ ووقت وتفاصيل. يظهر النشاط ضمن الملف، ويصبح أقرب نشاط غير منجز جزءًا من قراءة اللوحة. هذه سجلات ينظمها المستخدم؛ تسجيل اجتماع لا يرسل دعوة، وتسجيل مكالمة لا يجري اتصالًا خارجيًا.

حالة استخدام: نقل المرحلة مع فهم أثرها على المؤشرات
تراجع المسؤولة فرصة في التأهيل بقيمة 420,000 جنيه. تعرض الواجهة قيمة مرجحة 147,000 جنيه وفق نسبة 35%. إذا انتقلت الفرصة إلى عرض مقترح، تتغير القراءة إلى 273,000 جنيه وفق 65%، مع بقاء القيمة المسجلة نفسها. يمكن الرجوع إلى شرح الحساب داخل الملف بدل تخمين معنى الرقم.
عند تسجيل قرار ناجح، يُطلب السبب وتخرج الفرصة من مجموع المفتوح والمرجح، وتدخل قيمتها في مؤشر الناجح المستقل. إذا عادت المحادثة إلى المتابعة، تختار المسؤولة مرحلة مفتوحة وتكتب سبب العودة. يبقى القرار السابق ضمن السجل، ولا تتحول النتيجة إلى حالة إغلاق مختلفة دون المرور بإعادة الفتح.

حالة استخدام: مراجعة المتابعات دون فقد ملاحظة قيد الكتابة
تحدد المسؤولة تاريخ القراءة لتراجع الأنشطة التي تجاوزت أيامها داخل الفرص المفتوحة. يمكنها فتح الملف وتصفية غير المنجز أو المنجز أو الكل، ثم تأكيد إنجاز نشاط أو إعادته للمتابعة. لا تدخل أنشطة الفرص المغلقة في مؤشر المتأخر المفتوح.
أثناء الكتابة قد تحتاج تغيير تصفية الأنشطة أو تاريخ القراءة أو مرحلة الفرصة. يبقى نص الملاحظة غير المحفوظ داخل الصفحة خلال هذه التغييرات. عند الحفظ يظهر ضمن ملاحظات الملف ويُمسح حقل الكتابة؛ وإذا تعذر التخزين يظل النص جاهزًا للمحاولة من جديد. استمرار النص قبل الحفظ يخص الصفحة المفتوحة، لذلك يجب حفظه قبل مغادرتها أو إعادة تحميلها.

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

نطاق التجربة المنفذة
يشمل المشروع ثلاث واجهات HTML وCSS وJavaScript مع الحفظ داخل المتصفح، وقواعد المراحل والقيم المرجحة والإغلاق وإعادة الفتح والأنشطة والملاحظات والتصدير. الأسماء والجهات والقيم سجلات للواجهة وليست مبيعات أو عملاء مثبتين للشركة. بقية القائمة تصور لوحدات العلاقات، بينما يقتصر التفاعل المنفذ على اللوحة والسجل وملف الفرصة. التشغيل المشترك والصلاحيات والبريد والرسائل ومزامنة التقويم والفواتير والتحصيل تحتاج تنفيذًا وتكاملات مستقلة.
التقنيات المستخدمة
- HTML5
- CSS3
- JavaScript
- localStorage
هل تحتاج ترتيبًا أوضح لفرصك وخطوة المتابعة التالية؟
نبدأ من مراحل البيع وطريقة المتابعة في فريقك، ثم نبني تصورًا للبيانات والأنشطة والصلاحيات والتكاملات التي يحتاجها العمل.


