网易新闻X马应龙：聆听宝藏的秘密
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分30秒
案例：聆听宝藏的秘密
品牌：网易新闻X马应龙
技术实现： video + VueJS
亮点：
- 创意定位
马应龙品牌宣传作品，以山洞寻宝的形式了解马应龙的品牌成长历程，找到三件宝贝，获得探长称号，最后可参与抽奖。
- 策划逻辑
首先是森林界面，从第一视角出现两只手，穿过绿色洞穴来到一个山洞，查看作品介绍后，开始寻宝，左边是三个宝贝的图标，滑动屏幕在山洞内探索，洞壁上有文字介绍及图片，也可打开石头圆盘看文字及缩略图，找到宝箱后点击，完成挑战打开宝箱，所获宝物的相应图标会在左上角点亮，全部找到后，三个宝物合成礼盒介绍图，输入名字获得称号海报，包括侦探头像图标，用时长短及鼓励语，用户可选择再玩一次，保存海报，或点击抽奖。
- 设计上
刚开始是绿色的森林景象，清新自然，两个缠着绑带的手臂烘托“探险”主题，山洞内光线暗淡，文字也有磨损的痕迹，显得古老神秘，用文字逐步介绍了马应龙的品牌成立，发展及名扬海外的发展轨迹。
- 交互上
三个宝箱是三种解锁方法，铁锤砸锁，输入密码和移动图腾，让作品玩起来很有神秘感和新鲜感。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
