Volkswagen's Clever Innovations banner表現1 banner表現2 Volksweagon 推出了一系列的汽車新技術, 像是自動保持安全車線保持, 安全距離, 自動停車系統, 導航等等, 網站中藉著影片將產品的benefit帶出. 這個網站對產品的表現方式很直接, 將產品的好處直接了當的用"使用前"/"使用後"的手法傳遞給消費者, 沒有什麼拐彎抹角的創意或任何新奇的點子, 但如果大家有注意的話網站中影片使用的方式很特別, 影片中主角的方向盤完全控制著影片的方向, 主角的方向盤往左轉影片就會往左滑, 往右影片就會滑向右邊, 過去比較少見這種將影片的互動性發揮的淋漓盡致的做法. 不過這種影片的表現方式放在一個獨立的網站中比較沒有感覺, 但如果用在banner上就會很有感覺了, 當然這家online agency也將網站中方向盤控制影片的表現方式用在banner的表現上, 與host網站中的content發生互動, 視覺上更有impact. 未來的網站會隨著頻寬的增加慢慢會有更多影片+Flash(or任何類似的新產品)的結合. Volksweagon這個網站中的互動技術應該是網路上首次出現, 但很可惜他們沒有再將表現手法或媒體曝光做大一點成為網路上第一個own這種表現手法的品牌, 像IKEA之前的360度3D廚房, 大家一看到類似的表現方式, 第一個反應就會是"啊, IKEA之前做過"...不過Volksweagon品牌夠大應該是沒差, 如果是小品牌想到這種難得的新表現方式就應該要使盡吃奶的力氣想辦法藉著新的表現方式讓市場記住他們...
「Creative」目錄的文章彙整
13
十一月
08
Volkswagen’s Clever Innovations
08
十月
08
Audi – the sum of many ideas
Audi的microsite, 一般在看到汽車網站的時候我都不會有什麼太大的感覺, 因為大多數的汽車網站都會用3D模擬, 360度旋轉看車, 內裝照片等等, 似乎沒有什麼新意, 市場上也沒有太多人去嘗試可以如何有些新的表現方式, 今天無意間看到Audi的這個網站, 剛開始沒仔細看, 只看到進去之後的互動方式很新鮮, 一堆點拼成的一部Audi SUV, 隨著點選不同的選項那些點會組成不一樣的物件, 像是方向盤, 引擎, 汽車控制台等等.
後來將網頁重新整理再看一遍前面的簡介動畫, 看到一句關鍵的文字”Sum of many ideas that leads to a great concept”, sum of IDEAS, 這個網站將”idea的總和”這件事用”點的組合”來表現, 網站想表現的概念是Audi的車子都是一大堆idea所組成的, what a clever approach. 當然前提也是Audi這個品牌已經大到可以不用硬將車子的照片顯示在網站中hard sell 大部份的user就會信任他們的產品. 不過真的不太記得有哪些汽車網站可以讓我記住的, 這個網站值得收藏在bookmark裡, enjoy.
07
十月
08
massage your hangover away…
大家應該都有宿醉的經驗, 想吐, 頭痛腫脹, 渾身不舒服, 就我個人而言最怕的就是頭痛, 波蘭的一個類似解酒液產品的公司做了一個網站去說明他們的產品, 網站中沒有hard sell說他們的產品多屌多屌, 反而是用頭部按摩的方式用視覺傳達他們產品的功效. 一般去剪頭髮的時候設計師都會先幫忙洗頭, 然後順便按摩頭部, 我就看過躺在我隔壁的大叔頭部按摩太舒服而開始打呼…
網站有一個很好玩得點是你可以自己上傳照片, 然後動畫中備按摩的那個人就會變成妳上傳的照片的人臉, 當然也可以不用是人類得臉, 還可以看看目前最受歡迎的上傳照片有哪些, 目前有阿諾, 布希, Michael Jacson等等…
網站中按摩完頭部之後就說”我們的產品就是這種感覺”…像頭部按摩一樣舒服, 解決你的宿醉. 網站中唯一的遺憾, navigation很不清楚, 動畫中的navigatino是左下方的一個紅色按鈕, 也許他們想把主要的navigation作成像產品(藥丸)的樣子. enjoy the massage.
02
十月
08
the original Mac icon
很多人一定看過這個Icon, 蘋果麥金塔電腦在西元1983年的時候使用的Icon. 今天上網無意間知道這個Icon的作者, 她的名字叫 Susan Kare, 在1983年的時候她為蘋果電腦設計了一整套的Pixel based icon. 她對pixel的熱忱程度只要去看他的個人網站就知道了, 幾乎所有的作品全部都是以pixel為主. 除了蘋果電腦的icon之外, 她還為Mocrisoft設計過接龍遊戲的介面, facebook裡的禮物icons, iPod裡的字體等等.
有興趣的人可以去看看蘋果電腦的發展故事, 有好多老照片 : Macintosh Stories
24
九月
08
別再找藉口浪費資源了
美國能源局的活動, 人們常常會有一堆藉口去浪費資源, 像是插頭不拔因為插在上面比較方便, 電腦不關因為可以節省時間, 冷氣開一整天等等…這網站要告訴你, 把那些爛藉口丟了吧, 大家一起來節省能源.
人們常說很多事情都要從小教育才能養成好習慣, 在這個能源不足的時代有件事情一定要好好教育小朋友 – “如何節省能源”.
個人覺得這網站的TA設定很聰明, 網站表面看起來會以為這個網站的TA是”小朋友”, 其實用意卻是讓父母可以帶著小朋友一起看, 一起了解如何節能, 因為這網站的navigation不是非常直覺, 內容也不是太簡單, 小朋友可能看兩眼就沒耐性了(小朋友的耐性很差的), 因此絕對需要大人在旁邊看邊解釋給他們聽, 這樣所有人都溝通到了, 而且有些節能的知識連大人都不知道, 一起了解一下也不錯, 像是手機充電器不用的時候如果一直放在插座上會增加5%的電費, 電腦休眠或不關也會不斷的流失電力, 很多狀況都會產生所謂的”phantom power”, 幽靈電力, 我們以為不用就不會費電, 但其實無形中卻浪費掉很多電力…
網站的風格很”手繪”, 像小朋友畫出來的感覺, 視覺上比較接近小朋友的世界, 比較容易讓他們耐著性子看. 唯一可以建議改進的是一進網站的首頁, navigation中的項目, 雖然滑鼠移過去有一點文字說明, 但還是不知道點進去會是什麼, 讓user產生”遲疑”的狀況, 這是一個網站最需要避免的問題, 因為網友一旦”遲疑”, 最有可能的下場就是 – 關掉網頁.
P.S 首頁右邊有一個”Download”, 裡面有十個簡單的方法教你如何省電.
