长图滑动H5|茶百道集卡抽奖H5

长图滑动一直都是H5游戏中最为简单的玩法，虽说操作简单，但却十分考验页面的设计要素，一个好的长图滑动H5对用户的吸引力并不比那些复杂好玩的H5游戏差。如何设计出一个对用户有吸引力的长图滑动H5呢？接下来我们就来看一看成都知名茶饮品企业茶百道推出的这款长图滑动H5是如何设计的吧。

活动背景

这是茶百道推出的一款品牌宣传H5产品，采用了长图滑动、找东西的玩法，让用户在长图中寻找茶百道奶茶的原材料，收集齐后可以参与抽奖，赢取茶百道奶茶优惠卷。

玩法介绍

①进入游戏后，先是一段动画视频，视频内容是一个手绘的手机屏幕，镜头聚焦到上面的时间上，显示郊游时间到，期间用户可以点击跳过。在几幅开心郊游图后，来到竖型长幅图页面，上滑屏幕浏览，右上角有游戏说明，用户浏览过程中点击图中的感叹号，解锁茶百道原料，浏览结束后合成饮料。

②长图内容从上往下为，进入茶园之前，几个人正在采茶，入园时门卫的出示健康码语言气泡结合时事，人们在园中野餐，闲逛，遛狗，约会，放风筝，买茶百道新品等，都是当下时节人们爱做的事，很有带入感，点击感叹号解锁的原料也很多，茶叶嫩芽，水果，奶冻，芋圆等，引发食欲。茶百道的熊猫公仔在图中多次出现，憨萌可爱，很自然的刷存在感。

活动体验

长图设计的非常具有田园农场气息和生活氛围，页面非常清新，看着很舒服。找东西算是这个长图中的一个亮点，增加了这个长图的可玩性，并且找出的东西是茶百道制作奶茶的原料，也向用户科普类平时喝到的茶百道奶茶是用什么制作的，达到了品牌宣传的效果。

整体来说，在疫情还没有结束的时候，人们还没有办法到处旅游的时候。茶百道用这款长图滑动+抽奖H5，把线下游玩搬到了线上与用户一起互动，让用户在体验轻松愉悦时光的同时，进一步加深品牌在用户心中的印象。