高露洁：没想到除了一片真心，你还是酱的…..

2017-12-13 H5案例分享 H5案例分享

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

识别图中二维码

没想到除了一片真心，你还是酱的…..-查阅二维码

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

案例：没想到除了一片真心，你还是酱的…..

出品：高露洁

亮点：

策划上，图文展示类，loading是一颗粉红色的爱心，进入首页是杨幂的照片和高露洁牙膏，下面有标语：大胆说出爱。点击音乐标志可以开始或停止音乐，点击活动规则按钮可以了解规则，点及页面其他位置可以进入下一页面：古代三种爱的图片和文字，分别是爱情、亲情、友情。页面下书：古代这样表达爱，你呢？再下是一个写着生辰解锁爱的按钮。点击进入下一页面，输入生日，点击解密，可以得到个人的评价，可以选择在玩、晒出去和定制礼盒告白，礼盒要上传照片和录音才可以发送，发出礼盒后可以刮奖，返回首页，同时宣传了高露洁牙膏。
设计上，采用粉红色作为主色调，首页杨幂的甜美笑容和粉红色的页面就给人以温暖、温馨之感和得到爱的冲动。输入生日后会有对自己的评价，然后把自己的爱大声告白变成礼盒发出去，就会有奖励。这样的过程也确实符合了大胆说出爱的主题，相信无论告白成功与否，告白的人都会深深记住这一刻，同时也就记住了高露洁的宣传，所以说此设计十分成功。
交互上,左右点击切换古人的爱页面，上下滑动可以改变生日，制成礼盒时，可以上传照片和录音，最后还可以滑屏刮奖。

技术实现： JavaScript

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

标签