壳牌:壳牌智慧能源体验馆

2018-09-08 H5案例分享 H5案例分享
壳牌:壳牌智慧能源体验馆


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

识别图中二维码

壳牌智慧能源体验馆-查阅二维码

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


案例:壳牌智慧能源体验馆

出品:壳牌

亮点:

1.创意定位,推广壳牌智慧能源产品

2.策划上,将壳牌的一系列智慧能源产品介绍组合在一起,呈现出一个线上“体验馆”的模式。①H5真实的模拟了体验馆的场景,读者进入H5后,需要通过点击进入体验馆的的馆内。②进入体验馆后,有三个子场馆,其中“环能动力馆”和“多源城市馆”可供进入。③任意进入一个场馆后,读者可根据提示看到每个智慧能源产品的介绍。④每个智慧能源产品介绍都是一个有着小交互的动画,比如在展示“壳牌高铁润滑脂”时,读者需要根据提示,将启动闸合上、润滑脂倒入高铁之后,高铁才能继续运行。⑤读者每完成一个交互,就会收集一张智慧能源卡,该卡可以兑换壳牌出行礼。⑥屏幕上方设有导航按钮,读者可随时切换体验场馆。 

3.设计上,是中规中矩的扁平卡通风格,颜色搭配清新亮眼,每个场景下的小动画十分别致有趣。

4.体验上,整体较为流畅,但是场景略多,交互重复度高,看到后面有些失去耐心了~ 



技术实现: Html



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

标签

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

相关推荐:

壳牌:壳牌STYLE,重新定义你的加油体验!

京东:时尚生活体验馆

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~