Amazon 亚马逊:每个人都是一本奇书

2018-04-19 H5案例分享 H5案例分享
Amazon 亚马逊:每个人都是一本奇书


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

识别图中二维码

每个人都是一本奇书-查阅二维码

完整欣赏此案例大约需要3分钟


案例:每个人都是一本奇书

出品:Amazon 亚马逊

亮点:

  1. 策划上,答题测试类H5。亚马逊推出的 Prime 阅读服务的宣传。案例融合了重力感应+全景浏览+答题测试+视频+图片合成等多种形式。

Loading部分是一个人站在图书馆门前,文字依次出现过后,门推开进入图书馆,此部分是一个全景环境,用户可以180度旋转移动屏幕来观看,此时在画面中提示用户点击“亮光”。

随后画面到达一本书的面前,点击书打开,并出现测试题。一共6道,2选1,用户需要根据题目场景,选择心中的答案。

选完6道之后,提示用户输入名字,点击确定,最后会根据用户的选择给出对应的评价,并告诉你是一本什么书。结尾页的图片用户可以长按保存,屏幕下方两个按钮,可以点击“再测一次”,或者点击“Prime会员免费阅读”来跳转活动页。

 

  1. 设计上,画风偏欧美复古,从全景场景布置到交互的视频动画,再到最后的图片合唱,每一个环节给人的感觉都很精致,也很有代入感。点击选项时还配有音效。

 

  1. 体验上,相对大部分的测试答题类H5来讲,这支H5算是比较慢节奏的,不过在最后出现用户相关的评价以及书名时,给人的感觉很有含金量。整体上是一个很棒的H5案例。小五好奇地看了一眼活动,发现也很有吸引力,读书爱好者们快去了解一下啦!



技术实现: ThreeJS + Video(视频) + Zepto



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

标签

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

相关推荐:

网易云音乐:嗨!点击生成你的使用说明书

微基因:你的人生被祖先拖累了多久?

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~