央视网×央视影音×网易新闻:二十大报告@你
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分钟
案例:二十大报告@你
品牌:央视网×央视影音×网易新闻
技术实现: HTML5
亮点:
1.创意定位
央视网推出的二十大相关的创意H5作品。以“二十大报告@你”为主题,里面展现了中国近十年的民生改善和社会成就,通过让用户选择自己关心的方面,最后生成该用户关注的二十大报告清单。
2.策划逻辑
大致流程:Loading → 主题页 → 成就快闪 → 长图点选 → 生成清单。
二十大报告@你,用很网络化的语言风格,一下子会拉近与用户之间的距离。既然@我了,点开参与互动一下,理所当然,顺理成章。
前半部分可以用干净利索形容,加载→主题页,点击主题页中的“点击进入”,出现翻页快闪,用几张图快速翻阅的方式,让用户领略中国近10年取得的伟大成就。然后,进入长图点选部分。
后半部分的长图点选+生成海报,很是丰富,包含了民生的各个方面,与用户很贴近,选起来一点不费劲,点选后,还有放大效果。侧边框里有已经点选过的选项,可以删除,点击“结束选择”,即可进入最后的清单海报。长按可以保存海报,点击底部的链接,可以跳转官媒链接。
3.视觉交互
卡通动画风格,清新舒适。交互方式主要包括:点击、滑动、长按保存等。
4.用户体验
把文字报告生成更具有可读、可交互性的创意H5,可以让二十大传递的精神更便捷、更直接地传递给每一个人。降低的阅读门槛,增强了可参与度,这样的报告,谁不爱?!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号