赞助商
立即赞助

提高12.9%的转化率!58车检改版项目设计过程全方位总结

产品经验3年前 (2021)发布 流光
3.5K 0 0

58UXD:于绝大多数手消费者来说,头顶始终有绕不开三座大山:况不透明、信息不真实、价格不确定。

提高12.9%的转化率!58车检改版项目设计过程全方位总结

山路艰险,好在 58 为座大山都量身定制了翻山指南。赶紧上,跟随司到「况山」探究竟。

1. 价值

消费者手况担心,也体现在 58 历调研报告,据最新报告显示,55.8% 用户担心法判断手况,辆是否经过泡或大交事故判断不准。

同时, 5 成户在购二手车前都会择第方检测,这是因为第方检测由中立的专机构进行,与卖供的信息相,更真实透明。

提高12.9%的转化率!58车检改版项目设计过程全方位总结

基于此背景,58 同城推了 58 车检务,旨在充分保护购车户切身利益,二手车购更放心。

现有问题

改版初期,我们对二手车车检的户进行了调研、访谈,同时对键流程进行了数据分析,归纳现有页面存在的问题。

1. 户层:户认知较低

改版初期 58 车检的认知为 23%,7成多户知道平台有 58 车检这项务。了解的户中有诸多的疑问,要集中在几点:

  • 不了解检测具体内容;
  • 确定付后的流程,确定检测地点、时间;
  • 退款流程不清楚。

提高12.9%的转化率!58车检改版项目设计过程全方位总结

2. 业务:口及落地页转化低

  • 现有入的点击率比较低,亟需优化现有产品入;
  • 产品增遇到了瓶颈,需拓宽新的流渠道。

提高12.9%的转化率!58车检改版项目设计过程全方位总结

3. 体验层:交互及视觉体验不统

  • 落页信息结构混乱,信息层级不清晰;
  • 上的产品页面采用强运营的设计风,易产生视疲劳;
  • 文布局及视觉表现形单,易读性。

提高12.9%的转化率!58车检改版项目设计过程全方位总结

设计目标

结对问题的析,产品及交互同学进行了多轮的头脑风暴,对问题进行了深度的挖掘细化,确了本次改版的计目标:

  • 升户认知──牌营;
  • 提升入转化──关键路径优化;
  • 提升页面交互及视觉体验──落页品牌化运营。

设计推导

1. 品牌化运营

统一产品名称,将上口名称统一为「58车检

提高12.9%的转化率!58车检改版项目设计过程全方位总结

来的入文案都是「车检延保」,车检和延保本身就是种不同的产品形,不可混为一谈。通过用户的反馈来,「车检延保」的入文案确实给多数人带来了困扰,用户不清楚点击之后体是什内容,迟疑的片刻用户就流失了。

提高12.9%的转化率!58车检改版项目设计过程全方位总结

△ 大类页替换为「58车检」文案后数据效果

我们将「车检延保」统一变了「58车检」,同时保留了原的视觉样式,通过少的控制变,小本速试错。线几天后的数据也验证了我们方案的合理性。

提高12.9%的转化率!58车检改版项目设计过程全方位总结

明确了方向之后,我们筛查了线绝多数的入口,并将 58 车检一以贯之于所需露出品牌文字的方,使其用户脑海中产良好的记忆点,增强品牌的曝光度。

提高12.9%的转化率!58车检改版项目设计过程全方位总结

其他入口线后,入口到产品页的转化也明显的提升。

为设计师要学合理转化产品的需求,切忌拿到需求就开始进风探索的阶段。最初我们拿到产品需求是想更改口的视样式来提升点击。而口视样式的改变或许不是最佳的方案,要有寻根溯源的意识,贴近用户的诉求,找到问题的根点。或许一个小小的文案改变就能得到意想不到的效果。

统一产品 logo,打造视锤

「视的锤子,语言的钉子」。的符号以刺激人的感系统,让人产生强烈的关联印象。

提高12.9%的转化率!58车检改版项目设计过程全方位总结

将 58 车检的文字进行符号化,强化 58 车检品牌在用户心中的认。符号表现形式和 58 品牌持统一,有 58 品牌的背书,降低用户的疑虑,增强用户的信赖感。同时,纯文 logo 的表现形式使 58 车检品牌更加简洁明,易延展用。

提高12.9%的转化率!58车检改版项目设计过程全方位总结

分阶段达成目标,一步统一文字,小成试错;二步将枯燥文字图形化,增强忆点。

3. 关键路径优化

详页主流入口

提高12.9%的转化率!58车检改版项目设计过程全方位总结

改变之前运营形式 banner,改为轻量的产品型入;清晰突出 58 车检品牌,增品牌背书;用实体按钮的式增用户点击。

新增大类页弹窗

提高12.9%的转化率!58车检改版项目设计过程全方位总结

大类页弹的上线起到了很好的引流作,同时因为采取了模态弹的样式,必然会对分车户产生干扰,这决定了弹这种样式只是带有时效性的过渡方案。在做弹设计时,一定要跳单一数据,多维全方位评估设计方案。

4. 产品化落地页

优化信息层级,提升页易读性

提高12.9%的转化率!58车检改版项目设计过程全方位总结

我们将内容模块进行重组划分:车检购买 – 车检优势 – 检测流程 – 常见问题,页面划分更加合理,助力用户清晰面地车检产品。对有明确车检需求的用户引导他们快速录信息,模糊用户提供顶部快速切换。

化繁为简优化首页展示内容

提高12.9%的转化率!58车检改版项目设计过程全方位总结

落页用户入到 58 车检产品的第一页面,我们希望用户可以速获取 58 车检的卖点,产一了解乃至下单的意愿,所以我们新版方案中强化了 58 车检的产品优势,保留了明星言的部分,让用户可以清晰的感知到产品优势。同时增强了 58 背书明星言部分,用户可以降低理门槛,激发录入信息的操作。

摒弃之前偏运营风的热闹场,整风更加理。加大量留白,增加页面的呼吸感;突出重点内容,以便用户更加聚焦产品身,提升页面的易读。

枯燥文字视化

提高12.9%的转化率!58车检改版项目设计过程全方位总结

重视纯文字的布局,字里行间皆设。车检优势、检测流程、常见问题诸多都文字布局,通过不同的字、字重、间距突出重点内,弱化次提示内,将枯燥的文字可视化,使内阅读加轻松。

提高12.9%的转化率!58车检改版项目设计过程全方位总结

新增气质相符的订单确认页,给用户二次确认的空间;明确订单信息,突出检测时间及点,消除用户的疑虑。

提高12.9%的转化率!58车检改版项目设计过程全方位总结

△ 整体改版后效果图

提高12.9%的转化率!58车检改版项目设计过程全方位总结

提高12.9%的转化率!58车检改版项目设计过程全方位总结

总结

整体改版后,数据反映良好,58 车检的认知升了 23%;落地页线索到订单的转升了 12.9%。这只是 58 车检的一小步,相信只有贴户,注真实户的反馈,持续发掘户操作流程中的痛点,产才渐趋善。

欢迎关注「58UXD」的公众号:

提高12.9%的转化率!58车检改版项目设计过程全方位总结

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

新版本的改动介绍 在9月底双十一临近的关口上,淘宝上线了 9.13 新版本,对首页做出了巨大的改版,堪称这 5 年来力度最大的改...
改版实战
58UXD:在一个追求内容至上与体验至上的时代,设计的表现更加简洁直白,这正如著名建筑设计师密斯所说过的:less is more。不...
58UXD
怀抱初心,探索世界 带着为全球用户提供更安全、便捷的出行服务的初心。从 2018 年起,我们的身影遍布世界各个角落,澳大利亚...
地图设计
现在 UI市场越来越完善,在以前 dribbble 等不敢想象的风格都逐渐出现在产品中。那么在现在的市场什么样的「设计」是好的设计...
实战案例
始终围绕用户目标做设计决策,根据功能优先级做出不同的设计形式,强化核心功能,是一篇非常棒的细节优化方向参考文章。内容...
信息层级
58UXD:在运营活动中,往往用数据说话,那么作为视觉设计师,应该如何利用数据分析,来体现设计在活动中的价值,从而进一步让...
58UXD
UI 设计师面试的终极杀手锏 前面写了面试我们要准备什么/ 如何在面试中秀出你的作品集,相信大家也感觉到想要获得最好的面试...
产品优化
@途家UED :从前期调研、需求分析、设计提案、设计定稿到设计还原最终项目上线,本次案例为你复盘途家APP 的用户中心改版设计...
实战案例