原文链接 环铁艺术家 58UXD

车商通B端产品从工具向服务化平台升级，我们将会从“服务蜕变”、“品牌升级”、“结果度量”、“理论追溯”四个角度进行全方位的连载复盘，上一期分享了交互篇【服务蜕变】，本次分享主要从【品牌升级】视觉方向进行阐述，欢迎大家持续关注和探讨。

升级背景
为满足业务新诉求：平台阶段性战略不同，车商通实现从推车服务到汽车交易平台升级的业务目标，它将整合3个app（查博士、优信拍、58金融）、4个业务能力，承载更多的业务形态、从营销推广拓展到线上实时车源拍卖、线下检测延保、面向更多元化的商户，旧的内容框架难以承载业务的新发展， APP风格不同时期版本的更迭存在着差异性，V5.0趋待从框架层、表现层以及品牌方面进行统一升级；

个人思考：（如上图）在需要“更多”按钮才能展示全所有功能的时候，可以考虑顶部增加细分tab，加强用户感知和引导，常用功能区根据用户行为算法组成，提升“隐藏”功能的展示率和使用率，从而带动流量分发，提升首页流量的转化率

01
**

全新定位

车商通APP在历经多个版本的迭代之后，面对车商服务的进阶诉求，不再以单一的工具产品满足车商基础需求，上升为获得更全面、更垂类和更好的体验。转到产品侧，定位也随之发生改变，从工具到内容，从收车、发车、管理、推广到汽车交易全流程服务平台化，不仅限于功能的使用，而包含了品牌的定位、产品品质、服务保障所获得的品牌认可度。

通过对目标人群分析，结合车商通B端产品自身业务的特性，将聚焦在用户价值、提升全流程服务能力打造B端产品专业、保障、品质、高效的产品体系，描绘「让生意更简单」的汽车交易服务映射在用户心中的形象。

02
**

设计策略

· 聚焦用户价值，提升B端全流程业务能力
内容框架层面：首页承接了商家感知平台价值的重要门面 ，也是业务分发流量的核心场景，如何平衡旧业务和新服务的拓展，提升首页流量转化最有效能力？
通过调研我们下沉到二手车交易市场（北京花乡、新发地）及根据历史版本的数据分析，以用户价值为导向，聚焦在车商高频使用工具的易用性、拍卖场景的高效触发、以及个性化推荐区的内容场景曝光，来助力首页流量的转化。同时调整底部bar功能分区，增强新业务的拓展性。

· 重构产品视觉形态，强化内容达成业务目标
精简内容布局，提高页面内容的留白率，减少页面形式的复杂性为用户阅读减负。

视觉表现层面：以简驭繁，由原来的固定10个金刚位，将40+个入口按功能场景划分，以tab形式快速切换，常用功能区根据用户行为算法组成，更精准触达用户提升屏效，从而带动流量分发助力达成B端产品「高效」的业务目标。

强化内容：拍卖版块内容场景（拍卖中）动态化、拍卖场次热度、消息-访客动图展示，实时传递增强互动性、氛围感，场景的高效触发，有助于提升用户决策效率。

差异化形态：个人中心会员等级场景差异化的设计，打造虚拟性成就感，进而强化会员身份的感知，加强对会员价值的归属感。

个性化推荐：Feed流以同行圈、资讯、营销课程多维度做好用户活跃度的承接。

· 品牌升级，增强品牌认知
B类产品的品牌设计核心价值在于助力商家认知平台的特性和价值，区别于C类产品它更具有理性、克制、重效率的特点。将品牌渗透到APP中各个设计触点配合给用户传达产品的价值、有利于保障用户一致的感受和体验，增强品牌的认知。
03
**

怎么做

· 强调品牌色，增加品牌渗透
品牌色是用户感知品牌最直接的方式，随着业务的发展，我们基于新的业务形态，舍弃了4.0版本的会员黑金色，重新定义了车商通的品牌色，延续58品牌橙红色作为营销、利益属性的表达，以深色低饱和的商务蓝灰色作为服务、理性属性的表达。

在实际设计场景中，单一两种品牌色难以满足业务多功能、多层级的表达，所以，在基于品牌色增加不同层次的蓝色、橙黄色作为丰富品牌的辅助色。

为增加品牌渗透，V5.0开屏视频融入新的品牌色，传递品牌价值。

· 图形轻量化
车商通聚焦做B类汽车交易服务的业务，业务细分收车、发车、车况查询、营销推广、拍卖、检测、金融等，这些都有B类产品：冷静、抽象、追求效率的特性。因此，在APP设计中一级/二级图标的表达上，基于扁平、清晰、轻量化几何元素进行叠加处理，增强饱和度的提炼渐变色组，使抽象图形表意更加直观、弱对比的设计更加细腻、更加灵动，打破B类场景千篇一律的沉闷感。

风格探索之后，对业务图标一致性、兼顾表意做细节打磨，全量全新升级上线。

· 增加细节体验
塑造用户感知品牌上，空场景是建立平台与用户互动不容忽视的机会，在空状态情感化插图的设计，通过图形塑形出有共鸣、易懂、功能引导的场景获得品牌好感度。

在保证信息体量的同时，通过卡片、圆角容器、增强留白率、字体T度的变化、区分不同纬度内容，提高可操作感，使层级更加明确降低阅读压力，从而提高使用效率和愉悦感。

融入好的动效设计表达能增强信息传递强度、清晰信息层级关系，营造新颖、有趣、互动感，提升用户体验的舒适度。

· 元件组件化
设计过程中，我们根据使用场景统一页面元素，将元素按产品展示、内容展示、文案信息展示、操作、输入类以及运营类分别按一定设计准则制定通用组件，满足高效、便捷、简单的服务体验，同时为团队提效，提升体验一致性及使用流畅度。
04
**

结论

此次车商通APPV5.0改版升级是一个阶段性的改版，也是一个新的开始，后续我们将进一步对品牌的完善和产品体验进行优化，结合数据深挖持续打磨，尽可能为B端汽车交易提供更好的全流程服务体验。

另外，这里也为大家预告一下，B端产品从工具向服务化平台的升级（结果度量）会在11月份进行专题讲解，欢迎大家持续的关注和探讨。

最后感谢项目所有参与者的辛苦付出：黄珊、崔登学、吴立杰、李洋、吕志鸿、胡希、周蕾、王泉桥、马亚荟、王璇、王映照