商户平台管理系统——首页设计

如今各家的企业都开始做商户平台，希望通过平台来搭建B2B2C的商业模式，我接手的工作内容则是对互联网保险B端商户平台首页的改版，第三次的改版。

与to  C 的产品设计有本质不同，C端用户更注重界面设计和用户体验，所以很多公司在后台系统快速迭代的过程中经常忽略原有的要求，或者说根本没有UI去设计，认为后台系统只要可以正常使用就上线，但这样真的就行了吗？

商户平台管理系统是供应商和商户在平台上进行合作，链接上游供应商到下游商户的公共平台，其中供应商主要是各大保险公司经销商，采购商主要是基于场景化的公司，将产品放入他们流量渠道中的商户，所有的商户分销渠道都是在商户系统中管理的，如果没有一个较好的功能与体验，将减少商户使用和操作。

B2B商户平台管理系统

---

商户平台对于采购商功能会比较多，这里主要讲述围绕采购商（下面称商户）对产品推荐、申请产品、授权管理、引流管理与结算的体系，公司目前主要具有以下几大模块结构：

商户首页：新手引导、企业采购、关注场景、最近使用功能、平台公告、待办事项

账户中心：账号设置、资金账户、我的申请、我的合同、开发者权限

运营管理：申请产品、引流管理、订单中心、开发者高级功能、统计概览、财务结算、活动中心、其他功能

自助卡：自助卡管理、自助卡管理新系统

文档资料

这里说明一下开放API接口：具备一定开发实力的商户可以自行在原有功能上进行扩展，相较于提供统一的功能与交互，开放API接口可以切合他们自己的流量平台，提供更优质的方案。在这过程中主要提供产品关相关字段、商户ID等信息，要注意同步开关及权限，处理信息自动同步和手动设置之间的问题。

商户平台设计

---

商户平台设计中应该遵循以下几点：

简单易懂，功能设计合理明确，能提供说明对商户进行指导；

 尽量减少商户的操作步骤，缩短商户的操作路径；

 设计扁平化，突出重点。

在首页，商户认证注册会有三种状态显示，分别是未实名认证、已实名未申请合作产品、已实名已申请合作产品，在进行功能设计前要了解商户认证注册流程。

商户认证注册流程

商户邮箱登陆后进入首页后是未实名认证，需要进行企业实名认证流程，记录其存储的企业名称、法人证件号、营业执照以及联系方式，提交之后系统会向对公账户打入一笔金额，在收到金额后输入打款金额再次提交后通过审核，此时商户认证注册是已实名未申请合作产品。

然后商户可以在首页中进行产品申请，挑选一或多个保险产品申请合作，审核通过后会自动生成盖有公章的合同，此时商户认证注册是已实名已申请合作产品。

商户认证注册流程图

了解了上述内容之后开始进行此次首页改版，需求发现商户在首页使用率不高，而运营人员也经常跟我抱怨说很多商户打电话询问认证流程具体操作，哪一款产品引流费高。

因此整合出以下改版目的

提升商户使用； 

完成用户的引导工作； 

增加产品宣传。

在功能、交互以及视觉上做了一系列调整

功能上

最近使用功能：是商户状态记忆的目录，记录商户上一次点击查看的目录，在这个系统中头部导航里会有二级目录和三级目录多达30多个，商户在点击查看各个目录之后，首页中最近使用功能排放顺序也会不同，对用户来说并不能养成习惯性操作，所以在之后做成了常用功能，商户可以自定义添加删除目录；对于未注册成功的商户功能也只展示一部分。

推广产品：为了节约开发成本前期是在后台数据中固定四种产品，对商户吸引力度不够，现在按销量和新品排行；‘查看更多’按钮放在右上角，区别于操作按钮‘申请开通’。

视觉上

页面布局：之前采用左右两栏结构类似于微博这种形式，但右侧一栏元素较少，页面上内容本来就少且固定，过于浪费页面空间，因此改变布局将页面充实变得有质感，并增加了banner轮播图。

平台公告：单独放于右侧，排列展示不是很有吸引力，因此之后横幅展示，动态轮播。

关注场景和企业采购：这一块是入口按钮，跳转进入行业场景的宣传，统一整合放在banner右侧。

交互上

新手引导：这一块在后续整理流程时发现实际有三部操作，因此增加最后一个步骤，并添加文档说明引导客户在不了解具体操作的情况下可以查看文档，采用横幅展现减少占位；已认证注册成功的商户此模块不显示。

商户平台首页——改版前 商户平台首页——改版后

通过改版后的首页变成了让页面层级更少，信息更集中，设计更合理。作为一款处在成长时期的商户平台，不同的商业策略需要有不同的交互方案，配合公司的目前现状，直接影响着产品的形态，并进而对产品的发展产生影响。

以上欢迎留言讨论～