竟然被一組H5激發(fā)了愛情勝負(fù)欲,連到手的對象都不想要了!

都說戀愛中的情侶通常都如膠似漆,

感情越深往往會(huì)一起經(jīng)歷更多的事情,

哪怕是一些雞毛蒜皮的小事兒

通常在情侶眼中也具有非同一般的意義。

今日推薦的第一支熱門H5,

打卡戀愛中必做的50件小事兒,

趕快點(diǎn)開看看你們一起做了幾件吧,

不超過10件的,可以考慮換對象了!

哈哈哈,開玩笑,開玩笑的~

作為熱門H5推薦,

大家當(dāng)然還是要關(guān)注它的創(chuàng)意營銷功能的。

本期一共為大家整理了五支熱門H5,

快來一起看看吧!


 

新希望|初心

戀愛必做50件小事兒,你們一起打卡了多少?

 


image.png

創(chuàng)意分析

這是新希望乳業(yè)在人人秀定制的一款創(chuàng)意營銷H5。

以打卡情侶戀愛必做的五十件事為切入點(diǎn),

在頁面中嵌入品牌元素對用戶進(jìn)行潛移默化的宣傳,

進(jìn)而加深用戶對品牌的印象,促進(jìn)購買。

最后生成的海報(bào)頁面能夠刺激用戶分享至朋友圈,

畢竟一不小心,動(dòng)動(dòng)手指就是一波秀恩愛的神操作呢。

同時(shí)還起到讓用戶在無意之中幫助傳播的作用。

創(chuàng)意前衛(wèi),主題新穎有趣,互動(dòng)操作簡單,

輕而易舉就能俘獲用戶芳心,得到年輕人的青睞,

是一款非常好的創(chuàng)意營銷H5!


技術(shù)分析:

因?yàn)槭嵌ㄖ飘a(chǎn)品,

沒有使用人人秀平臺(tái)原有的功能插件,

主要都是通過程序代碼來實(shí)現(xiàn)各種交互。

首先點(diǎn)開H5是“選選看,戀愛必做50件小事兒,你已經(jīng)打卡了多少”的提示,

吸引用戶點(diǎn)擊進(jìn)入。

用戶通過點(diǎn)擊H5頁面出現(xiàn)的戀愛小事兒場景圖,

選中和情侶一起打卡過的戀愛小事兒,

每選中一件,場景圖右上角的愛心就會(huì)被點(diǎn)亮,

50件小事兒分布排列在5張頁面,

用戶通過點(diǎn)擊頁面的提示按鈕進(jìn)入下一頁進(jìn)行選擇,

選擇完畢之后提示用戶輸入昵稱,

然后生成配有專屬告白文案的海報(bào),

用戶長按頁面可保存海報(bào),也可分享海報(bào)。

整個(gè)交互設(shè)計(jì)簡潔直觀,體驗(yàn)極佳!

 

image.png


視覺分析:

視覺設(shè)計(jì)上整體采用比較小清新的配色,

營造比較符合戀愛主題的溫馨的感覺,

同時(shí)也與產(chǎn)品的品牌色相吻合。

描繪戀愛小事兒的場景采用手繪風(fēng)格的畫面,

頁面下端搭配產(chǎn)品宣傳slogan,

既符合整體活動(dòng)的主題,

也形成對品牌的宣傳起到一種“潤物細(xì)無聲”的感覺。

整體構(gòu)成非常良好的視覺體驗(yàn)。


 


image.png


 

 

國家地理中文網(wǎng)X網(wǎng)易新聞|城市漫游計(jì)劃

大熊貓就要出去耍

 


image.png

創(chuàng)意分析:

這是國家地理中文網(wǎng)聯(lián)合網(wǎng)易新聞|城市漫游計(jì)劃

一起推出的一款游戲互動(dòng)型的宣傳H5。

以大熊貓這一最具代表性的印象標(biāo)志來宣傳成都,

具有非常強(qiáng)大的吸引力。

加上尋找熊貓的游戲主題,

在尋找過程中了解成都的名勝古跡,

感受閑適安逸的生活環(huán)境,

提高用戶對成都的好感和興趣。

 

image.png


技術(shù)分析:

這雖然是一支尋找類游戲H5,

但是技術(shù)設(shè)計(jì)上卻并不復(fù)雜。

尋找類游戲主要采用了一些交互設(shè)計(jì)和動(dòng)畫構(gòu)成,

比如滑動(dòng)、點(diǎn)擊觸發(fā)、放大縮小、獲取用戶昵稱等。

頁面開始是一位熊貓管理員哭訴有十只熊貓出逃,

拜托用戶尋找熊貓并投喂竹子,

用戶滑動(dòng)屏幕尋找小熊貓的同時(shí)可以游覽成都景點(diǎn),

找到熊貓點(diǎn)擊喂養(yǎng),然后會(huì)被告知是否尋找成功,

最后生成一張獲取了用戶昵稱的專屬海報(bào)。

 

image.png


視覺分析:

整支H5的頁面都是采用手繪畫面構(gòu)成,

人物形態(tài)以及建筑物的描繪都比較貼近實(shí)物,

在用戶尋找小熊貓的過程中

營造一種游覽成都各大景點(diǎn)的感覺。

畫面中人物對話也是對成都介紹的一種補(bǔ)充,

活潑有趣,輕松愉悅,

在游戲的氛圍中將用戶逐漸吸引,

看的小編都想去成都街頭撿大熊貓了!


 


image.png


 

 

騰訊電競

宇宙深處的信號(hào) 


image.png

創(chuàng)意分析:

這是騰訊電競V-Station體驗(yàn)館線上售票營銷創(chuàng)意H5。

以“宇宙深處頻頻發(fā)來信號(hào)

我們回復(fù)還是不回”為立意點(diǎn),

吸引用戶點(diǎn)擊查看這個(gè)“信號(hào)”究竟是什么。

整支H5被神秘感籠罩,

引發(fā)用戶揣測和猜想,

吸引用戶不自覺的就滑下去一探究竟,

到最后才點(diǎn)破“謎底”,亮出宣傳意圖,

是一支非常成功的創(chuàng)意營銷H5。

 

image.png


技術(shù)分析:

技術(shù)上主要采用長圖和動(dòng)畫兩種形式。

以滑動(dòng)長圖的方式像揭秘一樣吸引用戶進(jìn)入,

然后一步步將用戶引至“神秘信號(hào)”的探索之旅,

外星人形象的動(dòng)畫背景既營造了神秘感,

同時(shí)也增加了畫面的趣味性。

畫面中的動(dòng)畫設(shè)計(jì)和文字內(nèi)容配合背景音效,

非常好的帶動(dòng)了故事的承轉(zhuǎn)啟合,

讓簡單的技術(shù)設(shè)計(jì)起到了高端的宣傳效果。

頁面最后嵌入了一個(gè)跳轉(zhuǎn)超鏈接,

表明宣傳意圖,引出轉(zhuǎn)化入口,刺激用戶轉(zhuǎn)化。

 

image.png


視覺分析:

整體采用黑白色調(diào),

搭配簡單的畫面設(shè)計(jì),

卻營造出了宇宙的浩瀚以及外星人的神秘感。

故事敘述上節(jié)奏緊湊,引人入勝,

每個(gè)場景頁面都配有特效音樂,

讓用戶跟隨描述一直滑動(dòng)屏幕以窺究竟,

雖然最后揭開謎底,也不會(huì)令人反感,

反而有一種“外星人都來搶”的票,

一定不能錯(cuò)過的感覺,

整體體驗(yàn)比較舒適。 


 

廣東聯(lián)通X廣東電信

你不知道的 1+1>2 


image.png




創(chuàng)意分析:

這是廣東聯(lián)通聯(lián)合廣東電信一起推出的一款宣傳H5。

策劃設(shè)計(jì)上以“1+1>2”的反常識(shí)性知識(shí)為主題,

通過6個(gè)不同話題引出6個(gè)1+1>2的趣味問答,

最后引出第七個(gè)廣東聯(lián)通+廣東電信產(chǎn)生的最強(qiáng)組合,

在循序漸進(jìn)中引出所要宣傳的主題,

創(chuàng)意滿滿,宣傳效果極佳。

 

image.png


技術(shù)分析:

技術(shù)設(shè)計(jì)上主要采用了

動(dòng)畫和問答的交互方式,

首頁以動(dòng)畫形式提出1+1=?的疑問,

吸引用戶點(diǎn)擊查看“究竟在賣什么關(guān)子”,

點(diǎn)擊一探究竟,原來是7道趣味問答,

通過簡單的“點(diǎn)擊”交互,

查看每一道題的答案。

總體上設(shè)計(jì)的比較有趣,

簡單的交互也增加用戶參與感,

使用戶樂在其中。

 

image.png


視覺分析:

視覺設(shè)計(jì)上主要采用黑白背景色營造神秘感,

而頁面上的其他人物和元素則采用亮色調(diào),

再加上各種生動(dòng)的動(dòng)畫特效,

使整支H5非常具有吸引力。

有趣的問答題目加上有趣的頁面動(dòng)畫,

給用戶留下非常舒適的體驗(yàn),

感受到前所未有的1+1>2的“力量感”。


 


央視新聞X騰訊新聞

改變2020,我們從未停止前行 


image.png

創(chuàng)意分析:

這是央視新聞和騰訊新聞聯(lián)合推出的一支宣傳H5。

作品以2020年全國人民萬眾一心抗擊疫情為創(chuàng)意定位,

通過對抗疫歲月中人民生活和熱門事件的回顧,

抗疫后人們生活、就業(yè)、娛樂等方面逐漸恢復(fù)的描述,

表達(dá)了全國人民展望2020,

充滿美好祝愿和堅(jiān)定前行的信心。

具有非常強(qiáng)大的感召力!

 

image.png


技術(shù)分析:

技術(shù)設(shè)計(jì)上主要采用了長圖和動(dòng)畫結(jié)合的呈現(xiàn)方式,

首頁面是一句信件常用語“老朋友展信佳”,

用戶橫向滑動(dòng),開始瀏覽長圖,

回顧疫情中人們經(jīng)歷的種種,

每一件事都是一幅插畫并配有單獨(dú)的音頻,

從全民抗疫到疫情逐漸好轉(zhuǎn)再到展望2020。

用戶通過指尖輕輕的滑動(dòng),用短短三五分鐘,

呈現(xiàn)了疫情下的人世百態(tài)以及全國人民戰(zhàn)勝困難的信心。

 

image.png

 

視覺分析:

視覺設(shè)計(jì)上采用手繪漫畫的形式,

將疫情中的一件件事情串聯(lián)起來,

形成故事的完整性。

既回顧疫情中的種種不易,

又展望2020未來的美好。

整體背景色為黑白兩色,

但是各種生活場景配以多種亮色調(diào),

讓用戶在壓抑中又能體會(huì)到未來的美好希望。

搭配的文字溫暖有力,點(diǎn)燃了用戶的希望!


image.png



人人秀原創(chuàng)文章,如若轉(zhuǎn)載請注明出處:http://bydok.cn/content-1agyx2