萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> 2015年高大上雙屏互動,你都玩過了嗎?

2015年高大上雙屏互動,你都玩過了嗎?

   從2014下半年起,各種H5游戲和專題頁紛紛嶄露頭角。“H5”,這個由HTML5簡化而來的詞匯,借由微信這個移動社交平台,正在走進更多人的視野。前期已經為大家整理過“陌生人來電”的創意表現形式,今天小編為大家整理一下雙屏互動這個玩法,雖都是一種玩法,但是各有千秋,那麼接下來通過這些案例分析來看看他們的設計思路和亮點。

  案例1、LOVESTYLE邀你過七夕

  廣告主:點媒

  推廣產品:點媒移動廣告

  項目亮點:含蓄的畫面,配上幽默的文案,讓你腦洞大開,還能和身邊的一起互動,廣告主是在七夕這一天放出,也算是契合當下的日子,另外猜謎的形式,也符合七夕這一天的猜謎傳統,給用戶提供了一個不錯的體驗。

2015年高大上雙屏互動,你都玩過了嗎? 三聯

  案例詳情:http://www.digitaling.com/projects/15282.html

  掃描二維碼,立即體驗!

二維碼_160-jpg.jpg

  案例2、七夕鵲橋會,愛更多

  廣告主:梅賽德斯-奔馳

  推廣產品:梅賽德斯-奔馳

  項目亮點:華麗而又夢幻的畫面,模擬喜鵲搭橋,並結合搖一搖這個功能,另外,兩個手機之間的配合也很好,比如畫面中,一只喜鵲從一個手機到另一個手機,感覺那只喜鵲真的是飛過去的,當兩個手機合並的時候,一座鵲橋就搭建完成,並出現一唯美的愛心畫面,最後出現車的後備箱都是玫瑰花,很浪漫的一次互動。

七夕鵲橋會,愛更多

  案例詳情:http://www.digitaling.com/projects/15276.html

  掃描二維碼,立即體驗!

fc47e9b54aa9d169211ba5757c1ead0a.png

  案例3、五一勞動節,我們的愛愛居然是醬紫

  廣告主:杜蕾斯

  推廣產品:杜蕾斯

  項目亮點:杜蕾斯這個廣告主一直很敢玩,這次也是結合了搖一搖這個功能做雙屏的互動,測測兩個人之間的配對指數,比如一個用戶搖出“深”這個字,另外一個搖出“癡”這個詞,之後還能定制屬於你們之間的杜杜包裝盒,圖案,文字都是由用戶自己選擇和填寫,很有私人定制的感覺,還有一個亮點是,杜杜的文案也很有深意,“男女搭配,干活不累”。

五一勞動節,我們的愛愛居然是醬紫

  案例詳情:http://www.digitaling.com/projects/14340.html

  掃描二維碼,立即體驗!

  案例4、《在夏天在一起》,約他一起看電影

  廣告主:六神

  推廣產品:六神

  項目亮點:誰規定雙屏互動就必須兩個人拿著手機手舞足蹈來回折騰呢?六神《在夏天在一起》通過買通票的方式,模擬電影院讓兩位觀眾欣賞到一部制作精良的夏夜動畫。看到這個機制和跨屏方式有沒有想起NDS上的某些游戲?

  案例詳情:http://www.digitaling.com/projects/15241.html

  掃描二維碼,立即體驗!

H5二維碼.jpg

  案例5、玩轉進化論

  廣告主:New Balance

  推廣產品:New Balance

  項目亮點:進入2015年New Balance的宣傳方向比以往尖銳了不少,這場同時發生在兩部手機上的進化論通過四組動畫比喻產品的四個特點。我們認為畫面酷炫與否可能不是判斷一個H5是否精良的標准,但是畫面像這部作品那麼酷炫,確實應該給個高分。

玩轉進化論

  案例詳情:http://www.digitaling.com/projects/15213.html

  掃二維碼,立即體驗!

  案例6、微愛之漸入佳境

  廣告主:微愛之漸入佳境

  推廣產品:微愛之漸入佳境電影

  (該活動已結束)

  項目亮點:“游戲化”是今年在移動廣告網站領域較大的一個趨勢,手機與PC互動是另一個。這個電影推廣案例通過手機操作PC端廣告,使得網頁廣告稍稍不那麼討人厭。當用戶用二維碼作為開啟互動游戲的“鑰匙”並通關後,獲得微信公眾賬號的二維碼入口。兩次使用二維碼,兩種用途,開啟游戲和獲取入口。

微愛之漸入佳境

  案例詳情:http://www.digitaling.com/projects/13826.html

  (該活動已結束)

  案例7、我們15個理想生活養成記

  廣告主:《我們15個》

  推廣產品:《我們15個》

  (該活動已結束)

  項目亮點:又一個游戲化的H5。扣住綜藝節目《我們15個》需要團隊緊密合作的主題,游戲也需要兩台手機的用戶達成較高的默契,完成三關游戲後系統給出默契指數與當前玩家排名,刺激用戶進行再一次游戲。

我們15個理想生活養成記

  案例詳情:http://www.digitaling.com/projects/14084.html

  (該活動已結束)

copyright © 萬盛學電腦網 all rights reserved