三联生活周刊X中读:测测你的音乐人格
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要3分钟
案例:测测你的音乐人格
品牌:三联生活周刊X中读
亮点:
1.创意定位
本案例由三联生活周刊、中读APP联合打造的一个测试类型的H5,通过该H5吸引更多用户购买古典音乐大师课,同时关注三联中读公众号。
2.策划逻辑
a.加载页面是一把夜色中的小提琴,加载完毕之后首屏是“测测你的音乐人格”的文字和一个悬浮的发光人体。
b.点击首屏的播放按钮,进入测试。变换的画面中出现了一个下坠的人,然后提示你陷入了梦魇,最后停留在选择页面,你可以选择“女巫”或者是“猎人”这两个角色,选好之后,画面再次变换,出现了一座古堡,古堡门口出现第一道选择题,选好之后进入古堡内部,出现第二个选择题,选定之后画面切换至第三个选择题界面,再依次往下,直到5个选择题全部完成。
c.选择题全部完成后就是最后的测试结果页,也是结束页。页面是一张印有注明音乐家的海报,根据之前不同的选择,生成不同的音乐家海报,右下角有长按存图按钮以及“再测一次”、“领取古典乐大礼包”按钮,点击“再测一次”回到首屏,点击“领取古典乐大礼包”进入到古典音乐大师课购买界面。
d.在第二、四题中,4个选项都是著名的音乐曲目,可以先试听再选定,第五题4个选项分别代表不同的天气,选择哪种天气穿外就会出现对应的天气。
3.设计上
迷幻的音乐背景,加上梦魇、古堡、古典音乐,给人一种毛骨悚然的神秘感。
4.体验上
整体的氛围都渲染的非常好,但是古典音乐为什么要跟神秘感扯上关系,不太明白。
技术实现: HTML5
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号