网易新闻:你对生活99%的向往,在这里都能找到答案

2019-08-22 H5案例分享 H5案例分享
网易新闻:你对生活99%的向往,在这里都能找到答案


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

识别图中二维码

你对生活99%的向往,在这里都能找到答案-查阅二维码

完整欣赏此案例大约需要40秒


案例:你对生活99%的向往,在这里都能找到答案

品牌:网易新闻

亮点:

1.创意定位

由网易新闻和新天鹅堡制作的关于品质生活的人设测试H5。

 

2.策划逻辑

整个H5主要分为3部分

 

①Loading部分:蓝灰色的背景上一直白色天鹅在游动,下方是加载条。

 

②内容部分:首先是一段关于这个测试的段视频,右上角可点击跳过,测试主页:“你是哪类生活品质家?”按照提示点击题目进入测试,

Q1:休闲的假日,你希望听到哪种声音醒来?

Q2:晨跑于林间,迎面有人向你打招呼,你觉得ta是?

Q3:沿途的雕塑错落有致,你被他吸引住目光:

Q4:游山湖之中,惊叹林海云涌,此刻,你拍下了眼前的这幅美景:

Q5:信步在繁华的商业街中,你缓缓走向了?

回答这五个问题的时候,可点击画面中的各种图形选项,会有相应的互动。

 

③海报部分:会得出用户的品质生活人设,有高亮的词汇和分析语句,长按可保存图片,可选择“重新测试”和“前往品鉴”

 

3.设计上

扁平画风的设计,清新的配色。

 

4.体验上

选项互动性很强,而且和天鹅堡也有些联系。



技术实现: HTML5



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

标签

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

相关推荐:

BMW X网易新闻X哒哒:高能基因备份”B“计划

广汽集团:广汽Acura RDX周末放疯

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~