B端产品从工具向服务化平台升级(视觉篇)

B端汽车交易服务平台V5.0全新升级,聚焦在用户价值、提升全流程服务能力打造B端产品专业、保障、品质、高效的产品体系。

B端产品从工具向服务化平台升级(视觉篇)

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

B端产品从工具向服务化平台升级(视觉篇)

升级背景

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

B端产品从工具向服务化平台升级(视觉篇)

01、全新定位

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

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

B端产品从工具向服务化平台升级(视觉篇)

02、设计策略

· 聚焦用户价值,提升B端全流程业务能力

内容框架层面:首页承接了商家感知平台价值的重要门面 ,也是业务分发流量的核心场景,如何平衡旧业务和新服务的拓展,提升首页流量转化最有效能力?

通过调研我们下沉到二手车交易市场(北京花乡、新发地)及根据历史版本的数据分析,以用户价值为导向,聚焦在车商高频使用工具的易用性、拍卖场景的高效触发、以及个性化推荐区的内容场景曝光,来助力首页流量的转化。同时调整底部bar功能分区,增强新业务的拓展性。

B端产品从工具向服务化平台升级(视觉篇)

· 重构产品视觉形态,强化内容达成业务目标

精简内容布局,提高页面内容的留白率,减少页面形式的复杂性为用户阅读减负。

B端产品从工具向服务化平台升级(视觉篇)

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

B端产品从工具向服务化平台升级(视觉篇)

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

B端产品从工具向服务化平台升级(视觉篇)

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

B端产品从工具向服务化平台升级(视觉篇)

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

B端产品从工具向服务化平台升级(视觉篇)

· 品牌升级,增强品牌认知

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

03、怎么做

· 强调品牌色,增加品牌渗透

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

B端产品从工具向服务化平台升级(视觉篇)

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

B端产品从工具向服务化平台升级(视觉篇)

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

· 图形轻量化

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

B端产品从工具向服务化平台升级(视觉篇)

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

B端产品从工具向服务化平台升级(视觉篇)

· 增加细节体验

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

B端产品从工具向服务化平台升级(视觉篇)

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

B端产品从工具向服务化平台升级(视觉篇)

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

B端产品从工具向服务化平台升级(视觉篇)

· 元件组件化

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

04、结论

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

业界动态

B端UI交互界面基础组件:输入框(上)

2020-9-28 10:28:08

业界动态

数据化产品入门:多角度剖析数据价值

2020-9-28 10:46:27

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索