腾讯公益:英格利士翻译器
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要3分钟
案例:英格利士翻译器
品牌:腾讯公益
技术实现: video+语音识别
亮点:
1.创意定位
腾讯公益“为乡村小学在线支教”项目做的创意H5作品。通过“英格利士翻译器”主题,让用户了解许多乡村小学生仍用“中文音标”来辅助英语阅读,从而唤醒大家对落后地区的同情和理解,最后达成公益捐赠。
2.策划逻辑
整体流程:Loading→主题页→创意视频→录音评分→落地图文→捐款。
① Loading部分,用Loading“喽顶”来切入主题。
② 主题页:一页26个字母的练习本,缓动进入,露出主题:英格利士翻译器English Tanslator。下翻页,进入创意视频部分。
③ 创意视频:一个帅气的小男孩,用中文在磕磕绊绊中读着一段“英文”。视频右下角设置了“跳过”按钮。视频结束,进入交互页面:你知道他念的英语是什么意思吗?猜不出来?让英格利士翻译器帮你翻译下。点击“英格利士翻译器”进入录音评分部分。
④ 录音评分:首先调起录音功能授权,用户点击“允许”后,可以长按录音,读取屏幕上的文案:I wash my face, and then I eat breakfast. Sometimes I clean my cave,too.长按阅读后,出现评分。然后进入落地图文页。
⑤ 落地图文:用图文形式介绍了部分乡村小学在线支教公益活动,有四川凉山阿波觉小学,甘肃省华池县定汉小学......像上面这样教育资源不发达的乡村小学,在中国还有9万所。这些软硬件的投入,需要您的支持。点击“支持他们”进入腾讯公益捐款页。
⑥ 捐款:捐款页有三种固定金额(20元,50元,100元)和可以输入的“任意金额”,选选或输入后,点击“确定捐款”,直接跳转腾讯公益捐款确认页,点击“送出爱心”按钮,即调起在线支付。支付成功后,弹出“感谢信”海报,长按可以保存到手机。
3.视觉交互
用实物实景真人效果,带入感极强。交互上,采用了滑屏、长按、点选和录音测评的方式,让用户产生较深的参与感,引发强烈共鸣,最后达成让用户捐款。
4.用户体验
整体体验流畅,交互逻辑清晰,长短适中,最终诉求明确,形成有效转化。开始看似搞笑的“中文音标”读英文,恰是后面内心震撼的点,小五捐了20元,略尽绵薄之力。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号