职职帮：测一测你的年薪值多少？

2018-05-10 H5案例分享 H5案例分享

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

识别图中二维码

测一测你的年薪值多少？-查阅二维码

完整欣赏此案例大约需要55秒

案例：测一测你的年薪值多少？

出品：职职帮

亮点：

策划上，宣传类。这是对职职帮的宣传。进入首页，首先映入眼帘的是“你好！面试官”几个大字，给人一种视觉上的震撼。在屏幕的下方有着等待你开启的未来之门，当你点击面试图像的时候，你会进入到测试阶段，然后点击“开始测试”，里面会有六道不同的题目，当你答完一道题系统就会自动进入下一题，直至结束。题目全部答完之后，你会遇到多个不同面试官的自我介绍，介绍完毕之后，你的结果就基本生成了，可以点击查看，查看之后，就会看到你匹配的职业以及介绍，最后可以保存图片或者分享到朋友圈，也可以扫二维码再次进行测试。从开始到结束一直引导着用户关注职职帮。
设计上，背景颜色主要是黑色和蓝色，页面也简便清晰，在查看的过程中不会产生视觉疲劳，是一个很好的设计。
体验上，从进入首页开始到最后的结束，始终贯彻着求职的路线，职职帮为你提供更大的舞台，选择更好的未来，体现了职职帮的初心。达到了很好的宣传效果，是一个很好的案例。

技术实现： Video.js + hammer.js + pixijs

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

标签