Synergy Insurance Affiliates

我参与了 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 里，标签页把加盟机构和代理人分开，每个目标是一张卡片，上面有目标值、每周或每月的状态、进度条和一支用来编辑的铅笔。

排行榜保留了黄色卡片，并把表格裁减到前几列。表单构建器堆叠成一列，桌面端是侧边面板的位置，这里换成一个悬浮的加号按钮。