360×bottle dream :突然掉进安全感黑洞

2019-04-23 H5案例分享 H5案例分享
360×bottle dream :突然掉进安全感黑洞


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

识别图中二维码

突然掉进安全感黑洞-查阅二维码

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


案例:突然掉进安全感黑洞

品牌:360×bottle dream

亮点:

  1. 创意定位:360联合Bottle Dream在世界地球日之际推出的公益视频类的H5,为呼吁人们要保护环境,爱护濒临动物。

  2. 策划上,①首页是问用户,相不相信有“遥远的相似性”?点击“播放”按钮。
    ②一共有三个选择题:
    进入第一段视频(20秒),看到的是一名男子早上还未醒来,突然房东打电话说下月要涨房租,不管怎么样,房租肯定是要涨的,让他自己看着办,出现一道选择题,面对房东的驱赶,你的内心OS?
    进入第二段视频(13秒),男子上班时给老板看方案,老板大怒,毫无逻辑,毫无洞察,全是屁话的一个方案,狠狠地训斥了男子一顿,第二个选择题,面对老板的指责,你会?
    第三段视频(10秒),晚上九点二十五分时,感觉很无聊,给朋友打电话竟无法接通,第三个选择题,面对无人回复,你的内心剧场是?
    ③最后一段视频(1分6秒),生活的不确定性会让人们不安,但是对它们而言是什么样子的?把人物换成动物,第一段视频的人物换成了北极熊,睡醒一觉后看到自己的家园正在一点一点的消失融化,而它却无法选择搬家;第二段视频中的人物换成亚洲象,它无法选择辞职,只能被迫在众人面前表演,遍体鳞伤;第三段视频中的人物换成北白犀,它无法选择同伴,不停呼唤,却再也收不到回应。人们的不安是担心事情会不会发生,而它们的不安是知道事情会发生,但是却无能为力。
    ④输入姓名,点击“守护自己,也守护它们”,生成一张安全感守护者的图片,你的不安与某个动物相似,然后显示守护这个动物。

  3. 设计上,主色调为黑色和红色,人物和动物用的是浅绿色,背景音也是令人深思的一种音乐,中间还有翻书的音效和三种动物的叫声。

  4. 体验上,动物与人类相比,人类生存的生活还能选择,但它们无法选择,而且还无能为力,尽我们自己的一份力量,来去守护这些濒临的动物!



技术实现: jQuery video



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

360:国营大山子迪斯科大舞厅开业啦!!老铁,快来尬舞!!!

360:鸽子险:1元投保可赔付100万

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~