從未有過的體驗！5個國際經(jīng)典大牌的頂尖Html 5案例放送

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

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

1. 寶馬MINI：The MINI Story

廣告主：MINI
推廣產(chǎn)品：MINI系列汽車 品牌推廣
代理商：AKQA

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

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

掃描二維碼，立即體驗！

2. 標致：Peugeot Catch the Dragon

廣告主：標致
推廣產(chǎn)品：標致208 兩廂汽車
代理商：DPDK

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

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

掃描二維碼，立即體驗！

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

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

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

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

掃描二維碼，立即體驗！

4. 寶潔Old Spice：Muscle Surprise

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

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

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

掃描二維碼，立即體驗！

5. 全日空：ANA Planet

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

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

掃描二維碼，立即體驗！

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

DNF實戰(zhàn)總結(jié)好文！
《騰訊游戲?qū)崙?zhàn)！DNF浴火新生H5項目總結(jié)》

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

H5頁面設(shè)計實戰(zhàn)總結(jié)！
《春雨先知！騰訊移動端H5頁面設(shè)計實戰(zhàn)分享》

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

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

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