虾米音乐:虾米编辑部夏日寻宝之旅
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分59秒
案例:虾米编辑部夏日寻宝之旅
品牌:虾米音乐
技术实现: JavaScript
亮点:
1、创意定位
虾米音乐品牌宣传H5,以虾米编辑部的形式,帮助虾小编寻找云图碎片,通过H5了解虾米音乐,引导用户下载虾米音乐APP。
2、策划上
① 这支H5,以虾米编辑部为场景,Loading页面中显示“夏日寻宝之旅”,Loading页加载完毕,显示当前用户是第几位访客,并提示帮助虾小编寻找云图碎片,点击“立即开启”按钮,快速展示4个主场;
② 随机出现一个主场,出现提示,显示正确的拼图碎片就藏在这些神奇的物体中,4个主场分别是:音乐节气屋、荒岛唱片店、音乐新青年俱乐部、环球音乐地图;点击屏幕上的物品,如果寻找正确出现碎片,错误提示碎片不在这;屏幕右上角有已找到碎片提示;每个主场藏碎片的位置会随着每次的进入随机变化;每个主场一个碎片;左右滑动或者点击左右箭头切换主场;4个碎片都找到,进入恭喜找到灵感云图界面,进入最终的海报页面;
③ 在海报页面中,会有提示在哪个主场中找到碎片最快,这张海报就是找到最快碎片的那张主场图,也会有当前用户是第几位编辑部访客,还文案(文案可以点击“换一换”按钮进行切换),每个主场的文案都会不同,就算点击“换一换”按钮进行切换,也会与主场有关。
3、设计上
3D立体效果,每个主场画面都有很多细节。
4、体验上
很多细节可圈可点,例如每次进入相同主场,需要查找的碎片位置都会不同;每次进入H5,进入的主场也会不同;最后生成的海报,文案就算可以切换,也是很最终给出的主场有关。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号