太平人寿:三年,你的认识能增值多少

2016-03-11 H5案例分享 H5案例分享
太平人寿:三年,你的认识能增值多少

案例:三年,你的认识能增值多少

出品:太平人寿

亮点:

  1. 策划上,小游戏类,分为两个维度,一:先以三幅图,展现三年时间都可以做到哪些事情,由此引出太平畅享世家两全保险(分红型),用三年增值一生;二:计算小游戏,选择性别,输入年龄以及三年中每年投入的金额,点击“计算财富”,即可计算出88岁时的财富总额,但是不可当真哦,毕竟未来的事是不确定的
  2. 设计上,漫画风格,采用酒红色作为主色调
  3. 交互上,整体页面采用时钟旋转方式进行屏幕切换
  4. 技术上,整体动画主要用的是CSS3的transform



技术实现: jQuery + TweenMax(动画框架)


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

识别图中二维码

三年,你的认识能增值多少-查阅二维码


三年,你的认识能增值多少

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~