YANتصميم تطبيق ويب ولوحة معلومات
Synergy Insurance Affiliates. الأهداف والمكاتب والوكلاء في عرض عمل واحد
منصة للويب والهاتف المحمول للمكاتب المنتسبة في مجال التأمين، مع صفحات نموذج أولي لأدوار Super Admin وAdmin وAgent. وتتابع الأهداف والمبيعات والوكلاء والحملات حسب المكتب، وتتضمن أداة لبناء الاستمارات.
باختصار
- المشكلة
- تحتاج شبكة من مكاتب التأمين إلى صورة مشتركة عن الأداء، بينما لكل دور مسؤوليات مختلفة.
- دوري
- عملت على واجهات سطح المكتب والجوال وعلى مسارات المستخدم لكل من Super Admin وOffice Admin والوكيل، بما في ذلك لوحات المعلومات والأهداف وأداة بناء النماذج.
- القرار الأساسي
- فصل قراءة الأداء عن تغيير العمليات. تجمع الملاحة بين التحليلات والإدارة، بينما يغيّر محدد المكتب نطاق لوحة المعلومات والترتيب معًا.
- دوري
- مسارات مستخدم حسب الدور وواجهات لسطح المكتب والجوال
- حالة المشروع
- تصميم الواجهة · أرشيف Figma
شاشات من ملفات تصميم Figma الأصلية، ببيانات تجريبية.
مساهمتي
عملت على مسارات المستخدم وواجهات سطح المكتب والجوال لمنصة Synergy Insurance Affiliates، المؤرشفة باسم Media Base / Base Media. يشمل التصميم أدوار Super Admin وOffice Admin وAgent، مع صفحات نموذج أولي مستقلة لكل دور في الصيغتين.
المواد المعروضة هنا مجموعة تصميم ونماذج أولية في Figma. تشترك شاشات سطح المكتب في قائمة Super Admin. الأسماء والصور والأرقام أمثلة لعرض الواجهة، ولا ينسب هذا العرض إلى المشروع استخدامًا فعليًا في الإنتاج أو نتائج تجارية.
من الأدوار إلى تسلسل المعلومات
تغطي مسارات المستخدم ثلاثة أدوار: Super Admin وOffice Admin وAgent. وانطلاقا من لوحة المعلومات، يتفرع مسار Super Admin إلى الأهداف وأداء المنتسبين والتحليلات المالية ولوحة المتصدرين والمكاتب المنتسبة والاستمارات.
تُظهر المخططات الهيكلية الرمادية تسلسل المعلومات دون الاعتماد على الهوية البصرية: فللمؤشرات الموجزة والمقارنات والسجلات التفصيلية مناطق مستقلة. وفي الواجهة النهائية تفصل Analytics وManagement وAccount بين المتابعة والإجراءات التي تغيّر سير العمل، ليكون لفحص الأداء وللمهمة الإدارية وجهتان مختلفتان.
البدء من النظرة الشاملة ثم اختيار مكتب
القرار الأول هو نطاق السؤال: كيف تعمل الشبكة، وأي مكتب يحتاج إلى نظرة أقرب؟ تبدأ لوحة المعلومات بالتجديد والإلغاء والاحتفاظ والوثائق المبيعة، مع Goal Score والإيراد الأسبوعي ضمن النظرة العامة. ويُبقي التصميم سياق الشبكة ظاهرًا قبل الانتقال إلى مكتب بعينه.
تكرر Affiliate Performance هذه القراءة لمكتب واحد يختاره المستخدم من محدد في الأعلى. وتضيف مربعات ملونة للعملاء المحتملين والمبيعات ونسبة الإغلاق وصفا من أرقام الإنفاق، ويتبع العمود الأيمن الاختيار: فتتحول لوحة المتصدرين إلى Agent Leaderboard - Office.
ترتيب مع الأسباب إلى جانبه
تمنح Agent Leaderboard أفضل الوكلاء بطاقات كبيرة تعرض العملاء المحتملين والمبيعات ومعدل التحويل ونشاط المبيعات خلال أسبوع. ويميز اللون الأصفر المركز الأول، ويستمر صف البطاقات خلف العمود الأيمن. ويسرد الجدول أدناه كل وكيل، مع bill rate وCPA والإنفاق والمبيعات والعملاء المحتملين ومعدل التحويل في صف واحد.
وتبقى نسخة مختصرة من هذه القائمة في العمود الأيمن، تحت Notifications، في معظم شاشات سطح المكتب، فيظل الترتيب وآخر المبيعات والعملاء المحتملين في مرمى النظر أثناء المهام الأخرى.
الحملات حسب حصتها من المبيعات
تجمع Campaign Overview بين جدول ومخطط حلقي يعرض حصة كل حملة من المبيعات. وتحمل معدلات التحويل نقطة ملونة، من الأحمر عند الأدنى إلى الأخضر عند الأعلى، مما يساعد الحملات الضعيفة على الظهور في قائمة طويلة. وتحصر أداة التصفية العرض حسب المكتب، ويفعل مفتاح التبديل التحرير.
بناء الاستمارات داخل المنتج
يخصص المخطط الهيكلي لمنشئ النماذج مساحتين منفصلتين للمستند وأدوات تحريره. ويحافظ التصميم النهائي على هذا التقسيم: الأسئلة في العمود الرئيسي وإضافة المحتوى في اللوحة اليمنى. وتفصل Form Builder وSettings وPreview بين تحرير السؤال وإعداد النموذج وفحص النتيجة.
تعمل الاستمارات كمحرر صغير بثلاث علامات تبويب: Form Builder وSettings وPreview. ويحمل كل سؤال نوع إجابته ومفتاح الإجابة الإلزامية، ويمكن نسخ أي كتلة أو حذفها. ويفسح عمود الإشعارات المجال للوحة لإضافة الأسئلة والعناوين والصور ومقاطع الفيديو والأقسام أو استيراد الأسئلة، مع Copy Link وSave Form في الأعلى.
سير العمل نفسه على الهاتف
يعطي تصميم الجوال الأولوية للأسئلة التشغيلية نفسها مع تفاصيل متزامنة أقل. يظل تقدم الأهداف ظاهرًا، وتعرض الجداول أعمدة أقل، وتنتقل إضافة عنصر إلى النموذج من لوحة جانبية دائمة إلى زر عائم. تبقى المهمة متاحة بينما يتكيف التخطيط مع الشاشة الأصغر.
على الهاتف يصل شريط عائم من خمس أيقونات إلى الأقسام الرئيسية، وتنتظم النسب في شبكة اثنين في اثنين فوق Goal Score. وتحت Goals Settings تفصل علامات التبويب بين المنتسبين والوكلاء، وكل هدف بطاقة تعرض قيمته المستهدفة وحالته الأسبوعية أو الشهرية وشريط تقدم وقلم تحرير.
تحتفظ لوحة المتصدرين ببطاقتها الصفراء وتقلص الجدول إلى أول أعمدته. ويتراص منشئ الاستمارات في عمود واحد، مع زر إضافة عائم مكان اللوحة الجانبية في سطح المكتب.
