科罗娜啤酒：这一刻，刷新老友情

2017-05-05 H5案例分享 H5案例分享

案例：这一刻，刷新老友情

出品：科罗娜啤酒

亮点：

策划上，多屏互动。进入案例，需要微信授权。首页右上角会显示用户头像及得分，点击提示注册相关内容。屏幕右下角按钮可以了解活动规则。点击按钮“立即出发”开始正式内容：①点击开始，挑选一个自己的乐器，出现音乐二维码；②召集好友扫描二维码，接着好友挑选乐器；③等好友全部选择完毕，点击合奏。合奏时，手机需要水平放置，移动手机的话，会出现“放下手机”的提示。尾页可以选择再玩一次或查看排名。

设计上，暖黄色为主色调，背景画面与各种元素，整体上给人一种很舒服，很“下午茶”的感觉，交互的线条感也很好，让人感觉很精致。各自设定也非常人性化，比如无论有几个乐器，都可以合奏，没有最低限制，甚至自己独奏都可以，但是召集好友越多，乐器加入越多，音乐更完整，更好听！

体验上，互动性很强，多种乐器合奏也让人充满了参与感。小编认为，音乐是这个世界上最没有障碍的交流方式，虽然各类音乐曲风迥异，但大家爱的东西都是旋律，所以以这个为出发点进行传播，可能会戳中用户让其产生共鸣，和浓厚的兴趣。小编准备找十个手机搞个完整版哈哈哈哈。鸡蛋里挑骨头，作为严重完美主义者，小编觉得，题目的吸引力不够，并且小编测试时，分享出去的链接不是当前的内容，分享的标题和描述也可能没到吸引很多用户点进来的程度。（不准说 U can u up 哈哈哈哈哈！）

技术实现： JavaScript

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

识别图中二维码

这一刻，刷新老友情-查阅二维码

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

标签