远景科技集团:来自月球的月饼

2020-09-23 H5案例分享 H5案例分享
远景科技集团:来自月球的月饼


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

识别图中二维码

来自月球的月饼-查阅二维码

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


案例:来自月球的月饼

品牌:远景科技集团

技术实现: html5

亮点:

  1. 创意定位

远程科技集团出品,普及关于新能源和环保方面的信息,宣传远景科技加入了RE100全球倡议的行动,提高用户对品牌的认知和好感,显示远景科技集团在新能源和环保方面的领先作为。

 

  1. 策划逻辑

标题界面是地球图像和几个伸展数据,点击触点进入月饼页面,点击活动说明下的“开始食用”,出现几个被切掉不同大小带着百分比数据的月饼,下方是饱腹感进度条,随着用户点击月饼的数量增多,进度条逐渐被填满,每点击一个月饼,都会出现一个与月饼百分比标识数据相同的知识信息说明,如发电技术装机量,2019年全球售出的新能源汽车数量等,标识着“100%”的月饼代表远景科技集团加入RE100全球倡议的行动,月饼点击后会变暗,用户浏览完数据后返回上一界面继续点击月饼查看其他内容,最后回答一道关于远景计划的问题提交参与抽奖。

 

  1. 设计上

界面比较简约,黑色底色,白色文字,图案也以简白色比例图为主,上方一直有远景的英文标识,信息页面的百分比使用了加粗的白色字体,加深用户印象。

 

  1. 交互上

随着用户点击月饼数量的变多,下方的饱腹感进度条会逐渐增长,月饼点完后,饱腹感进度条满格,即可回答问题参与活动。





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

标签

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

相关推荐:

人民日报X腾讯游戏:助力“嫦娥”,共探星河

腾讯X中国文物保护基金会:长城 万里共婵娟

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~