《品牌数位形象的第一步》－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
活动摄影：黄正维