探索B端SaaS系统首页升级

Part 1 

行业聚焦

F6智慧门店服务系统专注于汽车后市场领域，以服务维修厂为核心，提升其门店管理，车主营销 ，供应链管理，维修应用数据能力。我们作为B端产品本质是解决行业痛点，实现商业价值！帮助维修厂赋能汽车后市场。

这是官方给出的解释

那么在汽车后市场下的SaaS系统是否真的“好用”？

最佳的SaaS产品设计，建立在对用户目标、痛点和期望的透彻理解之上。

对设计师来说，项目要进行系统升级都是很重视也很头疼的一件大事。我们有幸在2020年初完整的跟进推动SaaS系统改版升级，并结合行业特色做了一些设计尝试，从UED专业视角，重新定义APP内体验规范及视觉风格的核心场景。

作为B端汽修后市场一员，至2020年我们的APP已经5年了，亦然暴露了很多问题，上面版本，都有一个共性问题：早期一直围绕功能布局，首页利用率低。

用一句话总结就是B端很大一部分在于围绕功能所需，而不是他们想要的~

2020年2月开始，我们着手对B端首页进行一轮整体的改版，从框架层、表现层以及品牌等方面进行统一升级。

得出用户的使用特性：

设计策略

1.聚焦核心价值，基于数据升级框架内容

在内容框架制定上，舍弃掉收纳业务模块，聚焦功能，提高常用功能曝光、丰富度提升以及首页的体验提效。

3.品牌升级，贯穿APP场景

品牌概念在于将新康众-F6品牌形象融入APP，提升商户认知，感知平台价值。从设计专业角度看，APP的品牌设计，有利于定义并统一APP体验规范。

Part 4 

设计方案

在确定改版策略后，在设计初期，我们进行了多种不同风格的尝试，最终经过不断的风格尝试和自我否定后，确定了具有行业特色的轻量化设计，塑造用户感知。

1.图形规范

在汽车后市场商业操作系统中，新康众-F6聚焦做B类业务，直接服务对象是B类商户，业务细分为洗车、接车、维修、保养等，这些都具有一定的B类特质，故在APP业务常规图标的表达上，选定了扁平弱对比的设计规范，塑造B类场景商户的沉稳性及简约感。

2.运营规范

Banner升级：相对于C类用户，B类用户更偏理性，故选择更冷静的视觉感官与B类商户对话，而非渲染氛围引导点击。（上线后活动内容，按新、老两版规范设计投放 Banner，新版较老版 UV 约高出 58%）

内容场景（直播）互动化：抽象出直播间的版面，配合内容叠加形式设计。

3.商业价值

经营者使用B端产品不是为了个人偏好，而是为了“赚钱”。这次改版优化业务流程进而提升组织效率，这个并不会直接帮助经营者赚钱，那么它的价值主要体现在降本提效，原先高频操作都需要从首页门店管理进入后才能进入功能页，改版后提效翻倍，在体现情感化设计的同时满足商业价值。让商家愿意使用（活跃），最终觉得好用（复购），才能成为一个长期且良性的循环。

Part 5

总结

整个改版升级从设计到开发上线的过程背负着很大的压力。上线后，监测新老版本数据，84.2%的商户使用新版，这亦然是对改版升级的一个极大的肯定。

高效的功能和性能都能帮助B端商户完成大量复杂的任务，用户体验感将大大提升，掌控系统改版的秘诀：前期规划+节奏推动+协调合作+方案落地+规范拓展+完整体系。采用并遵循这些技巧，可以设计出用户体验更佳的企业APP。

至此案例分享告一段落，感谢大家的耐心阅读~