远景科技集团:来自月球的月饼
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分钟
案例:来自月球的月饼
品牌:远景科技集团
技术实现: html5
亮点:
- 创意定位
远程科技集团出品,普及关于新能源和环保方面的信息,宣传远景科技加入了RE100全球倡议的行动,提高用户对品牌的认知和好感,显示远景科技集团在新能源和环保方面的领先作为。
- 策划逻辑
标题界面是地球图像和几个伸展数据,点击触点进入月饼页面,点击活动说明下的“开始食用”,出现几个被切掉不同大小带着百分比数据的月饼,下方是饱腹感进度条,随着用户点击月饼的数量增多,进度条逐渐被填满,每点击一个月饼,都会出现一个与月饼百分比标识数据相同的知识信息说明,如发电技术装机量,2019年全球售出的新能源汽车数量等,标识着“100%”的月饼代表远景科技集团加入RE100全球倡议的行动,月饼点击后会变暗,用户浏览完数据后返回上一界面继续点击月饼查看其他内容,最后回答一道关于远景计划的问题提交参与抽奖。
- 设计上
界面比较简约,黑色底色,白色文字,图案也以简白色比例图为主,上方一直有远景的英文标识,信息页面的百分比使用了加粗的白色字体,加深用户印象。
- 交互上
随着用户点击月饼数量的变多,下方的饱腹感进度条会逐渐增长,月饼点完后,饱腹感进度条满格,即可回答问题参与活动。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号