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

2018-04-20 11:55:00
admin
原创
200
Amazon 亚马逊:每个人都是一本奇书


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

识别图中二维码

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

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


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

出品:Amazon 亚马逊

亮点:

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

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

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

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

 

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

 

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



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