Synergy Insurance Affiliates. 目标、办公室和代理人，集中在一个工作视图里

面向保险加盟机构的网页端和移动端平台，为 Super Admin、Admin 和 Agent 角色分别提供了原型页面。它按办公室跟踪目标、销售、代理人和营销活动，并带有一个表单构建器。

简而言之

问题: 一个保险办事处网络需要共同掌握业绩情况，而每个角色的职责各不相同。
我的部分: 我负责桌面端和移动端界面，以及超级管理员、办事处管理员和代理人的用户流程，包括仪表盘、目标和表单构建器。
关键决定: 把查看业绩与修改运营分开。导航将分析与管理分组，而办事处选择器会同时切换仪表盘和排名的范围。

我的职责: 按角色设计用户流程及桌面端、移动端界面
项目状态: 界面设计 · 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。

Synergy 仪表盘：左侧菜单、四张比率指标卡、Goal Score 仪表图、收入折线图，以及右侧栏的通知和代理人排行榜。 — Operation Overview 把主要比率、目标和本周收入放在同一个页面里。

Affiliate Performance 页面：办公室选择器、比率指标卡、线索、销售和成交率的彩色指标卡、一排花费数据和收入图表。 — 针对单个办公室的同样读数，另外加上线索、销售和花费。

排名，旁边附上依据

Agent Leaderboard 给排名靠前的代理人配了大卡片，显示线索、销售、转化率和一周的销售活动。黄色标出第一名，这一排卡片还会延伸到右侧栏的后面。下方的表格列出每一位代理人，在同一行里给出 bill rate、CPA、花费、销售、线索和转化率。

在大多数桌面端页面上，这份榜单的精简版会留在右侧栏的 Notifications 下方，这样处理其他任务时，排名以及最新的销售和线索也始终在视野里。

Agent Leaderboard 页面：排名靠前的代理人各有一张卡片和销售活动图表，卡片下方是代理人表格，列出 bill rate、CPA、花费、销售、线索和转化率。 — 排名靠前的代理人的卡片，位于一张对比所有人的表格之上。

按销售占比看营销活动

Campaign Overview 把一张表格和一个环形图放在一起，环形图显示每个营销活动在销售中的占比。转化率旁边带一个彩色圆点，从最低的红色到最高的绿色，让表现较弱的活动在长列表里更醒目。筛选器可以按办公室缩小范围，一个开关则用来打开编辑。

Campaign Overview 页面：营销活动表格、带颜色的转化率、按办公室的筛选器、Editing 开关，以及显示各活动销售占比的环形图。 — 一张表格和一个环形图，按销售占比对比各个营销活动。

在产品内部搭建的表单

表单构建器的线框图为文档及其编辑工具分配了独立空间。完成的设计保留了这一区分：问题位于主栏，右侧面板负责添加内容。Form Builder、Settings 和 Preview 分别对应编辑问题、配置表单和检查结果。

表单像一个小型编辑器，分为 Form Builder、Settings 和 Preview 三个标签页。每个问题都有自己的回答类型和必填开关，每个区块都可以复制或删除。通知栏让位给一个面板，用来添加问题、标题、图片、视频和分区，或导入问题；顶部是 Copy Link 和 Save Form。

Form Builder 页面：一个分区块、一个带回答类型和必填开关的问题块，以及用来添加问题、媒体和分区的操作面板。 — 表单构建器把添加操作放在侧边面板里。

同一套业务，放到手机上

移动端优先保留相同的业务问题，同时减少并列展示的细节。目标进度依然可见，表格减少列数，添加表单元素的操作则从固定侧栏移到悬浮按钮。布局适应较小屏幕时，任务本身仍然可用。

在手机上，一条悬浮的五图标栏可以通向各个主要区域，各项比率则重新排成两行两列的网格，放在 Goal Score 上方。在 Goals Settings 里，标签页把加盟机构和代理人分开，每个目标是一张卡片，上面有目标值、每周或每月的状态、进度条和一支用来编辑的铅笔。

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

手机端仪表盘：四张比率指标卡排成两行两列的网格，另有 Goal Score 仪表图，以及一条五图标的悬浮栏。 — 手机端仪表盘把比率和目标放在第一屏里。

手机上的 Goals Settings：有 Affiliates 和 Agents 两个标签页，每周和每月目标的卡片各带一条进度条和一个编辑图标，另有一个 New 按钮。 — 目标是可编辑的卡片，按周或按月跟进。

手机页面：排名第一的代理人有一张黄色卡片，显示线索、销售、转化率和销售活动图表，卡片下方是排名表格和一条悬浮图标栏。 — 在手机上，排行榜保留榜首的卡片，并裁减表格。