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