長圖滑動(dòng)H5|茶百道集卡抽獎(jiǎng)H5
長圖滑動(dòng)H5
2022年07月01日
長圖滑動(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)一步加深品牌在用戶心中的印象。
最新資訊
了解企業(yè)技術(shù)分享、營銷案例、方案共享,學(xué)習(xí)前沿互聯(lián)網(wǎng)營銷干貨
2024.08
02
防詐宣傳h5知識(shí)科普的三種活動(dòng)形式
隨著互聯(lián)網(wǎng)日漸發(fā)達(dá),詐騙案件頻發(fā),相關(guān)部門通過各類視頻、動(dòng)畫、線上活動(dòng)、表情包、小游戲等形式的傳播內(nèi)容,做防詐騙知識(shí)科普傳播形式出花樣。但依舊還是有人上當(dāng)受騙,為了使防詐宣傳更佳有效,H5定制公司藍(lán)橙
2024.01
04
旅游酒店如何在淡季用H5吸引游客
在旅游旺季時(shí),各個(gè)旅游景點(diǎn)周邊的酒店都處于超負(fù)荷狀態(tài),不愁客戶,但在旅游淡季時(shí),就需要通過一些宣傳活動(dòng)來拉客,并提供品牌知名度。
2024.07
26
H5頁面的特點(diǎn)與應(yīng)用
H5是一種用于構(gòu)建和展示網(wǎng)頁內(nèi)容的技術(shù)標(biāo)準(zhǔn),H5頁面是基于HTML5技術(shù)開發(fā)的,可以具有強(qiáng)大的功能和更豐富的交互體驗(yàn),也能實(shí)現(xiàn)更多的動(dòng)畫效果、多媒體內(nèi)容和用戶交互。
2024.01
02
如何用H5宣傳電商促銷活動(dòng)
除了618、雙十一、雙十二等綜合性大型電商節(jié)外,電商平臺(tái)還會(huì)針對(duì)不同分類的商品推出專屬促銷活動(dòng),助力特定品類的銷售。當(dāng)然,這類活動(dòng)開始前也免不了預(yù)熱宣傳,吸引更多用戶參與。