長圖滑動H5|茶百道集卡抽獎H5

長圖滑動一直都是H5游戲中最為簡單的玩法，雖說操作簡單，但卻十分考驗頁面的設(shè)計要素，一個好的長圖滑動H5對用戶的吸引力并不比那些復雜好玩的H5游戲差。如何設(shè)計出一個對用戶有吸引力的長圖滑動H5呢？接下來我們就來看一看成都知名茶飲品企業(yè)茶百道推出的這款長圖滑動H5是如何設(shè)計的吧。

活動背景

這是茶百道推出的一款品牌宣傳H5產(chǎn)品，采用了長圖滑動、找東西的玩法，讓用戶在長圖中尋找茶百道奶茶的原材料，收集齊后可以參與抽獎，贏取茶百道奶茶優(yōu)惠卷。

玩法介紹

①進入游戲后，先是一段動畫視頻，視頻內(nèi)容是一個手繪的手機屏幕，鏡頭聚焦到上面的時間上，顯示郊游時間到，期間用戶可以點擊跳過。在幾幅開心郊游圖后，來到豎型長幅圖頁面，上滑屏幕瀏覽，右上角有游戲說明，用戶瀏覽過程中點擊圖中的感嘆號，解鎖茶百道原料，瀏覽結(jié)束后合成飲料。

②長圖內(nèi)容從上往下為，進入茶園之前，幾個人正在采茶，入園時門衛(wèi)的出示健康碼語言氣泡結(jié)合時事，人們在園中野餐，閑逛，遛狗，約會，放風箏，買茶百道新品等，都是當下時節(jié)人們愛做的事，很有帶入感，點擊感嘆號解鎖的原料也很多，茶葉嫩芽，水果，奶凍，芋圓等，引發(fā)食欲。茶百道的熊貓公仔在圖中多次出現(xiàn)，憨萌可愛，很自然的刷存在感。

活動體驗

長圖設(shè)計的非常具有田園農(nóng)場氣息和生活氛圍，頁面非常清新，看著很舒服。找東西算是這個長圖中的一個亮點，增加了這個長圖的可玩性，并且找出的東西是茶百道制作奶茶的原料，也向用戶科普類平時喝到的茶百道奶茶是用什么制作的，達到了品牌宣傳的效果。

整體來說，在疫情還沒有結(jié)束的時候，人們還沒有辦法到處旅游的時候。茶百道用這款長圖滑動+抽獎H5，把線下游玩搬到了線上與用戶一起互動，讓用戶在體驗輕松愉悅時光的同時，進一步加深品牌在用戶心中的印象。