B端产品从工具向服务化平台升级（视觉篇）
B 端产品从工具向服务化平台升级（视觉篇）
原创 环铁艺术家 58UXD;)
58UXD
微信号 uxd58ganji
功能介绍 58 集团用户体验设计中心
9 月 28 日
收录于话题
设计沉思录
31 个
车商通 B 端产品从工具向服务化平台升级，我们将会从 “服务蜕变”、“品牌升级”、“结果度量”、“理论追溯” 四个角度进行全方位的连载复盘，上一期分享了交互篇【服务蜕变】，本次分享主要从【品牌升级】视觉方向进行阐述，欢迎大家持续关注和探讨。
升级背景
为满足业务新诉求：平台阶段性战略不同，车商通实现从推车服务到汽车交易平台升级的业务目标，它将整合 3 个 app（查博士、优信拍、58 金融）、4 个业务能力，承载更多的业务形态、从营销推广拓展到线上实时车源拍卖、线下检测延保、面向更多元化的商户，旧的内容框架难以承载业务的新发展， APP 风格不同时期版本的更迭存在着差异性，V5.0 趋待从框架层、表现层以及品牌方面进行统一升级；
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 月份进行专题讲解，欢迎大家持续的关注和探讨。
最后感谢项目所有参与者的辛苦付出：
黄珊、崔登学、吴立杰、李洋、吕志鸿、胡希、周蕾、王泉桥、马亚荟、王璇、王映照
若有收获，就点个赞吧
0 人点赞
