中国石化：小石头穿越记

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

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

识别图中二维码

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

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

案例：小石头穿越记

出品：中国石化

亮点：

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

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

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

标签