「Design」目錄的文章彙整



04
一月
09

Jag Jeans

Jag Jeans

這網站是一家牛仔褲品牌的活動網站, 網站讓網友有機會成為專業的服裝攝影師, 而且有兩位專屬的model給網友拍, 他們會隨意的擺出很多姿勢, 網友就要像專業的攝影師一樣在right time抓到你想要的鏡頭, 相信大家都看過專業攝影師在工作, 你必須要跟model溝通說話, 引導他們, 但這網站…還沒到那麼厲害, 網站製作技術上有也些困難, 因此兩位model就自動做出一些姿勢讓你拍, well, 網站不會平白無故給你玩這些東西, 當然要有產品的致入 – 牛仔褲. 拍完照之後你可以將剛剛拍完的照片整理成一本電子型錄, 寄給朋友, 也可以將每張照片下載變成你的桌面圖案, 型錄第一頁你還可以上傳自己的照片, 感覺就像世醫為專業攝影師的作品集一樣, 想當然這本雜誌是這個Jag Jeans產品公司所出版的, 你只是他們雇用的”攝影師”, 當網友開心的在分享自己拍下來的作品型錄, 已經不自覺成為行銷人的傳播工具, 將這本有產品致入的點子型錄傳給他們的親朋好友…

可能之前我沒有注意, 但自從數位相機變得普遍之後似乎很多人都變得喜歡拍照, 不管是用數位小相機自拍也好, 拿著鏡頭像大砲一樣的專業攝影機拍”麻豆”(model)也好, 覺得周圍喜歡拍照的人變多了, 網友有個明顯的特性 – 分享, 大家拍完照之後通常都會上傳到一些照片分享的網站跟親朋好友分享. 拍照除了紀錄影像之外似乎也成了讓別人了解你的一種方法, 有些攝影師喜歡用黑白照片, 有些喜歡像LOMO一般的神祕鮮艷, 鏡頭遠近, 取鏡, 構圖, 顏色, 主題等等都可以表現自己看事情的角度及觀點, 或甚至只是單純的秀自己, 這網站正運用了人們對攝影莫名著迷的這份insight當作互動的起點. 我都停不住的玩了一陣子, 看看你能拍出什麼吧. have fun 別忘了回來分享你的作品 ;-)

1
2
3
4

03
一月
09

play muji

play muji

無印良品大概是台灣目前數一數二的日系品牌, 乾淨素雅的設計風格, 產品涵蓋從衣服到文具, 甚至連飲用水, 小零食都有, 吸引了不少追求想【低調有型】的族群, 雖然身高已經超出亞洲人平均身高範圍的我與此品牌無緣…….(最大號的衣服穿起來像緊身衣, 最長的褲子穿起來像Michael Jacson的九分褲, 鞋子要包過小腳可能才能穿….恨), 但偶爾還是會陪著太太去走走看看無印良品在如此低調簡潔的設計中可以變出什麼新花樣.

這個網站以2009年的第一季(1月-3月)為主要架構, 進入網站馬上就看得到, 從1/1/2009開始每天一個產品, 例如第一天壁掛式CD player, 第二天拼湊型儲物櫃, 第三天精油揮發器等等…每個產品都是一段如何使用的式範小影片, 看了一下覺得網站中有幾點做的不錯的部份

1. 網站使用性 – 為了讓網友知道這個網站是以2009前三個月為主題且每天介紹一種產品, 因此在loading結束後進入網站時會從畫面最下方開始往上滑, 讓網友知道下面還有很多豐富的內容, 避免網友看了上面幾個就關掉視窗走人…

2. 針對TA的方便性 – 無印良品的價格並不便宜, 對學生來說有點貴, 但對一般單身或未婚年輕上班族來說還算合理, 因此我合理判斷他們的TA是年輕上班族, 週一到週五上班, 六日只想窩在家, 針對這群沒什麼時間逛街的族群, 在網站上直接示範每個產品的使用方法, 可以為上班族節省時間, 下班路過直接就走進店面拿了就走.

3. 減少TA的購物考慮時間 – 當你在網站上看完所有的產品使用範, 到了現場看到實際產品就可以馬上回想起今天在網站中看到的影片, 因此思考如何使用產品或是否要購買以及決定購買中間的這段時間就會縮短, 加強TA購買的衝動.

4. 產品擬神化 – 這種產品操作方式在廣告中很常見【名人代言】, 一件普通的衣服穿在身材很棒專業模特兒身上就會變得很好看, 而消費者的投射心裡也會讓他們覺得自己穿上那件衣服也會變得跟模特兒一樣好看, 這個網站針對那群想【低調有型】的TA用了同樣的手法, 乾淨的背景, 簡單的畫面, 加上產品使用的示範影片, 讓無印良品的產品在簡潔的影片中顯得更加極簡有設計感, 讓消費者覺得他們買了無印良品的產品也會變得極簡有型.

5. 網站與實體店面的一致性 – 這個部份不用多說, 無印良品的店面都是以白, 素, 原木等顏色為主, 他們的網站以產品目錄也都是, 設計形象一致, 讓品牌在消費者的心目中維持一致.

個人覺得日本還滿會以這種模式操做品牌, 像Uniqlo也常常推出一些將產品致入的影片, 沒有太深的概念或複雜的互動, 只有簡單的表現方式跟產品的致入, 有時這何嘗不就夠了? 消費者需要的只是要你不要把他們忘了, 天天與他們互動, 不管用什麼方式, 這樣才能漸漸培養品牌與消費者的關係, 建立忠誠度…enjoy, oh…and Happy New Year ;-)

01
02
03
04

24
十一月
08

The eco dance

the Eco Dance

一個活躍於挪威與瑞典的食品公司所作的一個活動, 他們的主張是環保, 這家食品公司的名字叫 I Love Eco, 但老實説這個網站與環保有多少關係實在是有點看不太出來, 網站中自以為輕盈的胖子跳舞跳的還挺靈活的, 表示吃有機食物或環保食物會讓人變得輕盈些嗎? 網站中的一個功能是可以讓網友自己上傳照片或透過網路攝影機直接拍攝然後把臉貼在輕盈胖子的臉上, 這個玩法之前Office Max用過, 叫Elf Yourself, 是搭配聖誕節的時候推出的.

前兩天還在想國外有很多品牌或產品的網站, 往往都要讓網友花一段時間逛逛網站才恍然大悟自己目前在觀看的網站是什麼產品, 亦或什麼品牌, 我想這何嘗不是網路的特性, 也只有網路可以讓網友花足夠的時間跟你的品牌產生互動並深度溝通, 留下印象, 如果網友覺得你的創意或玩法還不錯, 他們還會自動自發的把你的東西傳給他的朋友, 各位一定有過一種經驗是, 你在網路上看到一個好玩的東西, 隨手打開手邊的即時通, 啪啪啪的把鏈結貼給朋友, 或email給大家, 過沒多久, 這個好玩的鏈結或email又會回到你的信箱裡, 或是會有20個人同時傳一樣的鏈結或email給你…這就是網路的爆發力, 是其他媒體做不到的, 當然, 前題是創意要夠, 給網友的動機要強, 訊息要清楚.

但….這個網站實在是… 我實在看不出這位輕盈的胖子跳舞跟環保有什麼太大的關係…不過不是這樣就結束了, 這個網站裡的東西雖然沒有跟環保產生直接的關係, 但可以讓我帶到另一個話題, 就是另一種將網站與品牌產生連結的方法 – “風格”.

這邊先簡單的帶一下, 之後想專門為這主題寫一篇分享. 很多網站創造出新的表現風格, 而那個風格就與他們的品牌產生強烈的連結, 像是IKEA Kitchen, 360大旋轉式的展示, Vodafone Future Vision的未來犀利風格, 有很多網站會刻意將每次的活動網站做的風格很像, 不論是視覺主題也好, 顏色, 場景, 音樂等等, 這樣會讓網友產生連貫的印象…但前題是你必須是first market mover, 像技術也是個阻擋對手跟進的門檻之一, 像這個網站的玩法之前已經被玩過了, 網友的印象就會比較模糊…如果你是市場上第一個這樣玩的品牌, 網友對你產生印象的機率就會比較高, 機率不是絕對的, 只是比較高而已, 因為you never know哪一家會做的比你更好更有爆發力…so, 創意人們, 使勁吃奶的力氣用力想用力進步吧!

the Eco Dance

15
2.jpg
3.jpg
4.jpg

Elf Yourself

5.jpg
6.jpg

13
十一月
08

Volkswagen’s Clever Innovations

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品牌夠大應該是沒差, 如果是小品牌想到這種難得的新表現方式就應該要使盡吃奶的力氣想辦法藉著新的表現方式讓市場記住他們...

13
22
31
4
09
十月
08

Diller Scofidio + renfro

Diller Scofidio + renfro

還記得Flash剛推出的時候是為了製作動畫, 差不多在1999年中的時候開始接觸Flash, 那個時候在公司還沒有多少人在用, 學校在教的是Macromedia Director, 個人是覺得Director超難用, 所以自己就開始摸索這個新接觸的軟體 – Flash.

後來Flash的程式語言Actionscript漸漸的有越來越多的人開始使用, 我也是其中一個, 從此跟這個軟體結下不解之緣…買了很多書, 試了很多玩法, 在舊金山時也參加了很多Flash的大行會議, 更幸運的是畢業後在Macromedia舊金山的總公司工作了一段時間…

Actionscript除了處理資料之外, 在介面設計上也有很多玩法(太多了), 現在所謂”很炫”的網站真的是不勝枚舉, 有太多網站已經把Actionscript發揮的淋漓盡致.

今天看到一個位於紐約的建築設計公司的網站, 網站設計的雖然不是非常好, 但介面的互動方式還滿好玩的, 我想他們的設計理念是為了要表達”建築”. 網站中除了模擬3D之外, 可以用英文字母排序, 我想他們的網站敢設計成這樣是因為他們的TA並不試看了網站就會來找他們, 一定是要看他們曾經做過的建築, 或口碑, 因為使用性上面實在是有待加強, 一般的網站還是必須要以”資訊”為主要的設計前提, 互動方式只是為了要加強user在使用網站時的便利性, 或為了傳遞網站的某種概念, 如果只是為了炫, 而擾亂了user的使用經驗, 那就等著被幹譙吧…因為user們的耐性越來越差, 只要稍微不對味兒他們就會離開或關掉視窗…
1.jpg

2.jpg

3.jpg

4.jpg




搬家了!

Creativity is Good 搬家了!

thisisethan.com/blog

eye balls

  • 40,034 hits