虾米音乐:虾米编辑部夏日寻宝之旅

2020-08-30 H5案例分享 H5案例分享
虾米音乐:虾米编辑部夏日寻宝之旅


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

识别图中二维码

虾米编辑部夏日寻宝之旅-查阅二维码

完整欣赏此案例大约需要1分59秒


案例:虾米编辑部夏日寻宝之旅

品牌:虾米音乐

技术实现: JavaScript

亮点:

1、创意定位

虾米音乐品牌宣传H5,以虾米编辑部的形式,帮助虾小编寻找云图碎片,通过H5了解虾米音乐,引导用户下载虾米音乐APP。

 

2、策划上

① 这支H5,以虾米编辑部为场景,Loading页面中显示“夏日寻宝之旅”,Loading页加载完毕,显示当前用户是第几位访客,并提示帮助虾小编寻找云图碎片,点击“立即开启”按钮,快速展示4个主场;

② 随机出现一个主场,出现提示,显示正确的拼图碎片就藏在这些神奇的物体中,4个主场分别是:音乐节气屋、荒岛唱片店、音乐新青年俱乐部、环球音乐地图;点击屏幕上的物品,如果寻找正确出现碎片,错误提示碎片不在这;屏幕右上角有已找到碎片提示;每个主场藏碎片的位置会随着每次的进入随机变化;每个主场一个碎片;左右滑动或者点击左右箭头切换主场;4个碎片都找到,进入恭喜找到灵感云图界面,进入最终的海报页面;

③ 在海报页面中,会有提示在哪个主场中找到碎片最快,这张海报就是找到最快碎片的那张主场图,也会有当前用户是第几位编辑部访客,还文案(文案可以点击“换一换”按钮进行切换),每个主场的文案都会不同,就算点击“换一换”按钮进行切换,也会与主场有关。

 

3、设计上

3D立体效果,每个主场画面都有很多细节。

 

4、体验上

很多细节可圈可点,例如每次进入相同主场,需要查找的碎片位置都会不同;每次进入H5,进入的主场也会不同;最后生成的海报,文案就算可以切换,也是很最终给出的主场有关。

 

 





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

标签

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

相关推荐:

虾米音乐:奇境荒岛派对 | 快来制作你的2019年度专属唱片

虾米音乐:梦回长安,你会遇见谁?

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~