oppo :巴斯克维尔的传说

2019-07-08 H5案例分享 H5案例分享
oppo :巴斯克维尔的传说


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

识别图中二维码

巴斯克维尔的传说-查阅二维码

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


案例:巴斯克维尔的传说

品牌:oppo

亮点:

 

 1.创意定位

这是oppo为了宣传oppo Reno十倍变焦的功能而策划推出的一款动画类H5,通过H5促使用户购买使用oppo Reno手机。

 

 2.策划逻辑

  • ①Loading部分:

首页中间是一个铃铛,点击铃铛下方“进入”按钮,紧接着是一个大门,大门打开后是一段案件调查的手绘短片。

 

  • ②内容动画部分:

一个侦探接到了关于传说的案件,委托人Dr.O在沼泽里遇到了传说中的野兽,箱子里的重要发明也不翼而飞了,侦探使用可变焦的探案镜片查看箱子,发现箱子上有“血迹”“撬痕”“毛发纤维”,在发现毛发纤维时用户可滑动放大细节。经调查附近的3位住户有很大的嫌疑。教授袖口有毛发;木匠晒得鱼干有牙印;酒鬼手上有动物抓痕。经过侦探仔细的对比后发现“怪兽”竟是一只小猫,三个人都与猫有关系,然后让用户去推理选择最终的偷盗者。选择酒鬼和教授是错误的,只有木匠是正确的。

 

  • ③落地页:

最终成功侦破案件,木匠被抓。这个可以放大十倍的发明改造后是个镜片,随着侦探把镜片放到了oppo Reno上,说出“我相信它定能在大家手中发挥更大的价值”后oppo Reno手机出现在中央,下边写着5月10日开售,10倍混合光变 远近都清晰。点击再次探案,重新观看案例;点击购买进入oppo官网。

 

  3.设计上

整体色调偏暗,用明暗结合手法去吸引用户,绘画风格写实引人入胜,细节把控很好。画面中的科幻感、科技感给整个h5增添了一丝神秘。点睛之笔在于最后侦探把镜片放到oppo手机的摄像头上。

 

  4.体验上

侦探用可变焦的探案镜片调查箱子时,用户可以滑动变焦既点题又可以实现交互。整体都是视频,要是多增加一些交互会吸引更多的用户。

 

 



技术实现: html5



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

标签

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

相关推荐:

OPPO:OPPO奇幻新年,集卡赢好礼

OPPO:这趟旅行,不再将就

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~