亚朵：亚朵奇妙夜

2018-02-24 H5案例分享 H5案例分享

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

识别图中二维码

亚朵奇妙夜-查阅二维码

完整欣赏此案例大约需要1分40秒

案例：亚朵奇妙夜

出品：亚朵

亮点：

策划上，Loading完毕，提示用户关闭竖屏锁定，横屏体验。点击“开始亚朵奇妙之旅”按钮，进入一段25秒的视频，内容：进入酒店大厅，登上9又4分之3层的神秘电梯，电梯到达，画面显示有6个房间可以进入，引导用户选择一个进入，进入房间后，按提示寻找发光物体，完成回答问题等操作，最终获得抽奖机会。
设计上，该H5讲了 9又4分之3层房间的故事，用小说中的奇幻地点为整个H5添加了一层神秘感；整个画面比较简洁，各个房间内的操作方式略有差异，不会让用户觉得无聊。
交互上，用户可以720度体验房间全景，体验感很棒。
技术上，全景效果是通过js实现的。
体验上，小五特意去查了一下9又4分之3的意思，原来是《哈利波特》中通往霍格沃兹魔法学校的一个站台，这个概念，给这个H5 添加了一层奇幻色彩，很有意思，创意很棒；这个H5的初衷在于宣传酒店的主题房间，为用户发放优惠券，用户拖动屏幕可以查看房间的全景，体验感很好。

技术实现： tour.js+video

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

标签