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

更新於 發佈於 閱讀時間約 7 分鐘
raw-image

少了「品牌」的概念,網站即是空殼!

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

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

raw-image

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

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

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

raw-image

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

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

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

raw-image

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

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

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

raw-image

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

raw-image

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

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

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

raw-image

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

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

影片來源:版塊設計

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

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

raw-image

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

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

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

raw-image
raw-image

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

https://blockstudio.tw/

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

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

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


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

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

留言
avatar-img
留言分享你的想法!
avatar-img
SyndAvant的沙龍
57會員
62內容數
想認識「社會設計」卻不知從何開始嗎?來看看記者揪底🕵️‍♀️關於社會設計的系列報導,跟著阿翻、摳題與貝克出任務🦸🏻!一起深入瞭解社會設計的理念💭、探索國內外具影響力的案例👨‍👦‍👦,成為下一個社會設計行動者吧(。・ω・。)ノ
SyndAvant的沙龍的其他內容
2022/09/12
消費者應該有權選擇自己想要的包裝。如今我們能在網路上買到的東西太多了,隨之而生的是大量的包裝耗材。臺灣有一群青年成立了新創公司。他們說:我們想打造更永續的網購生態系。
Thumbnail
2022/09/12
消費者應該有權選擇自己想要的包裝。如今我們能在網路上買到的東西太多了,隨之而生的是大量的包裝耗材。臺灣有一群青年成立了新創公司。他們說:我們想打造更永續的網購生態系。
Thumbnail
2022/06/11
你參加過「森林療癒」的活動嗎? 森林療癒(以下簡稱森療)在台灣的話題度逐年上升,旅行社、飯店、國家公園、森林遊樂園等都陸續主辦過森療活動。也許大家會好奇,同樣都是與大自然接觸,森療與露營、登山、攻頂這些活動的差別是什麼呢?
Thumbnail
2022/06/11
你參加過「森林療癒」的活動嗎? 森林療癒(以下簡稱森療)在台灣的話題度逐年上升,旅行社、飯店、國家公園、森林遊樂園等都陸續主辦過森療活動。也許大家會好奇,同樣都是與大自然接觸,森療與露營、登山、攻頂這些活動的差別是什麼呢?
Thumbnail
2022/01/05
〔記者揪底🕵️‍♀️/綜合報導〕時光飛逝,歲月如梭,來到本系列的最後一篇報導啦!看完這麼多人都為社會注入力量💪🏼,你是否也摩拳擦掌,期待成為下一個進擊的社會設計行動者呢?話不多說,趕快和記者揪底來一探究竟吧~
Thumbnail
2022/01/05
〔記者揪底🕵️‍♀️/綜合報導〕時光飛逝,歲月如梭,來到本系列的最後一篇報導啦!看完這麼多人都為社會注入力量💪🏼,你是否也摩拳擦掌,期待成為下一個進擊的社會設計行動者呢?話不多說,趕快和記者揪底來一探究竟吧~
Thumbnail
看更多
你可能也想看
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
在數位時代,建立強大的網絡品牌對於個人創業者及大型企業至關重要。這篇文章提供了一系列基本策略,從品牌定位、社交媒體營銷、內容行銷到SEO優化,讓初學者能夠循序漸進地提升品牌影響力。透過明確的品牌定位、吸引人的社交媒體內容及有效的數據分析
Thumbnail
在數位時代,建立強大的網絡品牌對於個人創業者及大型企業至關重要。這篇文章提供了一系列基本策略,從品牌定位、社交媒體營銷、內容行銷到SEO優化,讓初學者能夠循序漸進地提升品牌影響力。透過明確的品牌定位、吸引人的社交媒體內容及有效的數據分析
Thumbnail
隨著網路的普及,數位時代的快速演進,人們接收資訊的方式也逐漸的在改變,不再是從實體的報章雜誌或是一張張的廣告傳單,而是手中小小的螢幕。根據2022年統計,現代人平均每日螢幕時間是6小時58分鐘,而年輕人的螢幕使用時間更是高達9個小時,社交、購物、學習,大概一天有三分之一的時間都在使用數位產品,網路已
Thumbnail
隨著網路的普及,數位時代的快速演進,人們接收資訊的方式也逐漸的在改變,不再是從實體的報章雜誌或是一張張的廣告傳單,而是手中小小的螢幕。根據2022年統計,現代人平均每日螢幕時間是6小時58分鐘,而年輕人的螢幕使用時間更是高達9個小時,社交、購物、學習,大概一天有三分之一的時間都在使用數位產品,網路已
Thumbnail
一、 什麼是品牌視覺 「品牌視覺」就是品牌將「核心理念」和「企業文化」,用容易記憶的視覺形象來表達。主要是以品牌名稱、LOGO標誌、標準字、標準顏色等視覺要素組合而成,呈現出最符合品牌的視覺,有助於快速建立企業品牌識別度。 加上豐富的產業經驗和對市場的理解,幫助你成為品牌價值的好推手。更進一步搭配實
Thumbnail
一、 什麼是品牌視覺 「品牌視覺」就是品牌將「核心理念」和「企業文化」,用容易記憶的視覺形象來表達。主要是以品牌名稱、LOGO標誌、標準字、標準顏色等視覺要素組合而成,呈現出最符合品牌的視覺,有助於快速建立企業品牌識別度。 加上豐富的產業經驗和對市場的理解,幫助你成為品牌價值的好推手。更進一步搭配實
Thumbnail
品牌設計並非只是單純地做logo設計 品牌設計最怕顧此失彼,看不見的部份也很重要 消費者研究是品牌設計的根本 系統化品牌策略建構工作坊不是教育訓練性質的共識營,而是實際產出策略方向的共創工具
Thumbnail
品牌設計並非只是單純地做logo設計 品牌設計最怕顧此失彼,看不見的部份也很重要 消費者研究是品牌設計的根本 系統化品牌策略建構工作坊不是教育訓練性質的共識營,而是實際產出策略方向的共創工具
Thumbnail
少了「品牌」的概念,網站即是空殼! 如何透過「線上」傳達屬於你的品牌核心價值,建立出打動消費者的數位品牌體驗?又該如何與競爭者品牌做出區隔,建立屬於自己的特色?
Thumbnail
少了「品牌」的概念,網站即是空殼! 如何透過「線上」傳達屬於你的品牌核心價值,建立出打動消費者的數位品牌體驗?又該如何與競爭者品牌做出區隔,建立屬於自己的特色?
Thumbnail
疫情促進數位轉型加速,網路成為最熱門的銷售渠道,也成為兵家必爭之地。當市場越臻熱絡,電商的下個挑戰便是如何讓自己在無限賽局中獲得比賽權,不致退場。為此,我們應該要著重改善什麼,好在戰場上繼續生存下去呢?本篇結合了自己的行銷觀察,試圖解開下個戰場的應對策略。
Thumbnail
疫情促進數位轉型加速,網路成為最熱門的銷售渠道,也成為兵家必爭之地。當市場越臻熱絡,電商的下個挑戰便是如何讓自己在無限賽局中獲得比賽權,不致退場。為此,我們應該要著重改善什麼,好在戰場上繼續生存下去呢?本篇結合了自己的行銷觀察,試圖解開下個戰場的應對策略。
Thumbnail
釐清品牌跟行銷本質差異:這是「我是誰」以及「我想被看見」兩個不同的需求。
Thumbnail
釐清品牌跟行銷本質差異:這是「我是誰」以及「我想被看見」兩個不同的需求。
Thumbnail
這一集, 特別適合想做個人品牌、自媒體、一人公司、內容創作者們。 品牌的起點並不是logo、slogan、story 那些是在你找到品牌靈魂後, 很自然衍生出來的產物。 品牌,其實是一種感覺 你,在開始做品牌之前, 先問問自己, 想要給別人什麼樣的感覺?
Thumbnail
這一集, 特別適合想做個人品牌、自媒體、一人公司、內容創作者們。 品牌的起點並不是logo、slogan、story 那些是在你找到品牌靈魂後, 很自然衍生出來的產物。 品牌,其實是一種感覺 你,在開始做品牌之前, 先問問自己, 想要給別人什麼樣的感覺?
Thumbnail
淺談官方網站的設計規劃:從瞭解需求和提供價值開始 因為長期擔任企業顧問與職業講師的緣故,近年來有很多企業機構或公部門找我教授有關內容行銷與文案寫作的課程,除此之外,他們也會跟我詢問有關官方網站、部落格的架設與經營問題。 舉例來說,之前我就曾接受經濟部中小企業處新創企業價值共創計畫的邀請,為某家新創公
Thumbnail
淺談官方網站的設計規劃:從瞭解需求和提供價值開始 因為長期擔任企業顧問與職業講師的緣故,近年來有很多企業機構或公部門找我教授有關內容行銷與文案寫作的課程,除此之外,他們也會跟我詢問有關官方網站、部落格的架設與經營問題。 舉例來說,之前我就曾接受經濟部中小企業處新創企業價值共創計畫的邀請,為某家新創公
Thumbnail
根據品牌的推動力完成了品牌定義,創造了品牌的個性,也將產品做了產品定位,並將這個定位與行銷策略做了呼應後,這篇我們介紹如何有力的表達這個品牌!
Thumbnail
根據品牌的推動力完成了品牌定義,創造了品牌的個性,也將產品做了產品定位,並將這個定位與行銷策略做了呼應後,這篇我們介紹如何有力的表達這個品牌!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News