网易新闻、喜马拉雅、荔枝、蜻蜓FM:真实不止一面,要听不一样的声音

2020-01-04 H5案例分享 H5案例分享
网易新闻、喜马拉雅、荔枝、蜻蜓FM:真实不止一面,要听不一样的声音


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

识别图中二维码

真实不止一面,要听不一样的声音-查阅二维码

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


案例:真实不止一面,要听不一样的声音

品牌:网易新闻、喜马拉雅、荔枝、蜻蜓FM

技术实现: zepto

亮点:

1、创意定位

网易新闻根据2019年发生的6大争议讨论事件制作的H5,以不同音乐背景形式展示不一样的争议点,让用户自主产生UCG内容产生讨论,并且内容以弹屏形式可见。

 

2、策划逻辑

打开作品,以深沉的背景音乐迅速占领用户的心智,以一张被布遮住的椅子为起点,用标题加深用户的好奇心,椅子旋转的每一个角度都有一个问题点,只需要左右滑动就行看到下一题,减少用户的时间成本,能让更多用户过滤到下一层,已达到传播的效应,弹屏不一样的观点更让用户有更强的好奇心,并且里面有专属的音频播放,能够了解一件事的大概方向,椅子转动一下,椅子上的人物和文字都是匹配的,能够更加场景化展示出想要的效果,最后以单个聚光灯下的椅子展示让大家传播。

 

3、设计上

整体背景以暗沉色为底色,渲染出的物品展示也是以暗透明色为主,这种色凸显出人类的真实心理。

 

4、音效上

深沉的背景乐,烘托了整个活动,让用户直接被占领心智,沉寂在每一道题上产生共鸣和思考。

 

5、交互上

随着开头的椅子自动进入到场景,转动椅子可看不一样的问题,这种体验也比较符合用户的心理,形式也比较好,参与感比较强,因为是自己打开了下一道2019年难题。





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

标签

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

相关推荐:

腾讯新闻:画出2020年运势

网易新闻x凡士林:2020时来运转 凡事皆灵

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~