Amazon 亚马逊:每个人都是一本奇书
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要3分钟
案例:每个人都是一本奇书
出品:Amazon 亚马逊
亮点:
- 策划上,答题测试类H5。亚马逊推出的 Prime 阅读服务的宣传。案例融合了重力感应+全景浏览+答题测试+视频+图片合成等多种形式。
Loading部分是一个人站在图书馆门前,文字依次出现过后,门推开进入图书馆,此部分是一个全景环境,用户可以180度旋转移动屏幕来观看,此时在画面中提示用户点击“亮光”。
随后画面到达一本书的面前,点击书打开,并出现测试题。一共6道,2选1,用户需要根据题目场景,选择心中的答案。
选完6道之后,提示用户输入名字,点击确定,最后会根据用户的选择给出对应的评价,并告诉你是一本什么书。结尾页的图片用户可以长按保存,屏幕下方两个按钮,可以点击“再测一次”,或者点击“Prime会员免费阅读”来跳转活动页。
- 设计上,画风偏欧美复古,从全景场景布置到交互的视频动画,再到最后的图片合唱,每一个环节给人的感觉都很精致,也很有代入感。点击选项时还配有音效。
- 体验上,相对大部分的测试答题类H5来讲,这支H5算是比较慢节奏的,不过在最后出现用户相关的评价以及书名时,给人的感觉很有含金量。整体上是一个很棒的H5案例。小五好奇地看了一眼活动,发现也很有吸引力,读书爱好者们快去了解一下啦!
技术实现: ThreeJS + Video(视频) + Zepto
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号