红星新闻网：拼手速，为成都科创名片点赞！

2021-07-26 H5案例分享 H5案例分享

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

识别图中二维码

拼手速，为成都科创名片点赞！-查阅二维码

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

案例：拼手速，为成都科创名片点赞！

品牌：红星新闻网

技术实现： HTML5

亮点：

1.创意定位

近年来，成都科技创新持续发力，多个重大科技基础设施在成都落地建设，一个个“国之重器”持续推进，为科技自立自强贡献“成都智慧”。用h5点赞互动的形式，展现成都的“国之重器”，让网友一起为其点赞。

2.策划逻辑

用拼手速点赞的形式，串联整个产品，罗列成都的“国之重器”，成都超算中心、新一代“人造太阳”、天府实验室、转化医学国家重大科技基础设施（四川）、川藏铁路技术创新中心、歼-20、AG600飞机通信导航系统。点赞贯穿整个产品，最后累计点赞总数，可以滑动选择生成最终海报分享至朋友圈。

3.设计上

产品采用全手绘动画形式，色调统一，风格统一，展示了成都的“国之重器”，制作精良，清新的风格同科技结合带来全新的视觉体验。

4.体验上

产品流畅连贯，产品内每个“国之重器”都加了动效以及音效，视觉体验感更强。搭配大气的背景音乐，加上狂点屏幕点赞的形式，令人热血澎湃。最后可以选择自己喜欢的海报保存下来，分享朋友圈一起来比拼，看谁才是点赞最多的人，让网友深度参与！

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

标签