辣妈春卷：问情人节怎么过，测老公类型

2018-04-25 H5案例分享 H5案例分享

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

识别图中二维码

问情人节怎么过，测老公类型-查阅二维码

完整欣赏此案例大约需要1分30秒

案例：问情人节怎么过，测老公类型

出品：辣妈春卷

亮点：

策划上，宣传类。这是对辣妈春卷公众号的宣传。进入首页，老婆问老公情人节怎么过，选择老公会回答的选项，一共有5个选项，然后会跳转到老公的类型结果页面，这时用户可以点击惩罚他或是奖励他，惩罚有两个选项，奖励也有两个选项，点击惩罚或奖励完成之后，点击我不爽，会跳回到奖罚选择页面，直到用户点击我爽了，才会跳转到领奖页面，点击领奖会跳转到辣妈春卷公众号，里面会有详细的参与领奖的介绍。
设计上，以粉色为主色调，测试类的题材，会比较吸引用户。
交互上，上下滑动翻页或是点击选项。
体验上，粉色的主题很适合情人节，画面画风以及布局让人很舒服，但是技术方面有一点问题，小编点击按钮总是会跳出图片，这个方面有待改进。

技术实现： jQuery.js + zepto.js

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

标签