《品牌數位形象的第一步》-Block Studio 創辦人暨設計總監/李明
![](https://assets.matters.news/embed/67d2522e-7dc0-4625-8e7c-410f7a6ea4be.png)
少了「品牌」的概念,網站即是空殼!
如何透過「線上」傳達屬於你的品牌核心價值,建立出打動消費者的數位品牌體驗?又該如何與競爭者品牌做出區隔,建立屬於自己的特色?
桃園設計庫邀請到版塊設計 Block Studio 創辦人暨設計總監-李明,分享如何透過品牌識別與網站介面呈現自己的數位形象。如果你記得可不可熟成紅茶那艘木製帆船與深藍色的背景,或無法忘懷歌手 9m88《九頭身日奈》專輯官網中的大型唱盤,這些都是李明與團隊親手打造的作品唷!
![](https://assets.matters.news/embed/794f124e-2f72-4cd4-b60c-413786d00179.png)
什麼是「品牌數位形象」?
「利用網站建立獨特的數位形象,即是透過設計、動態特效來幫助品牌說故事。」總監一開頭即給了簡單清楚的定義。然而,我們為什麼要在乎「數位形象」呢?
一個品牌已經有明確的調性,在實體展示上也進行有效的傳遞,但遇到要架設官網時,總監表示:「大部分客戶都說網站『好看、好用、乾淨、簡單』就好,但沒有想過,官網也可以作為品牌的一部分。」而品牌實體與線上之間的相互延伸,即是這場講座的重點。
![](https://assets.matters.news/embed/88e5d8fb-2418-4585-abc4-35f86ff4c67a.jpeg)
目的:塑造觀者對你的品牌認知
一個好的網站,能讓雙眼留下印象,進而產生對於品牌的聯想,未來可能成為潛在客戶或口耳相傳的重要角色。在架設網站、建構數位形象之前,很重要的一件事,是必須先「建構品牌的 DNA」,即落實 VI(視覺識別系統)、MI(理念識別系統),以及 BI(行為識別系統)這三項根基。很多品牌的 DNA 不夠精準扎實,是因為沒有樹立上述企業理念的識別。
只要這三項只要做好,不論未來在提案或經營上,都是打了一個穩定的基礎與共享的價值。總監也舉了一個很好的範例:當公司內部遇到了叉路,大家不知該如何下決定時,就可以根據品牌核心價值作為判別的機制,問題即迎刃而解。
![](https://assets.matters.news/embed/0efdc4f9-3780-4f18-be71-b9e639be8912.jpeg)
品牌數位形象的第一步:網站架設
任何品牌都可以透過網站闡述價值或形象,與潛在客戶第一次接觸,且網站的優勢是「平面」與「動態」的並存,與使用者進行互動,更可以透過嵌入與跳轉,增加內容與形式的廣度與深度。
一般網站分為三種類型:資訊型、視覺型、流程型,三種的目的與特徵都不一樣。類型的選擇要回到品牌 DNA,而非單純套用既有格式。以 Apple 蘋果公司 的「活動單頁式」官網為例,一打開首頁,我們可以快速了解產品、進入重點,以及被精美的圖像所吸引,再搭配簡短的介紹文字,最終引導我們到品牌的目的:「下單買手機」。
![](https://assets.matters.news/embed/e91005c1-ea93-46dd-83f0-a8f3870408fa.png)
至於貼近我們日常需求的購物網站或 COVID-19 公費疫苗預約平台,均屬「系統平台」類型官網。平台的目的單純,是要使用者「完成某項任務」,所以流程清楚、提示性強,且在乎使用者經驗是此類型官網的特徵。以上兩種官網類型,都與品牌 DNA 緊密契合,總監緊接著介紹視覺型官網的實際範例。
![](https://assets.matters.news/embed/3c2b4219-1d42-432a-9be1-6b10a7b6e346.png)
視覺型官網:動態是為了解決平面做不到的事情
網站不只有一種玩法,其實只要符合品牌 DNA,就可以轉換成有趣的動態形式置入官網。制式的官網只是及格且保守的選擇,若加入動態進場、滾動、游標和不同的點擊樣貌,或許可以更生動的傳遞品牌的價值與提升說服力。
動態特效不只是呈現平面無法表現的角度,還能增強良好的使用者體驗,甚至增加隱藏式互動,讓驚喜感留在使用者的印象當中。大家可以點擊版塊設計的官網,體驗登錄頁面:
![](https://assets.matters.news/embed/bf4a30c0-fbf0-4810-9581-2ff8ec773ee5.png)
進入首頁時,相信各位已被簡單卻豐富的視覺線條所吸引,試著想看看,如果首頁是靜止的平面插圖,我們的眼球也許不會停留更多的時間?無論是 icon 繪製、動態緩衝、易懂的指標、舒適的顏色選擇等等,若你剛好使用電腦開啟,甚至只要轉動滑鼠,就能橫向抵達下個頁面。
還意猶未盡嗎?我們來看看同樣是版塊設計的作品「可不可熟成紅茶」動態官網吧:
「喝茶就像在探險,有我們與你同行,讓你嘗鮮不踩雷,每一口都是好滋味。」版塊設計將網站定位為「品牌視覺為主、資訊傳遞為輔」的形象網站類型出發,歸納了關鍵字如:世界各地、運茶船、海浪、冒險等等,透過手搖飲的水面、側面、透視表現出這杯飲品的深度與背後的經歷,這個案例是不是更容易理解了呢?
以上兩個案例,是套版型或一頁式網站無法做到的細膩互動與體驗,總監與團隊運用精心設計的作品來告訴大家:一個符合品牌 DNA 的網站,帶給消費者的影響力不容小覷!
![](https://assets.matters.news/embed/f067e1a0-84de-4ebe-8018-1dc640fc24c5.jpeg)
開始建構一趟數位旅程吧!
釐清並建立自己的品牌 DNA,找到適合的數位門面,從中建立專屬的數位形象,開始在線上數位媒介留下痕跡,這是本場講座李明總監最想傳遞的精神。
桃園設計庫在 2022 年將有更多元、更深入的不同主題與特色課程,並定期邀請設計經驗豐富的前輩分享,讓基地成為桃園的設計最前線,持續讓桃園的設計人才被更多人看見,歡迎大家多多關注!
![](https://assets.matters.news/embed/49e17993-78a5-4840-a5db-05625c636f75.jpeg)
![](https://assets.matters.news/embed/27696d36-f61a-488b-86e1-0e77a72346b5.jpeg)
版塊設計 Block Studio 創辦人暨設計總監/李明
李明,現為版塊設計 Block Studio 的創辦人暨設計總監、流石選物共同創辦人。
於設計領域年資已超過 10 年,對於網站特效擁有深厚的知識與經驗,擅於以品牌核心價值出發,輔佐「動態特效」為加成,以網站為主要媒介,不斷產出顛覆想像的作品。
版塊設計於2015 年創立,短短幾年榮獲多項國內外大獎肯定,包括 iF 設計獎、德國設計獎、金點設計獎、CSSDA、Awwwards 等,作品有 高雄流行音樂中心官網、台北流行音樂中心官網、TDRI 數位簡介網站、可不可熟成紅茶網站、媚登峰品牌識別再造、金曲獎GMA29 活動網站... 等,領域涵括藝文音樂、公共議題、金融和資訊科技等多元品牌、企業、活動等形象網站規劃。
SyndAvant 凝聚願意將創意與專長應用於改造社會、推進社會進步之創意人,我們稱之為 Avantist 。這一系列專訪,將帶各位認識這些 Avantist 如何經營自己的專業,運用自身才華與影響力,進而形成對社會的正面影響力。
編輯:韓筠青
圖片提供:版塊設計 Block Studio
活動攝影:黃正維
喜欢我的作品吗?别忘了给予支持与赞赏,让我知道在创作的路上有你陪伴,一起延续这份热忱!
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/avatar/99d7df61-1b45-43a6-8b98-25174cd387fc.jpeg/public)
- 来自作者
- 相关推荐