央视网×央视影音×网易新闻:二十大报告@你

2022-10-31 H5案例分享 H5案例分享
央视网×央视影音×网易新闻:二十大报告@你


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

识别图中二维码

二十大报告@你-查阅二维码

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


案例:二十大报告@你

品牌:央视网×央视影音×网易新闻

技术实现: HTML5

亮点:

1.创意定位

央视网推出的二十大相关的创意H5作品。以“二十大报告@你”为主题,里面展现了中国近十年的民生改善和社会成就,通过让用户选择自己关心的方面,最后生成该用户关注的二十大报告清单。

 

2.策划逻辑

大致流程:Loading → 主题页 → 成就快闪 → 长图点选 → 生成清单。

 

二十大报告@你,用很网络化的语言风格,一下子会拉近与用户之间的距离。既然@我了,点开参与互动一下,理所当然,顺理成章。

 

前半部分可以用干净利索形容,加载→主题页,点击主题页中的“点击进入”,出现翻页快闪,用几张图快速翻阅的方式,让用户领略中国近10年取得的伟大成就。然后,进入长图点选部分。

 

后半部分的长图点选+生成海报,很是丰富,包含了民生的各个方面,与用户很贴近,选起来一点不费劲,点选后,还有放大效果。侧边框里有已经点选过的选项,可以删除,点击“结束选择”,即可进入最后的清单海报。长按可以保存海报,点击底部的链接,可以跳转官媒链接。

 

3.视觉交互

卡通动画风格,清新舒适。交互方式主要包括:点击、滑动、长按保存等。

 

4.用户体验

把文字报告生成更具有可读、可交互性的创意H5,可以让二十大传递的精神更便捷、更直接地传递给每一个人。降低的阅读门槛,增强了可参与度,这样的报告,谁不爱?!





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

标签

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

相关推荐:

央视网:回到那年

央视网:中国有民歌

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~