Monday, September 13, 2010

好Cute的優格品牌 - Hello Sour Sally!




Hello Sour Sally 是一家位於印尼雅加達市區的凍霜優格店。官網有別一般制式的品牌網站,以遊戲概念出發,設計一個小女孩握著氣球在場景中飛行,User可以運用鍵盤上的按鍵控制小女孩的移動方式,例如將氣球點破後,小女孩會從空中掉落地面,這時user可以用空白鍵控制她跳躍,而左右鍵則可以控制她左右跑步,甚至可以跳上杯子蛋糕上彈跳,很有意思!







像這樣遊戲場景式的網站設計通常除了將MENU功能圖像化埋在場景中外,設計者通常也會將MEMU文字化,像是畫面中右邊可伸縮的MENU PAD,提供不習慣" 漫遊體驗"找選單的User快速找到目標單元。

網站插畫風格是最令我喜愛的!Kinetic Singapore這家公司針對此品牌主力商品- "No-Fat Frozen Yogurt"以清新的鋼筆線條搭配粉彩配色呈現與"輕"優格口味一致的調調,背景音樂聽起來好似搖籃曲,讓人陶醉在童話故事的畫面中,也間接讓人聯想到健康、低脂以及新鮮!Yummy!

Tuesday, April 06, 2010

法國益智玩具品牌DJECO

DJECO是法國相當知名的益智類玩具製造品牌,所生產的玩具種類包羅萬象,舉凡各形式的PUZZLE、小女生愛玩的角色扮演家家酒玩具以及全家人可參與其中的玩具組合皆各具特色。

官網延續獨樹一格的插畫風格,以小男孩變身小超人角色的互換,引導User進入Djeco的遊戲世界。即使動畫的loading過久,精心設計的character以及場景變色遊戲也能消彌user等待的不耐感。










Website: DJECO

Thursday, February 26, 2009

你也可以是樂團主角喔!


一般來說,像這樣可以由user上傳照片的campaign大多是為了達到"forward"給朋友達到口碑行銷的目的。Paloozahead的互動有趣的地方無非是讓user可以上傳自己的大頭照片,按照簡單的步驟可以選擇服裝、樂器以及背景音樂。






Paloozahead網站曝光率迅速增加的原因除了user以"轉寄"的方式達到宣傳效果外,開放code讓操作的人可以將自己設計的avatar放在個人網站或Myspace,估計在網站上page view達到220million次之多,實際上傳自己大頭照create avatar的user也高達1.4million,而且是在這個活動開始的前16週!真是驚人! user覺得好玩的背後也增加了這個festival的直接購票率(約120,000人)。

Website: Palooza Head

Friday, February 20, 2009

ABSOLUT



很久沒到這網站逛,這次來看原來改版了!
不同於上一個版本-首頁以東京街道為滿版場景,將網頁與User的電腦時間串連,白天link到absolut首頁看到的是白天的東京街景,晚上則是東京街道的夜景...大圖像視覺的版型設計與小創意直到現在仍然印象深刻...
承襲舊版的大視覺圖像,新版官網以舞臺式的layout設計輔以Flash互動表現,loading的確比舊版快了許多。

Website: ABSOLUT

體驗VOLVO V50 的馳騁快感



這也是多年前的Event site。運用情境多媒體影片素材讓user提前讓潛在車主體驗駕駛VOLVO新車的快感。

Website: 體驗VOLVO

體驗摔手機的快感







Casio G'zOne以互動方式讓user體驗手機防水及耐摔的特性

Website: Casio G'zOne

結合專業、幽默與親和的IBM Helpdesk




這是多年前IBM為解決企業用戶E化問題與提升競爭力而設計的"FAQ"event site。
網站視覺與聽覺內容與TVC配合,結構、劇本與影像語言( ex:桌子的重複出現)影片與 2D 圖像的結合讓User有身歷其境的視覺感受。

Website: IBM Helpdesk

來告解吧!




利用「告解,洗淨」的概念與產品結合,以key in 的方式與User互動,運用 video 表現寫實的串場與畫面,呈現有趣的視覺經驗。

Website: Come Clean

AEX 原來不是給女性用的...



乍看之下的直覺以為是關於女性用品的網站!答案揭曉!原來是"男性體香劑"。EVENT SITE以有趣而挑逗的方式吸引男性消費者,藉由男性(也包括女性)的轉寄效果達到傳播的目的。

Website: AEX FEATHER

Camper-用創造力提供更好的步行方式的品牌



Camper自許為充滿想像力的品牌,選擇以腳來接觸這片土地,並運用創造力來提供更好的步行方式,只要當人們穿上Camper就會說:「來吧!穿上它,多走走,讓你的想像自由揮灑。」





↑ 有趣的秋冬新款商品互動式單元

Camper在西班牙方言裡是對Mallorca島上農夫的稱呼。Camper的設計靈感來自於島上的農夫們穿的鞋。一九七五年誕生的第一雙Camper鞋名為Camaleon,這雙鞋是由磨破的輪胎和馬車的帆布製成,鞋底則來自廢棄的輪胎並以麻線縫製而成,是Mallorca島上自古流傳下來的農夫們愛穿的休閒鞋款。隨著時間發展,Camper的設計靈感往往來自生活點滴,以身邊的對象作為素材。

Website: Camper

時尚精品Dior形象式網站





Dior以傳遞品牌的個性、精神、 主張為網站溝通目的。網站內容結構及選單規劃單純,以大量圖 像作為視覺的概念的溝通元素;網頁版面設計豐富而強烈,並混合運用Flash影音多媒體技術呈現方式高價位高質感的商品。這樣的大圖片視覺呈現的網站以時尚流行類商品較多使用。

Website: Dior

不受世俗規範的DIESEL



PLEASURE IS THE BEGINNING AND THE END OF A LIVING HAPPILY
不受世俗規範,強調本位主義、真我風采的設計概念,“我”就是要年輕永遠活在青春的國度世界裏。

DIESEL這個來自義大利的時尚品牌,一向以獨特、性感、偶爾有些小偏激的品牌形象著稱,並且以其獨特的率性風格吸引了各年齡層的愛好者,同時也在高度競出的市場上佔有穩固的一席之地。
在虛擬與理想的情境中,展現特立獨行的思考。透過更多獨的視結合技巧,表達更強烈的自我意識獨風格。


↑ 舊版DIESEL官網意識一樣強烈

Website: DIESEL

JC The Store伴隨人們度過多樣人生





牛仔褲是一個單純的感性消費產品,這個網站透過影音多媒體的周圍情境,表現牛仔褲與人們生活與感情的關聯。 首頁中呈現各種生活型態或情境人物,身穿牛仔褲生活在這個大千世界中,這個世界不管是辣妹 或酷哥,汽車技工、特技演員、做著籃球夢的少年、抱著孩子的母親、晚歸的男人,流浪漢、小偷、幸運的人、勇敢的人、害羞的人、購物中、工作中、遊戲中的人...。首頁的每一片段剪輯自三段TVC影片中的人物。牛仔褲伴隨人們度過多樣人生,經歷各種生命情節,呈現人們無時無刻、扮演任何角色、身處不同情境時,與牛仔褲不可分離的生活、情感關係。

Website: Jc The Store

Thursday, February 12, 2009

JBL Speaker酷斃了!






JBL是一個專業揚聲器品牌。網站主視覺以吉他上斑駁的貼紙為主要功能(Menu)設計,動線雖然簡單但在互動上非常"慣性化"的設計讓user在滑鼠的click與滑動中感受Travel與Home speaker的音樂效果!

特別一提的是,網站preloader以行駛中的巴士結合公路名(美國公路以數字來命名),起初還不知這個preloader的概念為何,在surf網站時才知道這個巴士的概念呼應的是內容中的美國地圖,傳遞"Destination Anywhere Tour"的精神。

Website: JBL-Destination Anywhere Tour

有趣的Preloader design

一般來說,一個吸引人的大型Flash動態網站如果在User第一次造訪時得花幾十秒甚至幾分鐘去load整個Flash時,一般人往往會失去耐心去瞪著螢幕畫面等數字跑到100%,而大多數user接著會將bowser直接關掉!因此,除了花心思製作有趣的Flash網站之後,也別忘了將網站主題融入Flash Preloader的設計,這樣能讓你的網站視覺效果更一氣呵成喔!

"PRETTY LOADED"網站中呈現這幾年來有趣的Preloader design,如果你也想讓網友欣賞你的preloader設計,也可以upload到這個網站與大家交流喔!

↑ Doritos網站,旋轉的chips一片片掉落盤子裡,load的%數字越高盤子內的chips愈多!

↑ 足球員暖身,load到100%後賽事開踢!



↑ "Rapp Collins Future Garden"Event site,蛋殼上的數字load到100%後蛋殼破掉小鳥飛出。



↑ The Detective,如同CSI犯罪現場般的鑑識方式"採集指紋"概念導引user進入網站"劇情"中。
Website: http://prettyloaded.com