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-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号