战马：考验友谊的时刻到了

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

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

识别图中二维码

考验友谊的时刻到了-查阅二维码

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

案例：考验友谊的时刻到了

出品：战马

亮点：

策划上，测试类。这是对战马能量型维生素饮料的宣传。进入首页选择自己的角色与兄弟的角色，一共有六个角色，分别为游戏宅男、花样美男、金刚芭比、嘻哈潮男、职场白领和运动达人，选好后进入测试，一共六道题目，最后一道题选择完成之后则跳到结果页面。
设计上，以红色为主色调，突出能量主题，人物画风略带搞笑风格，使案例变得更有趣。
交互上，左右滑动选择人物，点击选择选项。
体验上，红色的画风给人能量爆棚的感觉，人物风格很有趣搞笑，测试问题都是没得兄弟做的题目，使案例很有槽点。

技术实现： jQuery + sound.js + swiper.js

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

标签