被吐槽后，阿里旗下Teambition真把官网改了！

之前我发过一篇，为了说明一个网页只有10秒时间留住用户，以 Teambition 官网为反面案例，不但分析了问题，还随手画了一下解决方案：《阿里旗下Teambition官网设计令人费解》。

最近我找B端案例时再次打开 Teambition 官网，发现居然改版了！

而且似乎……改的方向和那篇文章说的设计思路相近？

具体如何，还是大家自行判断吧，请接着读。

当时的版本

这是我写那篇文章当时的版本：

一个新用户看到官网，通常会进行四步判断：

1. 基本判断：这是什么？
   
2. 价值判断：这是好的选择吗？
   
3. 风险判断：没什么问题吧？

4. 操作入口：好，那我试试？

Teambition 之前那个官网首页的问题是：

1. 基本判断：不管是图片还是文字，都看不出这是一个什么产品。
   
2. 价值判断：看不出这个产品和竞品相比的优势在哪？
   
3. 风险判断：不确定这种通用的SaaS工具是否能满足我的行业和工作方式？

4. 操作入口：输入框那里文字有点长。

所以，我根据这四方面的问题，一步一步修改，最终改成了这样：

对于这个方案，评论区整体反馈时比较正面的：

还得到 Teambition 前设计师的回复：

其实可以理解，虽然每个产品的长期目标通常都是高转化高营收，但每个公司/团队，在不同阶段都有不同的短期目标。

虽然当时的设计方案从外人的角度看有槽点，但并不代表设计师做错了，说不定当时的情景，那个方案确实是迎合短期目标的最优解。

现在的版本

现在的 Teambition 官网长这样：

我之前提到的四步判断问题，几乎都得到解决：

1. 基本判断：

“简单好用的项目协同工具”，标题写得明明白白。

2.价值判断

“阿里巴巴旗下”、“项目管理、任务协同灯解决方案”，描述里写很清晰了。

3. 风险判断

“目前已服务千万全球用户，1000+付费企业”看起来挺可靠。

而且底部滚动的合作伙伴 logo，有能给人安全感。

4. 操作入口：

之前提到过的手机号输入框占位符过长的问题得到解决。

而且还比我当时想的更进一步，右下角增加了电话咨询和预约演示的入口！

对比一下我之前随手改的方案：

基本上和我的设计思路挺接近的，虽然局部样式有很大区别。

因为我毕竟不是内部员工，Teambition 很多价值点想不到，用户除了试用之外还能做什么也不清楚，所以我当时那个方案其实很粗糙。

所以现在 Teambition 的方案，虽然很多优化方向跟我之前的想法接近，但比我做得好多了。

要说最大的不同，那就是没用使用UI图。

首页要不要放UI图？

从用户的角度看，我是希望有UI图的～

因为要判断是否用一个产品，直接看界面很重要。如果看介绍业一直没有UI图，我会很不耐烦😓。

我发现国外的官网首页很喜欢用UI图，随便找几个案例：

其实国外这么设计是有理由的，他们在B端C化比较有经验，之前我在《B端产品C端化，抱歉我想的太简单！》里详细介绍过。

但是国内的官网，大多喜欢放插画。

预算普通的放2D插画，预算较高的放3D插画，甚至厉害的会做成动画……基本都是在往这个方向卷。

P.S. 之前 Teambition 那个官网，就是3D动画，从炫技的角度来看，可以说是很厉害了……

不喜欢放UI图的原因，我猜测是国内产品设计改版太频繁，官网如果放界面图，会需要经常替换。

而且首页展示的UI图也不能直接截图，还得经过处理，这样以来更换成本就高了。

最后

你对这次 Teambition 有什么想法，欢迎评论～

还有对于官网要不要展示UI图这个问题，有什么看法？

希望对大家有所启发，请记得把文章转发到你的朋友圈，点个在看，咱们一起加油吧！

---

推荐阅读

---

你「在看」是最好的肯定与鼓励