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

2020-12-05 H5案例分享 H5案例分享
腾讯公益:英格利士翻译器


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

识别图中二维码

英格利士翻译器-查阅二维码

完整欣赏此案例大约需要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案例分享”团队原创文章,转载请注明出处!

标签

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

相关推荐:

腾讯公益:被吞噬的愿望

腾讯公益x我是创益人x腾讯基金会:敦煌未来博物馆

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~