百奇：粒粒百奇，青春有你才完整

2018-05-21 H5案例分享 H5案例分享

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

识别图中二维码

粒粒百奇，青春有你才完整-查阅二维码

完整欣赏此案例大约需要3分55秒

案例：粒粒百奇，青春有你才完整

出品：百奇

亮点：

策划上，视频类。进入首页首先看到的就是百奇的各种宣传，同时还能测一测你是什么样的闺蜜。每个人都想追逐自己的梦想，而闺蜜则是给与更多的支持。无论发生什么事情，闺蜜都会与你一起，都会陪伴你。最后，便能测出你是什么样的闺蜜，随便领取属于你的Pocky，如果感觉不是很符合，还可以再测一次，可以长按扫码测一测。Pocky陪伴你的青春，彼此见证，让你的青春多姿多彩，就因为有你，我们的青春才更完整。
设计上，背景主要为粉色系列，画面采用视频，使效果更佳，体现了闺蜜之间的友好感情，正好引出Pocky，是更多的人知道她，关注她。
交互上，点击，长按和视频。
体验上，闺蜜，是世界上的另一个你，比你更懂你，她和你一起见证彼此的青春，一起做梦，也一起为对方的梦应援，你们之间有这只有彼此才懂的故事，一些片段不管回忆多少次，都能一起笑出来，这才是闺蜜啊！

技术实现： layer.js + aliplay.min.js

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

标签