网易新闻&芒果TV《明星大侦探》:大侦探的理智觉醒案件

2018-11-12 H5案例分享 H5案例分享
网易新闻&芒果TV《明星大侦探》:大侦探的理智觉醒案件


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

识别图中二维码

大侦探的理智觉醒案件-查阅二维码

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


案例:大侦探的理智觉醒案件

出品:网易新闻&芒果TV《明星大侦探》

亮点:

1.创意定位

此次网易新闻携手芒果TV顶级综艺《明星大侦探》推出了以第一期案件主题“拒绝网络暴力”以及愈演愈烈的网络暴力现象为洞察的H5《大侦探的理智觉醒案件》,让人眼前颇为一亮。通过悬念丛生的反转剧情以及轻松的探案形式,生动形象地直击“键盘侠”问题,联合节目中明星共同发出呼吁大众拒绝网络暴力的倡议。

 

2.策划逻辑

大致分为四部分:① 线上探案指认事件过失方,事件真相一再反转;② 揭示案件并无实际过失方,引入当下声量最高的网络暴力案件(重庆公交车坠江事件、网红遛狗殴打孕妇事件),体现网络暴力围绕在我们身边,给用户最为真实的切身体验;③ 四大明星视频以公益为内核,呼吁大家理智的觉醒,拒绝网络暴力;④ 输入昵称,用户个人海报生成,促进二次传播。

 

3.设计上

采用蓝色为主色调,并运用高科技感的边框属性塑造真实的网络世界。

 

4.体验上

在不同模块运用弹幕、滑动等交互方式,将发生在我们周围的网络暴力形象生动地得以体现,同时植入“贾公知”“甄相帝”等节目彩蛋!



技术实现: Zepto.js+CSS3动画+PACE+Puppeteer生成海报+Redis数据库+NodeJS服务器



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

标签

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

相关推荐:

网易:值得回忆的不仅是新闻

网易:值得回忆的不仅是新闻

10个案例了解H5之图片合成

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

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

方式一:

通过H5案例提交小助手(微信小程序)
微信扫描下方二维码进入,进行投稿

方式二:

在电脑端,进入H5案例发布界面,自己编写

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~