設計品牌dotfuns官方網站設計
案例簡介：
dotfuns為2009年成立的新興設計品牌，品牌精神在於透過好設計，連結人與人之間的關係；其堅強的創意團隊，融合了全球設計、品牌經營等經歷，目前正陸續開發休閒娛樂、運動健康等生活用品。
由於dotfuns是個新品牌，在設計其官網時，就更需要強化品牌故事、精神的傳達，而傳達的方式，也要符合dotfuns的調性：創意、趣味、互動，以期在進入市場中，能呈現出鮮明的定位，吸引消費者注意和認同。
設計重點：
以一隻鳥仔做前段動畫的敘事主角。此為動畫最後回到台灣的主頁面。
dotfuns官網延續了同樣由名象為其設計的紫、灰色調及CI主視覺，點出品牌詼諧、清新的獨特風格。進入官網，首先以一段生動、趣味的flash動畫，講述dotfuns的品牌故事：dotfuns是個融合著法國、英國、美國、日本等設計觀點，最後在台灣落地生根的創意品牌。
跟著鳥仔造訪法、英、美、日。
鮮明的各國圖像，應不必再多做圖說註解了！
我們繪製了一隻以紅鶴做發想的鳥仔，串起整個敘事線。這隻憨厚討喜的鳥仔，看起來造型俐落簡單，製作上卻頗費心力；為了能有更豐富的視覺效果，讓鳥仔不只是平面移動，我們先用Maya做出鳥仔不同角度的3D圖像，以呈現如動畫最前端，鳥仔繞行地球的空間立體感，在搭上這幾個國家的特色圖像，變化出2D加3D的視覺層次。
不同角度的鳥仔。具有漂浮感的活動鳥仔腳，能做出不同姿勢。
接著，使用者跟著鳥仔造訪法國、英國、美國、日本，每到一處，就取食一顆當地的果實，表達出dotfun吸收不同國家的設計概念，再藉著鳥仔便便的趣味，象徵經過融合、消化後，回到台灣產生了這個品牌。趣味圖像、簡潔敘事，淺顯易懂地表達出dotfuns的品牌故事，很容易就被使用者接受。
在表達這個吸收-消化-產生的過程，我們還精心設計了許多細節元素，抓住使用者的注意力，如：巴黎鐵塔、凱旋門、倫敦眼、大笨鐘、自由女神、布魯克林大橋、鯉魚旗、相撲力士、台灣黑熊、中正紀念堂、台北101…等以灰/白色調做出風格化的視覺，並將旋轉風車、緩緩停靠的雙層巴士、浮動的雲朵和煙花等動態圖像點綴其中，使背景不至於太過平板；還針對不同國家設計了不同的大樹造型，鳥仔取食果實也有囫圇吞棗、忍者盜取等四種不同動作。這些細部的創意、講究和用心，讓使用者能在一次次觀看中不斷發現趣味，並充滿期待地看完整個動畫而不忍直接skip進入主頁面。
在主頁面裡，鳥仔轉變為滑鼠箭頭，用意在於將前段動畫連結到操作面，與使用者產生關連。也因為使用者能自由操控鳥仔的方向，更能看出前述繪製3D鳥仔的的細緻度。當使用者移動鳥仔/滑鼠至功能選項時，該選項的紫色果實便會放大，點選後以果實爆開的方式進入內頁，讓網頁的分頁繼續延伸動畫創意的果實概念。
點選選項，紫色果實以爆開的方式進入內頁。
內頁背景的大小原點，能對應使用者的滑鼠位置而移動。
內頁以紫色調與前段的動畫、主頁面的灰、白基調產生區隔，並做出進入「brand story」、「brand philosophy」、「our team」、「brand future」等介紹內頁，就像是進入dotfuns更深層靈魂的層次感。同時，為了避免使用者一看到較長文字就容易有的沉悶心理，內頁背景上，我們做了有前後空間感的大小圓點，舒緩心理壓力，圓點並能對應滑鼠位置而移動，以動態補強內頁的靈活性、生動度。
名象品牌形象設計公司網路事業部受託製作出這個全flash的dotfuns官網，不僅創意面花了許多心力發想、溝通，視覺呈現與程式的相互串連配合，也是製作上的一大重點。這個成果，成功打造dotfuns的品牌形象，也建立使用者對dotfuns下一步產品上市的期待，深獲客戶和業界的好評，也成為名象網頁設計服務的一大里程碑！也請大家再次用心體會！
