腾讯翻译君:她到底几个意思

2019-01-02 H5案例分享 H5案例分享
腾讯翻译君:她到底几个意思


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

识别图中二维码

她到底几个意思-查阅二维码

完整欣赏此案例大约需要1分50秒


案例:她到底几个意思

出品:腾讯翻译君

亮点:

  • 1、创意定位:
  • 采用第一视角真人拍摄+互动测试,将时下H5最为流行的两种方式融合在一起。选取网络热议话题“直男求生欲”为切入点,击中“与我有关”的网友心理。并选取情侣间因为英文而造成窘况,将腾讯翻译君AR翻译功能结合在剧情之中,同时加入能让用户亲自操作的交互环节,在强代入感的剧情设计和趣味互动中软性植入产品功能,也向受众传递对待爱情要走心,更要智商在线的概念。

2、策划:

抛弃常规百分比进度条的loading页,设计为弹幕式女生“潜台词”,让用户一打开H5就快速get主题。故事内容发生在“男朋友”第一视角下,洞察情侣在生活中的细节,选取四个日常小事件,让用户自主点击选择下一步的剧情,根据不同的选择向用户展现不同结果的剧情。在最后一个中设计英文相关的情节,植入翻译君“AR翻译,即扫即懂”功能的露出。H5结束之后,用户通过自己在过程中的选择,可以检验自己的“直男程度”及英语水平,并得到如“注孤生优秀代表”、“大神级偷心Boy”等标签的测试结果。

 

 

3、设计:

视频部分,选取柔和、自然的色调,加上男女主角简单舒适的造型,配合视频的居家主体。在互动环节部分,弹窗、按键清晰明了,并根据文案配以相应的图案元素,增加画面完整性。最后在测试结果页部分,以手绘漫画形式展现情侣相处的不同场景,用色清新柔和,与视频整体画风保持一致,用荒诞感的人物动作增强画面的趣味性。

 

4、体验:

加载速度快,操作简单流畅,产品软性植入方式也不会让人反感,整体趣味性较强符合年轻受众的喜好,但节奏上可以适当地加快。



技术实现: jQuery + annieJs



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

标签

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

相关推荐:

腾讯视频:这一年,我的内心戏

腾讯:幸运塔罗牌

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~