宜信财富：总有收获不负光阴

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

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

识别图中二维码

总有收获不负光阴-查阅二维码

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

案例：总有收获不负光阴

出品：宜信财富

亮点：

策划上，宣传类。这是对宜信财富的宣传。进入首页，先是提示你总有收获，不负光阴。再给你提出一个问题“‘十’字加两笔，能得到那些字？”，让你发散思维，思考到合适的文字自己动手填到田字格内，然后解锁文字。而当你填错的时候，还可以擦掉重来，为你提供更多的更广阔的思维空间；当你实在是想不出来合适的文字的时候，你可以点击触发灵感，获得提示。当你填入正确的文字时，点击解锁文字，就会出现相应的文字解读，文字解读的下方有两个按钮，分别为再写一个和邀请好友来战，点击再写一个，就会回到初始页，点击邀请好友来战，会出现一个邀请页，可以发送给朋友。当你解锁完屏幕下方所有的文字时，会跳转到最后的页面，你可以在最后的页面识别二维码预留信息，也可以邀请好友，集思广益，触发灵感。
设计上，背景用了较少的颜色，画面设计比较新颖，体现了不同的理财方式，给别人不同的参考。
体验上，以问题来开头，瞬间能吸引人们的注意力，这已经成功了第一步，当准确写入一个文字的时候，进入解读文字行列，会引出人们的遐想，别的字会是什么解读呢？这样就可以吸引人们继续下去。所以说，效果还是非常不错的，是一个较好的案例。

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

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

标签