腾讯新闻:我为改革开放唱首歌

2018-10-21 H5案例分享 H5案例分享
腾讯新闻:我为改革开放唱首歌


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

识别图中二维码

我为改革开放唱首歌-查阅二维码

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


案例:我为改革开放唱首歌

出品:腾讯新闻

亮点:

1.创意定位

 以“我为改革开放唱首歌”为创意点为改革开放40周年致敬。用说唱的方式回顾了改革开放40周年的进步,以每个年代特有的标志性的人、物和技术,道出每个年代的特色和时代的进步,最后露出“腾讯新闻”品牌,并可以跳转进“腾讯新闻”回首改革开放40年的专题页面。

 

2.策划逻辑

以改革开放为主题,从1978-2018,每十年一个时间段,开始回忆(需要用户交互1次),以每个年代流行的人、物、技术为内容,串成Rap说唱:70年代(海报、搪瓷杯、年画娃娃)、80年代(黑白电视、老相册、语文课本、铁皮文具盒)、90年代(美女挂历、俄罗斯方块游戏机、BP机、游戏卡带)、00年代(QQ、台式电脑、诺基亚1100、体育杂志)、10年代(智能手机、高铁、共享单车、微信支付),最后落地页露出“腾讯新闻”品牌,并可以跳转腾讯新闻致敬改革开放40周年专题页。

 

3.视觉设计

 以各年代特色老物件动图的怀旧风格,配合说唱Rap+字幕,年代带入感很强。整体不流畅不拖沓,给赞1枚。

 

4.体验上

 目标受众人群广泛,各个年代的人都自动对号入座,找自己熟悉的部分。



技术实现: jQuery+CreateJS+HammerJS+Video



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

标签

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

相关推荐:

腾讯新闻+腾讯体育:信不信?这里有关于俄罗斯世界杯的一切!

腾讯新闻、腾讯体育:章鱼保罗的救赎

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~