qishu 【H5案例分享】每个人都是一本奇书

案例链接

https://amazon.h5in.net/final_test/

大概需要3分钟才能完全欣赏这个案例

案例:每个人都是一本精彩的书

制作人:亚马逊

亮点:

在计划中，回答测试类H5。亚马逊推出的Prime阅读服务推广。案例结合了重力感应+全景浏览+答题测试+视频+图片合成等多种形式。在装货区，一个人站在图书馆前面。单词依次出现后，门被推开，进入图书馆。这部分是全景环境，用户可以将手机屏幕旋转180度观看。此时，提示用户点击图片中的“强光”。然后图片到了一本书的前面，点击书打开，试题出现。一共六个频道，二选一，用户需要根据话题场景选择自己心中的答案。选择6个频道后，提示用户输入名称，点击确定，最后根据用户的选择给出相应的评价，告诉你是什么书。用户可按住端页图片保存，点击“再次测试”，或点击“Prime会员免费阅读”跳转到活动页面。

在设计上，欧美的画风倾向于复古。从全景场景布局到互动视频动画，再到最后的照片合唱，每一个环节都给人一种精致和代入的感觉。点选选项时也有音效。

从实验上来说，这个H5相对于H5的大多数考试答案课来说节奏相对较慢，但是当用户相关的评价和标题最终出现时，它给人一种很有含金量的感觉。总的来说，这是一个伟大的H5案例。小武好奇的看了看活动，觉得很吸引人。读者应该去了解一下！

技术实现:三个js+视频+Zepto

以上是“H5案例分享”团队的原创文章。转载请注明出处！