《品牌數位形象的第一步》－Block Studio 創辦人暨設計總監／李明

少了「品牌」的概念，網站即是空殼！

如何透過「線上」傳達屬於你的品牌核心價值，建立出打動消費者的數位品牌體驗？又該如何與競爭者品牌做出區隔，建立屬於自己的特色？

桃園設計庫邀請到版塊設計 Block Studio 創辦人暨設計總監－李明，分享如何透過品牌識別與網站介面呈現自己的數位形象。如果你記得可不可熟成紅茶那艘木製帆船與深藍色的背景，或無法忘懷歌手 9m88《九頭身日奈》專輯官網中的大型唱盤，這些都是李明與團隊親手打造的作品唷！

什麼是「品牌數位形象」？

「利用網站建立獨特的數位形象，即是透過設計、動態特效來幫助品牌說故事。」總監一開頭即給了簡單清楚的定義。然而，我們為什麼要在乎「數位形象」呢？

一個品牌已經有明確的調性，在實體展示上也進行有效的傳遞，但遇到要架設官網時，總監表示：「大部分客戶都說網站『好看、好用、乾淨、簡單』就好，但沒有想過，官網也可以作為品牌的一部分。」而品牌實體與線上之間的相互延伸，即是這場講座的重點。

目的：塑造觀者對你的品牌認知

一個好的網站，能讓雙眼留下印象，進而產生對於品牌的聯想，未來可能成為潛在客戶或口耳相傳的重要角色。在架設網站、建構數位形象之前，很重要的一件事，是必須先「建構品牌的 DNA」，即落實 VI（視覺識別系統）、MI（理念識別系統），以及 BI（行為識別系統）這三項根基。很多品牌的 DNA 不夠精準扎實，是因為沒有樹立上述企業理念的識別。

只要這三項只要做好，不論未來在提案或經營上，都是打了一個穩定的基礎與共享的價值。總監也舉了一個很好的範例：當公司內部遇到了叉路，大家不知該如何下決定時，就可以根據品牌核心價值作為判別的機制，問題即迎刃而解。

品牌數位形象的第一步：網站架設

任何品牌都可以透過網站闡述價值或形象，與潛在客戶第一次接觸，且網站的優勢是「平面」與「動態」的並存，與使用者進行互動，更可以透過嵌入與跳轉，增加內容與形式的廣度與深度。

一般網站分為三種類型：資訊型、視覺型、流程型，三種的目的與特徵都不一樣。類型的選擇要回到品牌 DNA，而非單純套用既有格式。以 Apple 蘋果公司 的「活動單頁式」官網為例，一打開首頁，我們可以快速了解產品、進入重點，以及被精美的圖像所吸引，再搭配簡短的介紹文字，最終引導我們到品牌的目的：「下單買手機」。

至於貼近我們日常需求的購物網站或 COVID-19 公費疫苗預約平台，均屬「系統平台」類型官網。平台的目的單純，是要使用者「完成某項任務」，所以流程清楚、提示性強，且在乎使用者經驗是此類型官網的特徵。以上兩種官網類型，都與品牌 DNA 緊密契合，總監緊接著介紹視覺型官網的實際範例。

視覺型官網：動態是為了解決平面做不到的事情

網站不只有一種玩法，其實只要符合品牌 DNA，就可以轉換成有趣的動態形式置入官網。制式的官網只是及格且保守的選擇，若加入動態進場、滾動、游標和不同的點擊樣貌，或許可以更生動的傳遞品牌的價值與提升說服力。

動態特效不只是呈現平面無法表現的角度，還能增強良好的使用者體驗，甚至增加隱藏式互動，讓驚喜感留在使用者的印象當中。大家可以點擊版塊設計的官網，體驗登錄頁面：

進入首頁時，相信各位已被簡單卻豐富的視覺線條所吸引，試著想看看，如果首頁是靜止的平面插圖，我們的眼球也許不會停留更多的時間？無論是 icon 繪製、動態緩衝、易懂的指標、舒適的顏色選擇等等，若你剛好使用電腦開啟，甚至只要轉動滑鼠，就能橫向抵達下個頁面。

還意猶未盡嗎？我們來看看同樣是版塊設計的作品「可不可熟成紅茶」動態官網吧：

「喝茶就像在探險，有我們與你同行，讓你嘗鮮不踩雷，每一口都是好滋味。」版塊設計將網站定位為「品牌視覺為主、資訊傳遞為輔」的形象網站類型出發，歸納了關鍵字如：世界各地、運茶船、海浪、冒險等等，透過手搖飲的水面、側面、透視表現出這杯飲品的深度與背後的經歷，這個案例是不是更容易理解了呢？

以上兩個案例，是套版型或一頁式網站無法做到的細膩互動與體驗，總監與團隊運用精心設計的作品來告訴大家：一個符合品牌 DNA 的網站，帶給消費者的影響力不容小覷！

開始建構一趟數位旅程吧！

釐清並建立自己的品牌 DNA，找到適合的數位門面，從中建立專屬的數位形象，開始在線上數位媒介留下痕跡，這是本場講座李明總監最想傳遞的精神。

桃園設計庫在 2022 年將有更多元、更深入的不同主題與特色課程，並定期邀請設計經驗豐富的前輩分享，讓基地成為桃園的設計最前線，持續讓桃園的設計人才被更多人看見，歡迎大家多多關注！

版塊設計 Block Studio 創辦人暨設計總監／李明

https://blockstudio.tw/

李明，現為版塊設計 Block Studio 的創辦人暨設計總監、流石選物共同創辦人。

於設計領域年資已超過 10 年，對於網站特效擁有深厚的知識與經驗，擅於以品牌核心價值出發，輔佐「動態特效」為加成，以網站為主要媒介，不斷產出顛覆想像的作品。

版塊設計於2015 年創立，短短幾年榮獲多項國內外大獎肯定，包括 iF 設計獎、德國設計獎、金點設計獎、CSSDA、Awwwards 等，作品有 高雄流行音樂中心官網、台北流行音樂中心官網、TDRI 數位簡介網站、可不可熟成紅茶網站、媚登峰品牌識別再造、金曲獎GMA29 活動網站... 等，領域涵括藝文音樂、公共議題、金融和資訊科技等多元品牌、企業、活動等形象網站規劃。

SyndAvant 凝聚願意將創意與專長應用於改造社會、推進社會進步之創意人，我們稱之為 Avantist 。這一系列專訪，將帶各位認識這些 Avantist 如何經營自己的專業，運用自身才華與影響力，進而形成對社會的正面影響力。

編輯：韓筠青
圖片提供：版塊設計 Block Studio
活動攝影：黃正維