三联生活周刊X中读:测测你的音乐人格

2019-05-05 H5案例分享 H5案例分享
三联生活周刊X中读:测测你的音乐人格


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

识别图中二维码

测测你的音乐人格-查阅二维码

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


案例:测测你的音乐人格

品牌:三联生活周刊X中读

亮点:

1.创意定位

本案例由三联生活周刊、中读APP联合打造的一个测试类型的H5,通过该H5吸引更多用户购买古典音乐大师课,同时关注三联中读公众号。

 

2.策划逻辑

a.加载页面是一把夜色中的小提琴,加载完毕之后首屏是“测测你的音乐人格”的文字和一个悬浮的发光人体。

b.点击首屏的播放按钮,进入测试。变换的画面中出现了一个下坠的人,然后提示你陷入了梦魇,最后停留在选择页面,你可以选择“女巫”或者是“猎人”这两个角色,选好之后,画面再次变换,出现了一座古堡,古堡门口出现第一道选择题,选好之后进入古堡内部,出现第二个选择题,选定之后画面切换至第三个选择题界面,再依次往下,直到5个选择题全部完成。

c.选择题全部完成后就是最后的测试结果页,也是结束页。页面是一张印有注明音乐家的海报,根据之前不同的选择,生成不同的音乐家海报,右下角有长按存图按钮以及“再测一次”、“领取古典乐大礼包”按钮,点击“再测一次”回到首屏,点击“领取古典乐大礼包”进入到古典音乐大师课购买界面。

d.在第二、四题中,4个选项都是著名的音乐曲目,可以先试听再选定,第五题4个选项分别代表不同的天气,选择哪种天气穿外就会出现对应的天气。

 

3.设计上

迷幻的音乐背景,加上梦魇、古堡、古典音乐,给人一种毛骨悚然的神秘感。

 

4.体验上

整体的氛围都渲染的非常好,但是古典音乐为什么要跟神秘感扯上关系,不太明白。



技术实现: HTML5



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

标签

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

相关推荐:

百度 x 三联生活周刊:2015国民表达大数据

我的世界 x WA!:我的搬砖现场

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~