网易考拉:火锅精的A4腰秘密

2019-05-05 H5案例分享 H5案例分享
网易考拉:火锅精的A4腰秘密


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

火锅精的A4腰秘密-查阅二维码

完整欣赏此案例大约需要2分10秒


案例:火锅精的A4腰秘密

品牌:网易考拉

亮点:

1.创意定位

网易考拉为了宣传网易考拉瘦身品类日制作的H5作品,用户通过案例内容了解狂吃不胖,疲惫瘦和轻松瘦的生活方式。

 

2. 策划逻辑

  • 这个案例分为加载成功后,通过点击可以看到两种内容。①疲惫瘦:主角疲惫的一天从起床开始,沉重的起床、上班、健身、吃火锅,回家面对缺粮的猫咪,和被猫咪弄乱的家,一整天的疲惫并没有结束,为了拥有A4腰,睡前还要算着一天吃的东西,做运动。这一部分背景音乐丧到黑暗,画面色调也暗淡无光。②点击页面网易考拉的图标,可以将整个画面转换到轻松瘦 ,神清气爽的一天从起床开始,给猫咪喂粮,喝上一瓶椰子水充满能量的去健身,心情舒畅的参与工作,没有负担的吃火锅,最后回家吃饱喝足的猫咪也没有发脾气,晚上敷着面膜看电视,A4腰精轻松又快乐。③最后可以通过点击分享和点击进入网易考拉瘦身品类日的主页。

 

  1. 设计上

通过交互,让用户感受到点击后就能让沉重疲惫的一天变得轻松快乐,能够促进用户的成就感,更容易接受瘦身产品带来的益处。案例中随着疲惫与轻松的切换,场景颜色与背景也在转换,给用户更深入的感受。

 

  1. 体验上

案例中随着疲惫与轻松的切换,场景颜色与背景也在转换,给用户更深入的感受。鲜明的对比,能够让用户偏爱轻松瘦,更愿意点击瘦身品类日的主页,查看产品。



技术实现: HTML5



以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

网易严选:守护者计划

美的地产:美的地产岁末千人火锅宴

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~