DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5教程 >> 5個國際經典大牌的頂尖HTML 5案例放送
5個國際經典大牌的頂尖HTML 5案例放送
編輯:HTML5教程     

   在國內Html 5勢頭正猛的時候,國外同行也不甘示弱。今天精選的這5個Html 5案例,甲方都是不差錢的企業,寶馬、阿迪達斯、寶潔等,作品質量無出其右,有沒有差距,體驗就知道。

  所有案例均可掃描文中二維碼訪問。

  1. 寶馬MINI:The MINI Story

  廣告主:MINI

  推廣產品:MINI系列汽車 品牌推廣

  代理商:AKQA

  對於MINI這類品牌來說賣情懷簡直比賣產品還要重要。下面這一部作品可不僅僅只讓你看個MINI的內飾而已,對於品牌的全部車型和歷史,你都可以在這個網站中通過手機可能操作的交互方式了解。值得一提的是,相對有限的屏幕空間和較多的內容層級,這部作品提供了恰到好處的指引,避免用戶在探索中因為迷路而失去興趣。

  汽車品牌通過手機內置運動感測器來模擬駕駛倉視角這件事老早不稀奇了,同類作品比的就是完成度。這部“The MINI Story”可稱為高完成度的標准。

5個國際經典大牌的頂尖HTML 5案例放送
The MINI Story

  掃描二維碼,立即體驗!

  2. 標致:Peugeot Catch the Dragon

  廣告主:標致

  推廣產品:標致208 兩廂汽車

  代理商:DPDK

  又一則利用手機運動傳感器的案例,不過這次可不是在讓你坐在4S店裡的車上當安靜的美男子,而是在山路急速狂飙的同時追逐一條龍!標致208平價外表下暗藏著一部有小鋼炮(Hot Hatch)的心這件事,完完全全通過該作品的速度感給表現了出來,令人熱血沸騰。

  誰說A0級車的賣點只有實惠和省油?

Peugeot Catch the Dragon
Peugeot Catch the Dragon

  掃描二維碼,立即體驗!

  3. 阿迪達斯:FW15 X & Ace Introduction

  廣告主:阿迪達斯

  推廣產品:ACE & X 系列足球鞋

  代理商:DDB & Tribal / Amsterdam Superhero Cheesecake

  體育品牌的互動廣告就應該酷炫,這是沒有疑問的。阿迪達斯為本季新上架的兩雙頂級足球鞋制作的移動網站即是如此。在信息量較大的前提下,文案、視覺設計以及動效果的完美配合並沒有給人累贅或者炫技的感覺,而是很好的傳遞出了產品與足球運動本身的澎湃激情。

  一樣是無限下拉流,如果所國內部分作品簡直是PPT,那阿迪達斯的這作起碼也是Keynote。

FW15 X & Ace Introduction
FW15 X & Ace Introduction

  掃描二維碼,立即體驗!

  4. 寶潔Old Spice:Muscle Surprise

  廣告主:寶潔

  推廣產品:Old Spice 沐浴露及香氛系列

  代理商:Wieden + Kennedy / MediaMonks

  你的BOSS和客戶會為了一個流程超過30分鐘的移動網站買單嗎?“短平快爆”似乎成了互聯網營銷法則的鐵律,稍微給消費者可憐的大腦增加一點點負擔都是大逆不道。寶潔旗下“最男人”的香氛與沐浴露品牌Old Spice反其道而行之,在老熟人Terry Crews身上埋了數十個(反正我沒數清)機關,全部找到並看完動畫絕對不止15分鐘,反而謀殺了無數不通關會死的強迫症用戶的手機電量。

  那麼問題來了:全球創意本土化是我國互動廣告公司的看家本領,有時候是甚至是大救星。W+K為Old Spice做的廣告一向飛得要死,咱們有什麼品牌可以效仿嗎?

Muscle Surprise
Muscle Surprise

  掃描二維碼,立即體驗!

  5. 全日空:ANA Planet

  廣告主:全日空

  推廣產品:全日空 品牌推廣

  代理商:BIRDMAN / Neandertal / TOHOKUSHINSHA FILM CORPORATION

  同樣是一款解密主題的活動,這次是ANA與星球大戰來跨界合作,足足37關啊親,37關。玩家需要根據屏幕下方的提示在ANA已開通的航線目的地上找到通關的鑰匙,等閒的蛋疼的玩家最終解鎖了星球大戰的主題壁紙,相信已經潛移默化得記住了不少航線。完成挑戰不僅需要充足的手機電量,對於地理知識也有小小的要求,不知道這個ANA為這個Campaign設定了多少KPI?

ANA Planet
ANA Planet

  掃描二維碼,立即體驗!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved