安慕希 + 网易新闻 | 哒哒：2020！许愿皆灵！

2020-01-11 H5案例分享 H5案例分享

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

识别图中二维码

2020！许愿皆灵！-查阅二维码

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

案例：2020！许愿皆灵！

品牌：安慕希 + 网易新闻 | 哒哒

技术实现： video + JavaScript

亮点：

1、创意定位

安慕希和网易新闻联合推出的新年H5，以“2020！许愿皆灵！”为引子，寓意2020年好的开始。

2、策划上

整体策划分为3部分：

① 首屏中夜空的画面，显示着不断生成的愿望数，点击屏幕下方一闪一闪的点，进入下一屏，不断出现的各种愿望；出现文案，为何许过那么多愿，还是离目标越来越远？

② 给出三个问题，每个问题2个答案

三个问题分别是：眼前你看到的是什么？当你拥有上天下海的超能力，最想先去哪儿呢？如果人生重启，你想如何开始？

给出供选择的答案，也偏玄幻，为测出的结果，增添了神秘感

③ 输入昵称后，生成海报，一个8种海报，会根据选择给出一种海报，海报里有2020年适配你的许愿方式。

3、设计上

颗粒度卡通漫画，问题的切换中使用了云、深海、光进行配合。

4、技术上

案例中使用的是mp4格式的视频，一共7段视频，但并不是都会在案例中出现，这就体现了这支H5的细节，出现的视频是根据用户对三个问题的选择而出现。

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

标签