案例：巴斯克维尔的传说
品牌：oppo
玩法：动画
整理：蓝橙H5开发团队
1.详情内容上：
这是oppo为了宣传oppo Reno十倍变焦的功能而策划推出的一款动画类H5，通过H5促使用户购买使用oppo Reno手机。首页中间是一个铃铛，点击铃铛下方“进入”按钮，紧接着是一个大门，大门打开后是一段案件调查的手绘短片。一个侦探接到了关于传说的案件，委托人Dr.O在沼泽里遇到了传说中的野兽，箱子里的重要发明也不翼而飞了，侦探使用可变焦的探案镜片查看箱子，发现箱子上有“血迹”“撬痕”“毛发纤维”，在发现毛发纤维时用户可滑动放大细节。经调查附近的3位住户有很大的嫌疑。教授袖口有毛发；木匠晒得鱼干有牙印；酒鬼手上有动物抓痕。经过侦探仔细的对比后发现“怪兽”竟是一只小猫，三个人都与猫有关系，然后让用户去推理选择最终的偷盗者。选择酒鬼和教授是错误的，只有木匠是正确的。
最终成功侦破案件，木匠被抓。这个可以放大十倍的发明改造后是个镜片，随着侦探把镜片放到了oppo Reno上，说出“我相信它定能在大家手中发挥更大的价值”后oppo Reno手机出现在中央，下边写着5月10日开售，10倍混合光变 远近都清晰。点击再次探案，重新观看案例；点击购买进入oppo官网。
2.策划设计上：
设计上整体色调偏暗，用明暗结合手法去吸引用户，绘画风格写实引人入胜，细节把控很好。画面中的科幻感、科技感给整个h5增添了一丝神秘。点睛之笔在于最后侦探把镜片放到oppo手机的摄像头上。
3.用户体验上：
侦探用可变焦的探案镜片调查箱子时，用户可以滑动变焦既点题又可以实现交互。整体都是视频，要是多增加一些交互会吸引更多的用户。
扫描二维码查看
注：如您需要咨询本案例的详细信息，或者需要了解更多案例，可点击右侧“方案咨询”在线联系，或者微信搜索“蓝橙互动”公众号获取案例。
相关链接：H5制作|H5玩法|小程序定制|H5技术资讯|H5课件
