Panasonic 松下：松下米粒的爱情

2016-05-25 H5案例分享 H5案例分享

案例：松下米粒的爱情

出品：Panasonic 松下

亮点：

策划上，小游戏类，分为三个维度，一：米先生坠入了爱河，要放大招追米粒小公举，鲜花攻势、霸气壁咚、展示财力统统碰壁，最终选择终极大招“生米煮成熟饭”，拿下米粒小公举；二：走心令人感动的视频，我能想到最浪漫的事就是和你煮成饭团；三：填写个人信息，即可申请试用哦；迫不及待想体验松下电饭煲的小伙伴，可在尾屏点击“立即购买”，即可跳转到京东松下电饭煲购买链接，购买此款产品
设计上，卡通漫画风格，采用蓝色作为主色调，萌萌的米粒好可爱哦，萌哒哒~~~
交互上，采用点触按钮方式
技术上，整体动画主要采用CSS3的animation和js控制图片依次显隐；摇一摇采用的是html5的重力感应
体验上，这支H5的第一部分米先生选四大招招追米粒小公举，与京东出的《妈妈再打我一次》很相似哦，不过在这里采用这样的展现形式，真的很不错哎~~~

技术实现： Zepto

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

识别图中二维码

松下米粒的爱情-查阅二维码

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

标签