girl effect

Girl Effect

這是Nike基金會為協助開發中國家的貧窮女性所作的宣導網站, 在一些偏遠的開發中國家, 像伊索比亞, 孟加拉等等的地方, 女性沒有機會融入社會, 她們大部份到了一定的年紀就得嫁人, 生小孩, 無止境的做工, 變成文盲, 還有可能因為免疫力不夠而染上愛滋, 且永遠沒有機會脫離貧困.

剛開始看到這個網站的時候只看到標題【Girl Effect】, 本來以為是某個女性產品想要造成話題所創造的新名詞, 但瀏覽了之後才知道網站的目的是要去協助開發中國家的貧困女性, 讓他們有機會受到教育, 以及得到良好的資源. 剛開始很納悶為什麼只協助女性, 後來基金會的網站中也解釋原因, 經過四年的觀察後發現, 女性得到資源後比較會回饋家庭甚至延伸致社會, 所產生的漣漪較廣, 效益較大, 當然, 公益也要看ROI(投資報酬率), 最小的投資產生最大的效益.

常常聽到有人說 : “女性的韌性比男性強”, 我沒有懷疑過, 光講到生小孩這件事我想大部份的男性就都沒得反駁了, 還聽過女性在生小孩的痛, 有如將手指頭切下來般的痛(某位醫生形容的), 當有小孩的女性身邊出現危險時, 她們第一個想到的往往也都是小孩及先生. 女性的身段可剛可柔, 在現代社會中的適存性已經勝過男性, NIKE基金會看到了女性的潛力, 並希望藉由協助更多的女性為位社會帶來更多更正面的力量.

撇開這個公益網站是由NIKE贊助的品牌形象不講, 公益網站往往都做的枯燥乏味, 但這個網站從一開頭就吸引我注意, 整個流程簡單的運用了Who, Where, Why, How. 網站從一個簡單的故事開始, 一個假想女生A Girl的故事, 告訴妳誰需要幫助, 故事丟出一個問題讓你去思考, 思考為什麼要幫助他們, 哪裡需要幫助,她們得到幫助之後可能的結果是什麼. 故事結束後也用簡單的三個大選項串聯整個網站 – Learn(了解更多), Change(如何幫助他們), Share(分享給更多人知道), 簡單明瞭的Navigation讓整個網站的目的一目了然. 這網站是第二個讓我願意花些時間去瀏覽的公益網站. 另一個是Invisible Children, 有興趣可以看看.

公益其實就是積少成多, 常常覺得一個人做不了什麼改變, 但一個連一個, 當力量慢慢累積起來改變就會默默的發生, 網站中提供了捐錢的管道, 如果沒有捐錢的感動, 還提供了貼紙聯署, 桌布等等的下載, 讓你用精神去支持…take a look, make the change.

Jag Jeans

Jag Jeans

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

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

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

Diller Scofidio + renfro

Diller Scofidio + renfro

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

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

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

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

Audi – the sum of many ideas

Audi

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.