碧桂园: 非凡之旅,因爱而行

2019-11-01 H5案例分享 H5案例分享
 碧桂园: 非凡之旅,因爱而行


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

识别图中二维码

 非凡之旅,因爱而行-查阅二维码

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


案例: 非凡之旅,因爱而行

品牌: 碧桂园

技术实现: html5

制作:

亮点:

  1. 创意定位

碧桂园通过真人视频的方式介绍4+X扶贫项目的作品,用户可观看扶贫对象的自白视频,了解扶贫内容,感受贫困人群的迫切需求和建设热情,参与支持扶贫,以此扩大此项目的影响力,帮助更多人脱贫,同时优化碧桂园的企业形象。

 

  1. 策划逻辑

加载界面是一个齿轮在加载进度上转动,主页是动车驾驶室的图案和作品标题,点击“开启旅程”后,可以点击“下一站”和“上一站”逐个观看不同区域扶贫项目的插画和视频,分别是产业,教育,就业和党建扶贫,视频内容是当地扶贫对象的一段20秒左右的自白,介绍自己的名字和心愿,点击视频下的“参与公益”,输入名字可生成海报,海报包括此项目的扶贫插图和出品方名字,用户名和此项目参与人数,用户可保存海报或点击“重启旅程”继续观看。

 

  1. 设计上

手绘插图颜色清浅温暖,海报上安居乐业的人们象征了扶贫项目给贫困人口带去生活的希望,真人录制的小视频朴实无华,对生活美好愿望的诉说很打动人心,像每天能背上书包去上学这样普通的事情以愿望的形式从孩子嘴中说出来,很能让人感受到有些孩子的处境艰难,还有退休党员一腔热血愿意继续带领大家搞建设等,能激发用户参与扶贫的热情和动力。

 

  1. 交互上

用户点击观看视频后,可直接参与此公益项目,生成海报,也可继续观看下一个或上一个,在海报页面可直接重回作品,继续观看和支持其他扶贫项目。





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

标签

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

相关推荐:

碧桂园:土味天团出道

中国扶贫基金会:99公益日做改变世界的梦想家

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~