案例背景：

随着手机屏幕尺寸越来越大的发展趋势，以及手机相关功能的应用普及，用户观看手机网页的习惯已发生显著变化。因此，建于2014年的OLAY旧版移动官网从设计上和功能上都已无法满足其用户的需求，需要改版。

活动目的：

重建OLAY移动官网，不仅要在设计/视觉上抓住用户眼球，还要在功能上充分满足用户需求。

创意/策略：

- 通过数据监测和用户调研，查找Olay旧版网站的弱点；

- 找到符合用户使用习惯的网站结构，优化设计；

- 丰富功能，重建一个综合性的Olay手机官网。

操作/执行：

1.  通过数据监测分析改版前的网站，找到薄弱环节：

－旧网站主要以视觉效果为先，首页以大屏焦点图轮播为主。调查发现，大屏占比的焦点图，轮播时，第二、第三屏的点击量急剧下降。

－折叠式的导航较为复杂，被折叠的导航点击率非常低，用户体验不佳；

- 内容局限于展示层面。

2.  通过调查研究，找到最符合目前用户习惯的H5排版和操作方式：

－手机用户对网页模块的关注度，60%停留在手机屏幕上半部分，中间部分对于用户有28%的吸引力，而屏幕底部仅有12％的关注度。由此可见，旧版网站大屏幕占比的焦点图占据了用户过多的关注度；

－56%的用户表示，习惯用双手操作手机。

3.  综合上述分析和调查研究，进行OLAY网站改版：

－将设计改为主流框架结构，强调视觉与功能相结合；

－简洁明了的导航栏目，在新版OLAY网站首页的第一屏中间部位；

－结合OLAY的产品需求和用户需求，新增多种结构性内容：试用申领、防伪信息、美肌资讯、侧栏导航、访问痕迹记录等。让用户更加了解OLAY的产品，同时将OLAY的官网转化为综合性网站的角色。

活动效果：

改版后的OLAY移动官方网站，整体表现都有了显著的提高：

－访问量：改版后的网站平均每月访问量超过110万，比改版前增加了22%。

－跳出率：新版网站的跳出率平均比2014版本下降了6.2％。

－新版网站平均浏览页面数量比改版前增加了10%，用户平均浏览网站的时长近1分钟，比改版前增加了73%。

－新版OLAY官网上线后，吸引了更多的访问者回来继续浏览，重复访问者平均占比超过改版前3%。