2020-2-28 资深UI设计者
2019下半年，阿里巴巴旗下B2B业务平台1688官宣了全新的战略升级目标：针对工业领域进行全面升级支撑，坚持“品牌正品、品质服务”，聚焦在内容、服务和用户上，致力于打造需求驱动的C2M新模式。重塑市场格局，加速制造业流通数字化升级。
伴随着业务的整体升级，工业品牌PC首页作为买卖家感知业务价值的门面和流量承接的关键场景，需要同步升级才能更好的满足买家需求，提升买家体验。
三大升级目标
1、 提升内容与买家匹配精准度：从旧版的数据分析来看，搜索和导航栏UV占比超过70%，其他区块尤其二屏及以下点击率很低，说明市场大部分的内容对用户没有吸引力，需要为用户推荐更丰富、更精准的内容才能把用户留下。
2、 提升内容框架合理性：旧版场景框架结构较为混乱，内容组合自由度过高，采购链路不清晰导致用户体验不佳。且随着内容的更新，旧的框架和新的内容也无法匹配，需要升级框架使采购链路清晰化，提升用户体验。
3、 提升工业品牌业务认知：随着业务打法的升级，工业品牌的核心理念也进行了升级，新版的工业品牌市场需要提升用户对平台价值的认知，树立品牌正品的心智。
升级策略
一、 围绕买家分层升级内容，提升内容与买家匹配精准度
定义用户感兴趣的内容，从买家分层做起。我们沿着围绕买家身份进行个性化导购场景推荐的思路，以用研提供的买家核身数据资料为基础，再结合运营提供的经验，提炼出不同身份的用户画像，抽象出他们的采购特性。
然后新增了一个专门的个性化身份场景模块，进行有针对性的商品、商家、工具推荐，实现人、货、场的个性化匹配。
除了新增的个性化身份场景外，首屏新增了三个固定营销位，聚焦在典型买家的普遍诉求上：新人活动、金融活动和服务(物流/发票)专场，打造以贸易商/电商为核心，门店/企业自用为辅助客群的营销+工具一体化流量圈。同时新增了低价场景，以日为单位，折扣幅度更大的“每日特惠”，用低价的硬通货提升用户粘性促进转化，强化用户对工业品牌的认知。
二、 打造营销+工具扁平阵地，从内容框架升级提升体验
1、 采购链路清晰化
定义每一屏用户的核心诉求，提供有效的、符合用户预期的对应内容
2、 简化容器形式：突出内容降低阅读成本
以首屏设计为例，以不同底色分隔区块，省略所有不必要的间距分隔，使首屏的整体性更强，形式更紧凑聚焦。
三、 营造「数字工业」氛围，提升用户对市场感知，塑造品牌正品心智
导购场景里的品牌打造，核心价值在于强化市场形象，让用户感知到平台价值，认知平台特性。工业品的电商网站那么多，除了内容层，表现层我们也需要和其他网站有显著区分，具有自己的“个性”，给用户不一样的体感。
所谓“个性”即是品牌定位。我们从工业品牌的平台定位出发，聚焦业务本质的核心理念和价值优势上，再结合用户视角的感知倾向，最后推导出数字化、工业感两个核心关键词。然后顺着关键词进行具像化发散，再从具象元素中筛选出典型的，抽象的融入到页面中落地，从而打造「数字工业」的品牌形象。
标准色&ICON
工业品牌从1.0版本开始就一直采用的是黑黄配色，黑灰色取自金属，黄色则是机械设备、工业产品(如安全帽)上的常用漆色，这两种颜色是工业场景中最具代表性、通用性的常见色，容易让用户感到熟悉而引起情感共鸣。为了品牌的延续性，3.0仍然保持了黑黄的主配色，并在此基础上新增了四种从工业品行业场景中提取的重色调冷色，增加配色上的丰富度和拓展性。ICON设计上运用粗重的线条，硬朗的方角，塑造沉稳、严谨的体感。
图形&动效
为了营造具有科技感的数字化氛围，在设计中融入了一些从HUD风格中抽取出的元素。如每日特惠模块中的动态表盘和标注数据变化，会呼吸的闪烁button和hover状态下出现的定位框。前者表达了数字化的概念的同时强调了折扣幅度、板块特性，后者则算是操作时出现的小彩蛋。
立体组货场景导购：3D化的场景还原导购，直观的体现线下生产场景的线上“数字化”的概念，不仅易让用户产生代入感，也增加了页面导购专业度与视觉丰富度。
升级后整体数据提升明显
结语
此次PC整体升级，根据买家分层新增了更精准匹配的场景推荐，优化了内容框架，营造了数字工业的氛围来塑造具有平台特性的市场形象。当然在项目的过程中，也因为项目周期内的一些局限性，让产品还有很多优化完善的空间，后续仍需继续挖掘买家诉求，通过不断的探索和创新，提升买家体验。
文章来源：站酷 作者：CBU设计 龙奕柯