腾讯公益:最后一堂课

2020-12-06 H5案例分享 H5案例分享
腾讯公益:最后一堂课


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

识别图中二维码

最后一堂课-查阅二维码

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


案例:最后一堂课

品牌:腾讯公益

技术实现: HTML5

亮点:

1.创意定位

腾讯公益“为乡村留下好老师”项目做的创意H5作品。以“最后一堂课”为主题,让用户了解乡村教师的流失情况,呼吁大家捐款,为乡村教师留下伸出援手。

 

2.策划逻辑

整体流程:Loading→主题页→创意视频→落地图文→捐款→海报。

 

① Loading部分:最后一堂课,直接切入主题。

 

② 主题页:露出品牌Logo和主题“最后一堂课”。引导用户“上滑观看完整视频”。

 

③ 创意视频:用老师第一视角,带孩子们朗诵“三字经”。然后,视角变换,黑板上以板书形式,逐行显示手写体文案:在中国超过60%的学生在乡村上学。由于生活艰苦,教育条件落后,每年招聘到乡村任教的老师不足10%,而这10%的老师仍会不断流失。令乡村学生的学业倍受影响。您愿意伸出援手,为乡村留下好老师,让他们为中国的未来而教吗? 创意视频右上角设置了“跳过”按钮。

 

④ 落地图文:两张乡村教师带领孩子上学的照片,加上黑板上飘过的板书文案。页面底部设置“留下老师”交互按钮,点击后,进入捐款金额选择页面。

 

⑤ 捐款:可以选择20元、40元、100元,或者自定义金额。点击“确定”按钮后,直接调起支付功能。

 

⑥ 海报:支付成功后,会有一张感谢海报弹出。显示一位孩子质朴纯真的笑容,和您是第多少位的捐赠者的,以及品牌元素信息。

 

 

3.视觉交互

真人实景拍摄,带入感极强,小五再次被打动,顺利捐款20元。交互形式简洁干净,上滑观看视频,点击跳过按钮,点选金额,点击支付,一气呵成。

 

4.用户体验

操作流畅,交互逻辑简洁清晰,落地明确。孩子课堂上的声音,“苟不教,性乃迁”重复的力量,深入人心,触发内心的思考和善意。性相近,习相远,教育使人走的更远。

 

 





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

标签

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

相关推荐:

腾讯公益:英格利士翻译器

腾讯公益:分手游戏

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~