鱼刺创意:口袋里的白鲸

2017-02-24 H5案例分享 H5案例分享
鱼刺创意:口袋里的白鲸

案例:口袋里的白鲸

出品:鱼刺创意

亮点:

  1. 策划上,动画展示类。进入页面先选择版本,“简体中文”或“隐藏模式(暂未上线)”,接着会有一只萌萌的白鲸萨沙跟你打招呼,用户可以选择“30秒认识白鲸”或直接“先玩游戏”。主角是一只通过3d建模还原在H5上的,现实生活中真实存在的白鲸,用户通过逆时针滑动屏幕、长按、各方向滑动等交互方式,与白鲸进行一系列互动,同时在过程中了解很多关于白鲸的科普知识。最后还有个彩蛋,用户自主转发后就能看到。结尾有赞赏的二维码。

 

  1. 设计上,3D写实风格。每个环节都有不同的音效,整体也很细腻。白鲸萨沙很萌很可爱,前面的气氛一直都是轻松愉快,而突然反转的意外结局,造成了强烈的反差,冲击很大,能引发用户的关注和思考。

 

  1. 体验上,能调动情绪的一款H5,看到小白鲸的第一眼,就像看到了一个可爱的小孩子,而到后面,这个小孩子的待遇和处境并不是很好,就会很想贡献自己的微薄力量,希望能帮助到它。综合来说是一款很赞的H5,小编也一直觉得能把公益类H5做好,是一件很不容易的事情。鸡蛋里挑点骨头,小编觉得,在交互环节,图片序列正在循环播放,当用户滑动时,如果能播放到下一组动画的第一帧,再进行下一组动画,而不是直接跳帧去播放下组动画,整体就会显得连贯,不会有断层的感觉了。



技术实现: 由Epub360工具制作


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

识别图中二维码

口袋里的白鲸-查阅二维码




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

标签

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

相关推荐:

CCTV总编室:致每一位前行着的中国人

腾讯公益:99公益,一起爱

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~