腾讯公益:最后一堂课
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分钟
案例:最后一堂课
品牌:腾讯公益
技术实现: HTML5
亮点:
1.创意定位
腾讯公益“为乡村留下好老师”项目做的创意H5作品。以“最后一堂课”为主题,让用户了解乡村教师的流失情况,呼吁大家捐款,为乡村教师留下伸出援手。
2.策划逻辑
整体流程:Loading→主题页→创意视频→落地图文→捐款→海报。
① Loading部分:最后一堂课,直接切入主题。
② 主题页:露出品牌Logo和主题“最后一堂课”。引导用户“上滑观看完整视频”。
③ 创意视频:用老师第一视角,带孩子们朗诵“三字经”。然后,视角变换,黑板上以板书形式,逐行显示手写体文案:在中国超过60%的学生在乡村上学。由于生活艰苦,教育条件落后,每年招聘到乡村任教的老师不足10%,而这10%的老师仍会不断流失。令乡村学生的学业倍受影响。您愿意伸出援手,为乡村留下好老师,让他们为中国的未来而教吗? 创意视频右上角设置了“跳过”按钮。
④ 落地图文:两张乡村教师带领孩子上学的照片,加上黑板上飘过的板书文案。页面底部设置“留下老师”交互按钮,点击后,进入捐款金额选择页面。
⑤ 捐款:可以选择20元、40元、100元,或者自定义金额。点击“确定”按钮后,直接调起支付功能。
⑥ 海报:支付成功后,会有一张感谢海报弹出。显示一位孩子质朴纯真的笑容,和您是第多少位的捐赠者的,以及品牌元素信息。
3.视觉交互
真人实景拍摄,带入感极强,小五再次被打动,顺利捐款20元。交互形式简洁干净,上滑观看视频,点击跳过按钮,点选金额,点击支付,一气呵成。
4.用户体验
操作流畅,交互逻辑简洁清晰,落地明确。孩子课堂上的声音,“苟不教,性乃迁”重复的力量,深入人心,触发内心的思考和善意。性相近,习相远,教育使人走的更远。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号