茶百道：茶茶园游会
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分30秒
案例：茶茶园游会
品牌：茶百道
技术实现： html5
亮点：
1.创意定位
春夏已至，正是出游好时光，茶百道推出【茶茶游园会】，让用户线上体验一幅清新的春夏场景，感受美好生活。
2.策划逻辑
打开作品后，是一个手绘的手机屏幕，镜头聚焦到上面的时间上，显示郊游时间到，几幅开心郊游图后，来到竖型长幅图页面，上滑屏幕浏览，右上角有游戏说明，用户浏览过程中点击图中的感叹号，解锁茶百道原料，浏览结束后合成饮料。
3.设计上
手绘的长幅图，绿色为主色，颜色清新干净，符合“茶”给人的感觉，悠然舒适。内容也很丰富，入园时门卫的出示健康码语言气泡结合时事，人们在园中野餐，闲逛，遛狗，约会，放风筝，买茶百道新品等，都是当下时节人们爱做的事，很有带入感，点击感叹号解锁的原料也很多，茶叶嫩芽，水果，奶冻，芋圆等，引发食欲。茶百道的熊猫公仔在图中多次出现，憨萌可爱，很自然的刷存在感。
4.交互上
用户“入园”后可以通过浏览园区内景物，收集制作奶茶的原料，最后合成奶茶，参与抽奖互动。体验过程中不仅可以了解奶茶制作的原料，还能触发生活中的幸福小彩蛋，尽享郊游好时光。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
