DotFuns官方網站
案例簡介
DotFuns為一新興設計品牌，為展現”Life, why not with a twist”的品牌精神，同時配合首波創意商品「干樂」上市，故推出全新的官方網站。因此在網站規劃上，必須達到：切合品牌形象、凸顯商品特色、後台管理便利等目標，於是我們為DotFuns製作出以下這個兼具設計感、創新性、實用度的品牌網站。
設計概念-首頁
一進入DotFuns官網首頁，我們即以滿版的產品情境圖抓住使用者的目光，同時也能清楚呈現產品形象、設計細節，更是主打商品、最新商品絕佳的曝光模式；此外，情境圖加上了網點設計，而能使圖片在不同瀏覽工具（桌機、NB、小筆電、iPad等）、不同螢幕大小內縮放時，解析度變化不致造成太大觀看上的影響。
螢幕大小不影響情境圖顯示，依然清楚。
當滑鼠移至左方的功能選項時，按鍵會出現變色、位移的動態變化，切合著”Life, why not with a twist”的品牌精神。功能選項下方，以DotFuns輔助圖形構成的Face，眼珠不僅會跟著滑鼠移動，隨著登入網站的時段不同，表情變化也各異其趣，為網站增添人性化的趣味感。
由於已有豐富的滿版情境圖，故功能選項、face放置於左側，右下方則有簡單的最新消息（一次顯示一則），以使整體版面有較佳的完整度、畫面不致零碎複雜。而網站最下方也設有社群分享、手機版本功能，以符合網路最新的趨勢。
設計概念-內頁
內頁也維持色調的一致性，並且細節上多方運用品牌識別的輔助圖形。其中，在「關於我們」的部份，橫幅移動的方式使字數較多的訊息有更高的閱讀性；可輕鬆開闔的「最新消息」，具有靈活度且使版面更為簡潔。
內頁-最新消息
進入最重要的「產品介紹」內頁，主圖區首先以一張形象圖帶出系列產品的氛圍，點選下方小圖後，小圖則會推移前張圖而於主圖區秀出，靈活的設計能完整呈現多張產品照和詳細的產品訊息；而所有的功能按鍵皆固定於左欄和上方，即使訊息較多、頁面拉長，依然能直接點選無需再滾動捲軸；如此的版型設計，也能因應未來的產品開發，當商品越發多樣時，能以新開列表、分頁的方式建立出編排邏輯，不影響呈現形式。
內頁-產品介紹
當然，我們也設計了便於管理的後台，不論是首頁滿版的產品情境圖、最新消息、產品介紹，皆可從後台自行上傳更新，明確清晰的指示、友善的使用介面，便於DotFuns品牌未來發展時，快速建立最新的產品資訊、活動訊息。
DotFuns的嶄新官網，整體充分利用品牌識別的元素，功能設計也兼具新奇、人性化的要求，實為官網與品牌精神密切結合的最佳案例。
延伸閱讀：
*DotFuns官方網站
*DotFuns產品企劃Ed Lu說品牌
