企业级产品,网站改版,管理后台,视觉设计

天眼查 API 市场 V2.0

重构售卖与试用路径,让企业用户更快理解产品能力

天眼查 API 市场改版 V2.0 的网站首屏

老网站的问题很具体:产品定位说不清,首页内容堆得太满,同一个东西反复出现,新用户看完不知道该点哪里。

我的角色
主导 · 全程负责
项目性质
网站改版 · V2.0
时间
2020

改版前:定位不清,内容失焦

天眼查 API 市场卖的是数据接口,客户是要把数据接进自己系统里的公司。

改版前的首页把能说的全摆上去了:接口清单、能力介绍、客户案例,一块接一块,但没有主次。产品定位不清晰,内容堆叠又重复,新用户进来找不到能打动自己的点。

所以这次不是加东西,是减和排:让人一眼知道这是什么、能解决什么问题、下一步点哪里。

改版前的产品介绍、客户群体与改版诉求
改版前的定位、客户与诉求:内容堆叠、没有重点 · 点击查看原图
改版目标:更快、更全、更高效
改版目标拆成三条:更快、更全、更高效 · 点击查看原图
改版前的竞品分析
动手前先看同类产品怎么讲 · 点击查看原图

我主导了从目标梳理到上线验证

我主导了这次改版:从改版目标和竞品分析,到前台网站、后台管理系统的设计,一直到上线后的效果对比。

改版项目最费劲的往往不是画新页面,是决定删掉什么——旧页面上的每一块,背后都有人负责。

首页只讲三件事

改版前,接口、能力、案例混在一起,用户得自己拼出「这家能给我什么」。改版后首页只留三块,每块只回答一个问题:

  • 核心产品及服务放在 C 位,一眼看到 160 多项数据维度、200 多个数据服务 API
  • 0 元试用入口单独拎出来,不用先谈钱,先试一次
  • 行业解决方案按银行、证券、保险、互联网金融、IT 互联网分开,用户能直接对号入座
首页改版后的内容结构
改版后的首页:三块内容,各有各的问题要回答 · 点击查看原图
核心产品与服务用 3D 图标呈现
核心产品用 3D 图标摆在 C 位 · 点击查看原图

把「了解」变成「试一次」

API 这种产品,客户最怕的是买了用不上。光看介绍很难判断,所以加了 0 元试用:先跑通一次,再谈采购。

这个入口放在首页和产品区,不是为了好看,是为了把决策往前推一步——从「再看看」变成「试一下」。

改版前后的首页对比,含 0 元试用入口说明
改版前后对比:模块更聚焦,0 元试用单独成入口 · 点击查看原图

前台拉来的用户,后台得接得住

改版同时重做了管理系统:用户总览、账单、消息、发票。这些页面用户不爱看,但每天都在用。

账单从表格改成图表,用量趋势一眼能看出来;消息按类型分开,不用在一条长列表里翻;发票把从申请到开票的路径理顺。

后台登录页
后台登录 · 点击查看原图
用户总览:按等级分层展示信息
用户总览:把信息按等级分层 · 点击查看原图
账单信息从表格改为图表
账单:从表格改成图表,用量趋势一眼可见 · 点击查看原图
消息列表按类型分类展示
消息:按类型分开,不用在长列表里翻 · 点击查看原图
管理员后台的筛选
管理员后台的筛选 · 点击查看原图
发票管理:从申请到开票的交互路径
发票:把申请到开票的路径理顺 · 点击查看原图

改版结果:定位更清楚,试用路径更直接

上线后和改版前对比:销售总额 +13.1%,试用新增用户 1901 人,新用户转化率 30%,客单价 5702 元。

这些数字不全是设计的功劳,但方向是对的——页面结构清楚了,试用门槛低了,订单跟着上来。

上线验证:销售总额、试用新增用户、新用户转化率、客单价四项数据
上线后的四项数据 · 点击查看原图
API 数据可视化大屏
顺带做的 API 数据可视化大屏 · 点击查看原图