2010年2月26日 星期五

名象如同「義大利國寶級精品咖啡」一樣,堅持服務品質!

ebg分享案例:
美福食品公司illycaffè台灣官方網站設計

案例簡介:
1933年創立於義大利東北部海港城市Trieste的「illycaffè」,堅持採用100%上選Arabica咖啡豆調配出獨特香醇的風味,目前全世界每天賣出超過6百萬杯。在家族三代的努力下,更對咖啡機的改良,和咖啡的栽種、採收、萃取、包裝,有重要突破和貢獻,因而被推崇為義大利的國寶級精品咖啡。

十多年前,美福食品公司將「illycaffè」引進台灣,也將正統的義大利咖啡文化帶給消費者。此次受託設計illycaffè台灣官方網站,我們不僅面臨「該如何延伸(或跳脫)國外官網整體視覺」的挑戰,也考驗我們如何以設計呈現出illycaffè國寶級的品牌形象。

設計重點:
在網路事業部同仁們的用心和努力下,我們交出了以下成果。

名象品牌形象設計公司製作之「illycaffè」台灣版官網

首頁,往往決定了網站的跳出率,因此是製作時的設計重點。首頁上方的主視覺,我們做了一個破格的設計:呈現咖啡緩緩注入杯中的趣味動態視覺(並選用illycaffè最經典的咖啡杯造型),鮮明的點出網站的內容和特色,使整體視覺上出現動靜的層次,營造出悠閒的氣氛。

這個設計也挑戰我們對動態更細緻的展現。我們運用3D建模技術、影片特效處理注入咖啡的過程,並在注完後,持續飄散縷縷輕煙;請留意杯中咖啡的顏色變化,這是我們對正統義式咖啡漸層色調的忠實呈現,在融合客戶的專業意見並經過不斷地修正,做出有別於一般網站普通banner的精緻視覺,值得細細品味。

網站上方「注入咖啡」的動態視覺。
這裡雖然用了分解圖示意,但請一定要親自上網瞧瞧喔。

而整體風格,延續歐美官網極簡俐落的設計感,色彩上也以灰色調為主,不同的是,我們延續了illycaffè CI的感覺,搭配局部的紅色使網站變得更鮮活,對照其他版本的設計,台灣版則在悠閒的咖啡時光中,增添了幾分醇厚的溫度。

「illycaffè」其他版本官網,由左至右為:義大利美國中國

進入「產品介紹」內頁,下方有個可隨意開合的「產品列表」,當使用者檢視頁面上下移動捲軸時,這個列表會穩定地待在最下方,不會影響主要內容的閱讀,又能隨時點選產品訊息,達到宣傳效果。從「產品列表」中點選任一個商品,會進入更詳細的介紹頁,右側「諮詢商品」等功能按鈕則會隨著捲軸移動,有別於一般固定在頁面最上方或最下方的作法。

點選以上兩張圖,能看到更清楚的解說!

至於一般使用者看不到的後台管理平台,我們因應客戶的功能需求,做了更靈活的程式設計,為的是方便客戶自行管理使用,不必另外委託他人維護,能更直接與消費者互動。不論是前台的視覺呈現或後台的功能建置,都有我們對細節的用心和自我突破,這是名象與「illycaffè」共通的服務態度吧。雖然追求完美沒有終點,但希望能以這個作品,作為向前邁進的一大步!