腾讯博物馆：我的考古笔记
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分50秒
案例：我的考古笔记
品牌：腾讯博物馆
技术实现： jQuery + easelijs + TweenMax + swiper
亮点：
- 创意定位
腾讯博物馆出品，用户在作品中寻找宝藏，找到三件宝藏后可以合成自己的宝藏属性，用寻宝体验突出小程序主题，吸引用户兴趣。
- 策划逻辑
点击标题界面的触点“开启寻宝之旅”，界面上出现一双带着漏指皮手套的手，拿着指南针样式的工具，用户根据提示旋转手机，让工具上的指针旋转至有宝藏的方向，发现后点击宝藏查看介绍，点击“加入笔记”，界面会显示一双拿着地图和放大镜的手，地图上有此宝藏所在的博物馆名称，用户点击“继续寻找”后，继续旋转手机寻找宝藏，发现三个宝藏后，用户可继续寻找，或生成宝藏属性海报，选择三个宝藏即可合成，海报包括用户的宝藏属性关键字和解析，用户在此可返回地图继续寻找或获得小程序二维码。
- 设计上
做旧的界面风格，皮手套，指南针，发黄的地图，构建寻宝环境，古物的解析页面增加用户对文物的了解。
- 交互上
刚开始寻宝时地图左下角的“提炼你的宝藏属性”是暗色的，点击后无反应，找到三个宝藏后该触点变亮，点击后可进入宝物选择界面，选择提炼的宝物时，未找到的宝物只有一个黑色轮廓，点击后会显示宝物未找到。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
