嘘!听听,这是谁家的声音

2019-01-08  本文已影响0人  H5案例分享

案例分析链接:https://go.163.com/web/20190106_elong/index.html

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

案例:嘘!听听,这是谁家的声音

出品:网易新闻 + 同程艺龙

亮点:

1. 创意上

以回忆为主题,通过声音,引出“2019我的回家关键词”。

2. 策划上

首先通过一段42秒的视频,引出主人公,在地铁里接到妈妈的电话,挂了电话,妈妈问什么时候回家,看到妈妈朋友圈里家里的照片。

在照片里,有5个点,提示唤起回忆,每次点击一个点,都会有一个声音和询问“请选择,你听到的声音是什么?”有两个选择。通过用户的选择,展示不同的画面。

5个回忆都点击完毕,提示“恭喜你完成任务”。而后给出2019我的回家关键词,一共有5个关键词,分别是:情、宠、味、买、趣。五个关键词为随机分配。

3. 设计上

在地铁里时冷色调,家的画面是采用暖色调。人物绘制偏真实,有老照片的感觉。

4. 交互上

开始的视频部分,有跳过按钮,体验不错,后面5个回忆点,每次选择都有不同的动画,也很好。

技术实现: video + javascript

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

上一篇 下一篇

猜你喜欢

热点阅读