英雄联盟:S8一起为LPL Freestyle

2018-12-14 H5案例分享 H5案例分享
英雄联盟:S8一起为LPL Freestyle


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

识别图中二维码

S8一起为LPL Freestyle-查阅二维码

完整欣赏此案例大约需要2分30秒


案例:S8一起为LPL Freestyle

出品:英雄联盟

亮点:

1.创意定位

用制作歌曲的方式宣传游戏比赛,歌词中包含了游戏的精神,用户参与感很强,最后还有抽奖激励,整个策划非常完整。

 

2.策划上

进入H5后先是3页的玩法介绍,非常详尽。第一次进入的用户只能选择简单模式的beat进行制作,首先在歌词空白处选择认为自己适合的选项填词,接着试听歌曲并调整声音,用户可以选择喜欢的角色声音并进行单独调音,设置完成后进入发表专辑页面,用户可以选择专辑封面并为专辑命名。生成专辑后,用户可以选择分享专辑或者将自己的作品参与比赛。

 

H5到此并没有结束,玩过一遍后,中等和困难级别的beat已经解锁,用户再度进入H5后,不仅可以创建新的专辑,还可以查看之前创建的专辑,整个策划形成了一个闭环。

 

3.设计上

矢量风格,以不同深浅度的蓝色为主色调,十分贴近LOL游戏的画风,但也没有拒绝不玩LOL的用户,从歌词到页面设计,对不玩游戏的人也很友好。

 

4.体验上

操作流畅,提示明显,很容易上手,整个作品参与感很强,可以说是目前音频交互H5中最能体现用户个性化的一款H5。作品的结构完整且严密,闭环的结构能够激发用户的二次进入。但是,小编认为一开始的三页说明有些“吓人”,可能会给用户产生作品很复杂的错觉。

 

 

 



技术实现: jQuery+zepto



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

标签

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

相关推荐:

英雄联盟:2018英雄联盟全球总决赛

英雄联盟&周边商城:小青龙为悟空打Call

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~