网易考拉:2018我的人生格子

2018-12-28 H5案例分享 H5案例分享
网易考拉:2018我的人生格子


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

识别图中二维码

2018我的人生格子-查阅二维码

完整欣赏此案例大约需要1分5秒


案例:2018我的人生格子

出品:网易考拉

亮点:

  1. 策划上,①这是一支宣传类的H5,②首页进去后滑动选择你的年份,点击确认,③打开门的一瞬间,出来一个木头人玩偶样式的人物,走路的过程中看到有好多小伙伴在踢足球,把足球踢飞了,再走一段路,看到有一对情侣在树下谈情,球让小宠物抢到,宠物就在开始玩球,然后掉入河中,又进入到另一间房,看到有一家人,母亲正在哄孩子,父亲正在收拾屋子,走到一个大转盘前面,镜头围着转盘转一圈,会看到从路上的每个人都在这儿,最后回到木头人玩偶的身体上面,会有一个转盘,上面写着即将过去的2018,你最想对谁说一句谢谢你/对不起。有自己、父母、伴侣、朋友、孩子、爱宠,选择完这两项后,会出现第三项,感谢或者亏欠的话语都在上面,选择完点击确认,④输入姓名,会出现一张纸,把你这一生900多个月,划分成一个月一个格子,那么你的人生格子纸就会出现相对应的红色块数。
  2. 设计上,木头形式来展现整个画面,很有特性。
  3. 体验上,有很强的吸引感,与其他H5不同,让用户体验感很佳,但是最后屏幕小的手机,看不到整体的页面,会遮挡一部分。



技术实现: Egret tween jquery zepto



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

标签

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

相关推荐:

网易考拉·全球工厂店:请查收,你的明星挑款师

红星美凯龙:木头穿越记

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~