SyndAvant

SyndAvant 凝聚願意將創意與專長應用於改造社會、推進社會進步之創意人,透過各式各樣的專案、內容與活動為社會中的種種問題找尋可能的解決方案,將公共議題帶入民眾的日常生活當中,引發改變的動機與意願。 拜訪我們:http://syndavant.com

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

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

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

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

圖片來源:版塊設計

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

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

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

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

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

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

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

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

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

圖片來源:Apple 蘋果官網首頁

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

圖片來源:COVID-19 公費疫苗預約平台官網首頁

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

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

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

圖片來源:版塊設計官網首頁

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

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

影片來源:版塊設計

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

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

圖片來源:版塊設計

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

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

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

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

https://blockstudio.tw/

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

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

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


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

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

喜歡我的文章嗎?
別忘了給點支持與讚賞,讓我知道創作的路上有你陪伴。

CC BY-NC-ND 2.0 版權聲明

看不過癮?

一鍵登入,即可加入全球最優質中文創作社區