新华网X新华媒体创意工厂X腾讯新闻：指尖上的报告

2020-05-25 H5案例分享 H5案例分享

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

识别图中二维码

指尖上的报告-查阅二维码

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

案例：指尖上的报告

品牌：新华网X新华媒体创意工厂X腾讯新闻

技术实现： jQuery + Hammer.JS

亮点：

1.创意定位

疫情即将过去，民众也要开始慢慢恢复正常的生活，政府对于疫情后的各项社会工作有着怎样的计划和部署？本作品给出了详细的解答。

2.策划逻辑

根据提示滑动屏幕，作品一步步展开，上方是介绍文字，下方是对应三维动图，依次介绍了以下方面的政府工作规划:外贸与跨境服务，就业政策，居民消费，教育资源扩展，公共服务和城区改造，疾病预防与居民医保，基础设施建设，重大工程建设，农村脱贫工作，环保工作。最后用户长按触点对准手机话筒吹气，生成民意海报。

3.设计上

随着作品的展开，下方动图的播放框会相应变成各种轮廓，播放框内的动图也会变化相应的主色，如讲到消费时变成红色，讲到环保时变成绿色等，互动一次展现一个版块的设计，提高用户参与感，突出政府工作与你我的一举一动都息息相关的主题。

4.体验上

作品对于政府工作的介绍很有条理，涵盖了与民生相关的各个方面，最后落点到政府工作与你我相关，在疫情后，配合政府调整和全面着力，相信生活一定会尽快回到正轨。

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

标签