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

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

1. 寶馬MINI：The MINI Story

廣告主：MINI
推廣產品：MINI系列汽車 品牌推廣
代理商：AKQA

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

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

掃描二維碼，立即體驗！

2. 標致：Peugeot Catch the Dragon

廣告主：標致
推廣產品：標致208 兩廂汽車
代理商：DPDK

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

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

掃描二維碼，立即體驗！

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

廣告主：阿迪達斯
推廣產品：ACE & X 系列足球鞋
代理商：DDB & Tribal / Amsterdam Superhero Cheesecake

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

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

掃描二維碼，立即體驗！

4. 寶潔Old Spice：Muscle Surprise

廣告主：寶潔
推廣產品：Old Spice 沐浴露及香氛系列
代理商：Wieden + Kennedy / MediaMonks

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

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

掃描二維碼，立即體驗！

5. 全日空：ANA Planet

廣告主：全日空
推廣產品：全日空 品牌推廣
代理商：BIRDMAN / Neandertal / TOHOKUSHINSHA FILM CORPORATION

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

掃描二維碼，立即體驗！

【走在時代前列的騰訊HTML 5精品好文】

DNF實戰總結好文！
《騰訊游戲實戰！DNF浴火新生H5項目總結》

優化HMTL 5頁面的6個技巧！
《騰訊精品文！六大奇招帶你優化HTML5移動頁面》

H5頁面設計實戰總結！
《春雨先知！騰訊移動端H5頁面設計實戰分享》

原文地址：digitaling
作者：阿吉仁

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量100萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com