中国石化:小石头穿越记

2018-05-14 12:13:00
admin
原创
200
中国石化:小石头穿越记


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

识别图中二维码

小石头穿越记-查阅二维码

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


案例:小石头穿越记

出品:中国石化

亮点:

  1. 策划上,宣传类。这是对中国石化的宣传。进入首页,点击出发,小石头开始穿越,小石头在穿越途中体力不支,帮助小石头集齐能量即可回到现代。下拉查看下面的内容,先到了易捷,点击易捷小石头成功恢复说话能力;然后到了国杞天香,恢复了体力,精神焕发;又到了茶馆,获得了滋补能量;又到了温泉,地热温暖了小石头,现在他活力满满了;然后小石头又换上了新衣,自信又回来啦;到了药房,小石头顺便治好了被时空隧道灼伤的眼睛;最后找到了他的爱车,终于能回到现代啦。结束让用户参与抽奖,引导用户下载易捷APP。
  2. 设计上,以羊皮纸画卷为背景,营造古代的气氛。
  3. 体验上,穿越的场景,与用户多次交互让用户仿佛身临其境到达古代,剧情告诉我们在古代中国就已拥有的各种便利,结束再次呼吁用户为中国品牌加油,也间接的宣传了中国石油。



技术实现: jQuery.js + common.js + preload.js