项目背景
- 随着云协作企业版产品以及业务内容的更新,需要对企业版官网内容进行更新调整
- 官网目前存信息收集模块会给用户困惑,给销售人员带来不便
- 企业版官网目前是独立体系需要整合到有道云笔记官网体系中
综合以上几个原因,现在需要对云协作企业版官网做出调整改版,整体调整目标为:
- 使用户更加清晰了解到云协作企业版的业务内容
- 使用户减少在使用以及咨询中的困惑,减少销售人员获取到无效客户信息的可能性
- 促使更多用户去试用企业版云协作从而转化为付费用户
页面总览

功能描述
图示说明: 图中灰色部分为官网内容,蓝色线框与标注为注释说明内容
所有文案更新内容见:文案更新
顶部banner:

- 将企业版云协作整合进现有云协作官网体系,顶部功能栏与云协作官网统一,增加‘企业版’选项。操作逻辑和现有一致
- 文案更改,背景采用办公场景图
- 将现有三个咨询方式整合到右侧浮窗。点击在线客服打开七鱼客服,点击在线咨询打开qq,电话咨询有hover的效果显示电话号码。
- 底部三角为回到顶部按钮,只有网页不在最顶部时显示
- 浮动显示在右边不随页面上下滑动而移动
- 点击 开启云办公 上面的文案以及 开启云办公 按钮消失显示信息输入框具体见下图
- 宣传文案,搭配icon说明
信息输入框:

- 点击关闭信息输入框,显示文案以及‘开启云办公’按钮
- 信息输入框和现有逻辑一致
- 点击隐私条款打开新窗口,隐私条款页面
- 点击 免费试用,如果用户已登录,直接进入云协作,如果用户没有登录跳转至登录界面
- 点击 购买咨询,如果上述信息有空给予提示。如果信息填写完毕弹出弹窗:(减少误操作,过滤无用信息)

企业版信息展示:

信息展示部分逻辑基本和现状一致,文案更新
- 点击 了解更多 向下展开,隐藏 了解更多 按钮,如下图:

2.点击收起展开部分,显示 了解更多 按钮
企业版与免费版对比:

- 点击 去试用 页面回滚到顶部显示信息输入框
- 点击 完整定价方案 打开新窗口显示完整定价方案页面
完整定价方案见:完整定价方案
合作伙伴:

- 点击 去试用 页面回滚到顶部显示信息输入框
- 显示合作伙伴logo,点击打开新页面显示解决方案
- 点击按钮打开新窗口,显示相应行业解决方案页面
- 点击 经销商查询, 经销商加盟 打开新窗口跳转至相应页面
网页底部:

- 逻辑和现有一致,去除 合作伙伴 入口
- hover效果显示微信公众号二维码
用例

时间节点
- UI节点:
2017-2-17 - 开发节点
2017-2-24 - 测试时间
2017-2-26 ~ 2017-3-1 - 上线时间
2017-3-3
网友评论