WEB / index-demo / dribbble

1. 产品背景，简介

四方共协是泰普森控股集团下的B2B协作平台，致力于打造一流的供应链协作服务，为企业提供属于自己的供应链云平台。目前上线的功能有采购寻源、生产任务单、成品交易、材料交易、供应商库、企业子账号管理、金融服务等。线上已认证供应商40+，签订合同3000+，以江浙沪一带民营企业为主，不断拓展中。

2. 功能梳理/结构分析——XMind

3. 用户定位 + 使用场景

用户定位：年龄在25-50岁之间，供应链企业高层及员工，主要集中在江南区域，因供应商企业员工男女比例的关系，男性用户会多于女性用户。

4. 旧版本问题分析

缺少卖点，没有突出平台特性，用户需要摸索使用；

新手引导不够完善，用户学习成本较高；

功能模块较杂乱，需要整合优化；

新文件、新通知、新消息等未能很好的整合，不利于处理信息；

表单数据显示较为传统，缺乏设计感，数据分析较为空洞；

采购类目、供应商库等信息需要完善；

5.设计策略

首页重新设计：突出平台特性，对功能模块进行简要介绍，彰显平台实力，营造专业、高效、便捷的印象；

字体排列，主次分明：层次分明，让数据更加易读，提高工作效率，改变传统制造业信息化落后，低效的刻板印象。

工作台数据可视化：通过走势图、图表等展现方式让交易量、产品反馈等信息更直观的展示出来，企业从上到下都能及时了解到最新的信息，减少拖延进度，漏单等事故；

员工子账号管理：不同身份，不同权限，让数据更加安全，增加平台可信度、专业度。

情感化设计：让用户感知平台的温度，减少工作的枯燥感

6. 页宽确定

所有PC-尺寸 + iPad-尺寸

用户画像：

User 1 车间员工 PC-1024*768

场景及使用功能：车间-生产任务单；

User 2 业务员 PC-1920*1080 iPad-2014*768

场景及使用功能：办公室-线上验厂；外出到其他供应商-线下验厂；

User 3 送货人员 PC-1024*768 PC-1920*1080 iPad-2014*768

场景及使用功能：办公室-送货通知；车间-送货通知

结论：【首页】，【工作台】可使用宽页面，三级页面页宽1020px

7. 主页面设计+动态DEMO

【首页】

框架层：

使用科更具冲击力的banner，营造科技感、专业感，加强品牌印象；

搜索功能空洞，弱化显示；

简要介绍平台的主要功能，增加文案卖点，让用户迅速理解；

页尾引导新用户完成注册；

底部友情链接需要优化

表现层：

整体风格简洁高端，层次分明，具有科技感；

运用插图说明功能；

颜色更加丰富。

8. 首页功能引导的情感化设计