猫眼电影：假如影子有生命

2018-10-06 H5案例分享 H5案例分享

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

识别图中二维码

假如影子有生命-查阅二维码

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

案例：假如影子有生命

出品：猫眼电影

亮点：

创意定位，猫眼电影为《影》上映引流的线上传播H5，以“假如影子有生命”，让影子问五个问题，最后根据用户的选择生成电影《影》中的角色人物名、画像及相应性格文案，并附带猫眼电影购票链接，形成流水转化。
策划上，以影子有生命为假设，展开问题交互：① 假如你的影子活过来，点击“开始”；② 假如你的影子有性别，你选择（男性、女性）？；③ 两个人同时爱你，一个有权有钱，一个有颜有才，你会选择？④ 短暂而辉煌，长寿但平凡，两种人生你更倾向？ ⑤ 如果可以拥有超能力，你愿意改变过去，还是预见未来？⑥ 如果耗尽十年生命，可以挽回一件后悔的事情，你会愿意吗（愿意、不愿意）? 六个问题后，生成电影《影》中的一个人物角色海报，包含角色名、画像及性格文案。底部带有“再测一次”按钮和“立即购票”按钮。
设计上，水墨特效视频动画，选项选择后有交互特效，两个选项上下半屏，选择下半屏的选项后，有屏幕选择及水墨扩散特效，很炫酷。
体验上，并不感觉是在答题，看了好多遍，都是在体验交互特效以及视频效果，特效视频融入H5，这个做的效果真心赞~

技术实现： Zepto+Video

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

标签