Lipton 立顿：和李治廷一起出彩英伦之旅！

2016-07-18 H5案例分享 H5案例分享

案例：和李治廷一起出彩英伦之旅！

出品：Lipton 立顿

亮点：

策划上，视频&音乐类。Loading结束后，李治廷会跟你打招呼，对你说“最近新歌创作不够出彩，能给我一点灵感吗？”接下来，分为三部分：第一部分“绅士作风MV”可以观看李治廷新歌“绅士作风”的MV，李治廷变身英伦绅士，演绎活力英式摇滚舞曲；第二部分“出彩节拍器”，是一个小游戏，模拟了混音器“Launchpad”，先选择歌曲中的一段，然后在15秒内点击屏幕尽情创作。第三部分便是详细的“活动规则”。
设计上，配色为典型的立顿果茶配色，多为渐变色，随着用户点击每个模块，颜色会随之改变，还有气泡圈在屏幕上漂浮着。视频炫酷，动画效果华丽，就连“分享”的小细节动画都做得非常好看。并且在视频类H5热火朝天的现在，这款H5还能附以音乐类互动，实现真正的交互，一下子让小编耳目一新，目不转睛！最最最关键的是，李治廷怎么辣么帅！
体验上，颜值高，动画炫，音乐赞！小编玩得好爽！唯一美中不足的是，貌似“主歌”和“副歌”模块内容不小心弄反了，不知道之后会不会改过来。

技术实现： Zepto

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

识别图中二维码

和李治廷一起出彩英伦之旅！-查阅二维码

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

标签