小牛在线：醒醒吧！没钱的日子还多着呢

2018-03-06 H5案例分享 H5案例分享

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

识别图中二维码

醒醒吧！没钱的日子还多着呢-查阅二维码

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

案例：醒醒吧！没钱的日子还多着呢

出品：小牛在线

亮点：

策划上，游戏类。加载完成后，显示用户的个人头像，以及上一个用户的成绩和排名，下方有两个按钮，引导用户分享或者再玩一次。点击“再玩一次”，播放一段视频，讲了最近几个掏空钱包的日子，一步一步引导用户进入游戏中。游戏规则小五不再详细描述，游戏结束，显示用户的成绩，下方有三个按钮，引导用户查看排名、分享或者再玩一次，最下方有一个领取红包，点击后进入小牛在线官网，注册登录后可领取好礼一份。
设计上，整个页面以红色为主，整体营造了一个过节的气氛；语言夸张，动画也比较多。
交互上，与用户的互动比较多，互动均为点击屏幕。
体验上，小五手残，永远酷不过3秒，领取MacBook ProSony微单壕礼的机会就让各位了。

技术实现： javascript

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

标签