長圖滑動(dòng)H5|茶百道集卡抽獎(jiǎng)H5

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

活動(dòng)背景

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

玩法介紹

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

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

活動(dòng)體驗(yàn)

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

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