无数据时加上创意性的slogan以此达到激励效果；有数据时采用经典的卡片式设计，页面简洁明了。

头部可根据老师的不同状态进行筛选，实时查看到录入的客户已经进入到了面试的什么阶段。

录入教师页面

采用经典的移动端Form表单设计，同时上传文件的功能直接利用从微信的会话列表拉取。为了防止新手不知道如何上传文件，我做了一个教程页“如何导入微信文件”进行上传文件的引导来告知其如何一步步进行文件的上传。

数据看板

顶部banner设计丰富页面视觉效果，底部的数据指标对应录入老师的不同状态。因为每个录入的老师进入不同的面试状态，都会给到代理人不同的提成金额。所以代理人会经常关注该数据指标看板的数据情况。

其次“矩形块拼接式”的看板设计使页面更加美观、主次分明。每一个矩形块都可以点击进入，查看该阶段的所有老师，就相当于在首页操作切换状态标签的操作。

我的页面

“我的账户”和“我的合同”策划方案范文，由于功能比较重要，就单独做成了两个按钮式的设计，一方面是使原本枯燥的“我的”页面更加美观，另一方面也突出了功能的主次关系。

合同签署页面

前端会在生产环境下的合同后面加上公司水印，原型上未注明，同时合同会在前后端都渲染一份。前端渲染的合同用于给代理人查看并签约，后端渲染的合同需要在管理后台查看、审核并存档。

合同的内容做了模糊处理，合同由于需要手写签字，所以代理人查看完合同并确认无误后点击签约；之后会弹出手签板，代理人只能手写上自己的姓名；然后前端再渲染到合同的乙方签名处，签好后合同就算生成了。

个人资料

数据全部由后台生成，前端无法进行编辑修改。

身份认证详情页

为了验证代理人身份信息，需要代理人登录小程序后上传身份证正反面照片，同时后端需要接入银联的身份认证的接口进行自动化审核。

该身份认证的第三方API接口是按次收费的，该接口可识别出身份证正反面是否错误、照片是否模糊等，点击“确认并提交”后。前端调该接口进行审核并实时返回审核结果；未通过后端会返回错误原因策划方案范文，如“身份证正反面错误”、“照片模糊”等；通过后直接显示已通过审核就ok。

管理后台

合作方渠道列表

用于展示所有已录入的代理人及其他合作渠道的全部信息。蓝色的文字表示可点击进入详情页：如“渠道名称”可点击进入渠道个人信息页；点击“招聘记录”弹出弹窗，显示当前渠道的所有招聘记录。

创建合作方渠道

创建渠道，用于创建不同类别的渠道信息。

合同审核列表

用于展示所有已创建的合同，同时合同除了固定的内容外，有少部分内容是动态生成的“如代理人身份的不同、合同有效期限等信息”。所以师资部门的专员创建合同后需要交由主管审核，合同信息没有问题才可发送到小程序给到代理人签约。

来源【写作训练营】自媒体，更多内容/合作请关注「辉声辉语」公众号，送10G营销资料！