99公益X腾讯公益:解忧诗集

2019-09-18 H5案例分享 H5案例分享
99公益X腾讯公益:解忧诗集


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

识别图中二维码

解忧诗集-查阅二维码

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


案例:解忧诗集

品牌:99公益X腾讯公益

技术实现: html5

亮点:

  1. 创意定位

城市人常感到孤独,但在我们不知道的地方,许多留守儿童正经历着更加煎熬的孤独童年,99公益联合腾讯公益把这些留守儿童写的小诗展示出来,慰藉心灵,感受童真,用户可欣赏作品,也可参加“一块做好事”公益项目,捐出一元爱心,帮助改善留守儿童的生活环境。

 

  1. 策划逻辑

作品操作大致分为三个环节

①主题导入。

一个月牙下的一栋居民大楼,一段关于“孤独”的文字浮现。

②小诗欣赏。

点击大楼上亮着的12个窗户之一,会出现一个城市人的孤独瞬间的照片,内容包括发朋友圈无人在意,坐在一起却各自玩手机,加班回家一个人看综艺,夜晚失眠,一个人过节等,点击屏幕下方的信封,信封打开,上年写着留守儿童比你更孤独,他们把诗送来陪伴你,然后信纸跳出展开,上面出现一首儿童写的小诗,以及小朋友的名字和学校。

③继续阅览或捐款。

可点击下方触点参与捐款,或点击“看其他”返回,继续查看其他窗户。

 

  1. 设计上

以“孤独”为主题,容易抓住用户的好奇心,展示的孤独瞬间也很符合许多年轻人和上班族的心理状况,孩子的诗写得简单,却充满想象,很暖心治愈,小诗页面还点缀了可爱插图,增加观感。

 

  1. 体验上

在节奏缓慢淡淡的钢琴曲中看日常生活中常出现的孤独场景,与孩子的温暖小诗,“一块”做好事即是捐款金额,也是爱心号召,先感受,再参与,帮助别人也治愈自己。





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

标签

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

相关推荐:

雀巢咖啡:解忧小剧场

滴滴打车X99公益日:行者公益 为爱同行

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~