网易新闻&芒果TV《明星大侦探》：大侦探的理智觉醒案件
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分03秒
案例：大侦探的理智觉醒案件
出品：网易新闻&芒果TV《明星大侦探》
亮点：
1.创意定位
此次网易新闻携手芒果TV顶级综艺《明星大侦探》推出了以第一期案件主题“拒绝网络暴力”以及愈演愈烈的网络暴力现象为洞察的H5《大侦探的理智觉醒案件》，让人眼前颇为一亮。通过悬念丛生的反转剧情以及轻松的探案形式，生动形象地直击“键盘侠”问题，联合节目中明星共同发出呼吁大众拒绝网络暴力的倡议。
2.策划逻辑
大致分为四部分：① 线上探案指认事件过失方，事件真相一再反转；② 揭示案件并无实际过失方，引入当下声量最高的网络暴力案件（重庆公交车坠江事件、网红遛狗殴打孕妇事件），体现网络暴力围绕在我们身边，给用户最为真实的切身体验；③ 四大明星视频以公益为内核，呼吁大家理智的觉醒，拒绝网络暴力；④ 输入昵称，用户个人海报生成，促进二次传播。
3.设计上
采用蓝色为主色调，并运用高科技感的边框属性塑造真实的网络世界。
4.体验上
在不同模块运用弹幕、滑动等交互方式，将发生在我们周围的网络暴力形象生动地得以体现，同时植入“贾公知”“甄相帝”等节目彩蛋！
技术实现： Zepto.js+CSS3动画+PACE+Puppeteer生成海报+Redis数据库+NodeJS服务器
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
