中国石化:小石头穿越记

2018-05-11 H5案例分享 H5案例分享
中国石化:小石头穿越记


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

识别图中二维码

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

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


案例:小石头穿越记

出品:中国石化

亮点:

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



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



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

中国石化:2015社会责任报告

南方日报:出发咯!小编邀你穿越清远30年的时光之旅

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~