方格精選

架站前要思考的第一件事:定調你的個人品牌「第一印象」!

更新 發佈閱讀 13 分鐘
raw-image

專業人士通常是要給人一個「專業」的品牌形象,因此在實際動手架站之前,最重要的就是要先思考「我們要呈現什麼形象」給他人!

尤其,個人品牌形象網站就是我們給人的第一印象

如果讀者或用戶點擊我們的網站連結,一進來看到我們的網站就發現一個鮮豔繽紛、創意十足的品牌風格,那麼也許我們就是他想要找的創意人才;如果用戶看到的是一個嚴謹條理、理性低調的風格;也許我們就是他想要找的策略導向的諮詢顧問。

因此,當讀者或用戶找尋潛在解決方案時,他可能會在網路上搜尋、比較許多不同的資料來源,而「品牌風格的第一印象」將協助用戶快速判斷我們是否會被列入在他想找的潛在名單中,以及是否想要繼續研讀我們的網站內容

如果說我們的專業明明就很不錯,但卻在第一關就被篩選掉了,那就很可惜了!所以我們也必須把握我們在網路上的「第一印象」!


架站前要思考的第一件事:定調你的個人品牌「第一印象」從網站的「色調」和「圖片風格」開始!

一進到我們的網站,讀者或用戶在看到我們的文字和想法之前,最先映入眼簾的就是「顏色」及「圖片」,而這兩者會讓用戶對我們產生「第一印象」,這就是整個品牌形象網站的風格「基調」

而這個第一印象,同時也會決定什麼樣的目標客群會被我們吸引以及往後的服務流程順不順暢

決定網站的風格基調,一共有三大步驟:

  1. 考慮「目標客群之喜好」與「你的喜好」之間的平衡,進而確定「你的形象風格」。
  2. 選擇符合「你的形象風格」之網站「主色調」。
  3. 選擇符合「你的形象風格」之「系列圖片」。

以上三個步驟將決定你網站的「第一印象」。


步驟1:考慮「目標客群之喜好」與「你的喜好」之間的平衡進而確定「你的形象風格

那要如何決定呢?要考慮什麼元素呢?

我們必須平衡兩個面向:「目標客群之喜好」與「你的喜好」。

客戶很重要沒有錯,但你也很重要,我們經營自己喜歡的事業就不能虧待自己,我們可以學習「平衡」!

舉例來說,假設你提供的服務是「法律諮詢」,但其實你個人的特質或個性是屬於較幽默風趣的類型,甚至在提供具價值內容的法律知識時,你比較喜歡分享一些令人哭笑不得的實際訴訟案例。

那麼你應該選擇令人信賴、穩重、冷靜的藍色冷色調,並搭配專業商業形象之圖片呢?(如下圖,下圖為WiX範例網站)

raw-image

還是說,雖然整體選擇冷色調,但想要加入一點繽紛感,提升你的俏皮度,同時比起大量案例情境解析,你更喜歡且更在行的是訴訟之數據分析,而這也是你獨有的法律專業特色,那麼你選擇的網站風格就會完全不同!(如下圖,下圖為WiX範例網站)

raw-image

還是說,你更偏好喜歡人與人之間的溫度,比起冷冷的案件,你想要傳遞給讀者或客戶的是身為法律夥伴的支持和陪伴,尤其在意女性權利,於是網站風格又不同了!(如下圖,下圖為WiX範例網站)

raw-image

所以在思考網站風格基調時,必須平衡兩個面向:「目標客群之喜好」與「你的喜好」。

究竟你想要吸引只考慮專業程度的目標客群,還是也把自己的個人風格加進去呢?

專業冷靜的網站形象可以提升客戶的信賴感,但也可能無法從眾多的類似網站多穎而出,加入個人風格元素,可能這個市場又過小,但目標客群可能更精準、忠誠度更高,服務流程順暢。

你更偏向哪一種選擇呢?


Winnie的個人品牌形象經營歷程

我和姐姐在兩年前開始經營收納整理服務的個人品牌(斜槓事業)時,我們網站的品牌風格意象大致歷經3個主要形象的調整期。(其實前後調整了10幾次~)

在一開始最沒經驗和想法時,選擇的風格就是單純漂亮的居家室內設計圖片但記憶點很低,只是因為當時整理行業才剛興起,很少有整理師經營自己的網站,所以我們的網站就比較容易被客戶搜尋到,但是客戶的類型就比較五花八門,可能未必是我們理想的目標客群,例如有些客戶就需要花比較多的時間進行溝通。

raw-image

後來,隨著我們持續經營網站,了解到「個人品牌」愈來愈重要時,我們開始將自己的形象加入到網站的元素中,這個時期的我們認為客戶預約我們最重視專業感,所以我們穿著西裝外套正襟危坐,希望呈現專業感,網站主要色調也是選擇令人信賴但舒服的淺藍色色調。

raw-image

再後來,我們愈來愈希望可以傳遞極簡、游牧、自由工作的理想生活,而實際上我們也想過得更加隨興、更直覺、更有溫度、更投入熱情的工作,因此整個網站風格又大幅調整,變成下圖的感覺,讓我們和其他整理師的特色有很大的不同!

raw-image

前一版「藍色」給人冷靜、理性的感覺,後來為了要呈現更有溫度、直覺和熱情的感覺,選擇了暖色系的粉橘色為主色調,而且為了仍要符合「極簡」的感覺,則將所有圖片和照片後製為「黑白圖片」,因此就就變成的上圖的風格了。

網站的品牌形象也在傳達品牌的「理念」、「使命」和「價值觀」,因此隨著想法的進步及改變,品牌形象就有可能改變、網站形象就必須調整!

我們認為「整理」、「極簡」是為了帶領我們認識自己真正重要的事物和熱情的工作是什麼,因此除了提供到府整理諮詢服務之外,我們後來還製作了線上課程,還有WiX架站設計的課程,每個過程都很有趣、需要大量的創意和實踐,這些都是極簡的結果,所以我們的網站也努力朝向告訴大家這樣的理念,希望大家都能開始做著自己喜歡的事情,從整理、寫文章、經營個人品牌開始~

raw-image

所以現在,請先好好再釐清一下:你的目標客群的喜好、你的喜好!

如果你還不是很確定自己的喜好也沒關係,因為創業沒有什麼事情是可以100%確定的,只要有大概40%的把握和感覺,你就可以開始設計網站了!

就像我們前面分享的,當你的市場或你的理念變化了,再調整網站風格就好!(如果你真的毫無頭緒或是懶得想,也可以使用我們的個人品牌建議報告書服務)

步驟2. 選擇符合「你的形象風格」之網站「主色調

第1步驟完成之後,選擇色調就簡單許多了!

根據第1步驟的風格意象,你會有大致的想要的顏色範圍,例如是冷色系或暖色系、淺色系或深色系、鮮豔色調或粉嫩色調,你可以點擊以下網址連結,檢視一下哪一個顏色你比較有感覺,然後將自己想要的顏色記錄起來!

http://www.wahart.com.hk/rgb.htm

raw-image

我們在使用WiX架站的編輯器時,我們可以輸入以上色號,可以輸入「RGB色號」,也可以輸入「HEX 16色」,請記錄好你的主色色號,請不要選錯顏色,而造成網站視覺上的不協調!

raw-image

暖色系VS.冷色系

暖色系給人溫暖、熱情、感性的感覺,像是飲食相關、運動熱舞類型的服務就會適合暖色系的感覺,但即使你的行業是屬於理性數據化的類型,若你想要網站呈現溫暖、熱情、大方的感覺,也可以選擇暖色系喔!

raw-image
raw-image
raw-image

冷色系給人理性、可靠、嚴謹的感覺,例如理財、醫療或商業類型的服務就適合冷色系,但即使你的行業屬於跟人互動較多的類型,若你想要呈現專業、信賴、數據分析的感覺,也可以選擇冷色系喔!

raw-image
raw-image
raw-image

淺色系VS.深色系


淺色系給人溫和、舒服、無負擔的感覺,若你喜歡綠色或藍色這種比較冷的顏色,但又希望可以呈現溫和舒適的感覺,就可以選擇較淺的色系。

raw-image
raw-image
raw-image

深色系給人有個性、強烈、有力量的感覺,如果你喜歡橘色、黃色類的暖色系,但又想給人有個性和態度的感覺,那你可以將顏色調深一點。

raw-image
raw-image
raw-image

鮮豔色系VS.粉嫩色系


鮮豔色系給人有朝氣、俏皮、風趣的感覺,但在使用鮮艷顏色的時候必須特別小心,鮮艷顏色例如大紅、大紫的顏色擺在一起時,一不小心就會變得很像小學生用彩色筆塗鴉的感覺而失去質感。

raw-image
raw-image
raw-image

粉嫩色系給人有質感、樸實、溫馨的感覺,相較於鮮豔色,屬於比較好駕馭的色調,較多顏色搭配在一起時,也比較不會出現太大的問題,同時能保有一定的質感度。

raw-image
raw-image
raw-image

冷色系或暖色系、淺色系或深色系、鮮豔色調或粉嫩色調都可以互相搭配使用,電視劇延禧攻略使用的色調同時具備「深色系及粉嫩色調」(莫蘭迪色調),呈現很有個性的質感路線,也很值得學習呢!

raw-image

若你還無法很駕馭太多顏色時,我們比較建議的做法是選擇一個「主色調」再搭配黑色、白色、淺灰和深灰作為輔色

以下圖為例,可能的搭配為背景是主色(粉橘色),主要標題和行動呼籲按鈕為白色,內容說明文字則為黑色,如此配置可以讓視覺噪音較低,呈現較為舒服的感覺。

raw-image


步驟3. 選擇符合「你的形象風格」之「系列圖片

選擇符合你的個人風格之系列圖片時,最重要的是圖片風格要一致,很多人找了很多漂亮的圖片,每一張都很漂亮,但這些漂亮圖片放在一起時視覺上卻出現不協調感。

為什麼會這樣呢?

以以下圖庫為範例,每張圖片單獨看都很不錯,也都有一點「簡約」的居家生活感,但是放在一起時又不太協調,所以即使你想追求的是簡約風格,在挑選圖片時,圖片的樣式也必須符合相同調性,往往我們在挑選圖片時是最花時間的!

raw-image

那什麼叫做風格一致的系列圖片呢?

以以下圖庫為例,這樣的極簡風格圖片的共通點為一個主體物品為重點,搭配單色的背景整體色調為白色偏淺灰,上下兩個圖庫相比之下,是不是更能夠感受到「圖片風格一致性」的美感呢?

raw-image

這裡再舉一個圖庫例子,這些圖片雖然也是明亮的白色系,但背景都有呈現較細部的環境細節,與上面的圖庫雖然同為簡單、白色系、居家元素,但又是截然不同的兩種風格。

raw-image

這裡推薦大家使用Unsplash網站,它是一個可以下載免費商業用途的高質感圖庫網站,它的優勢是可以幫助我們更容易找到風格相似的圖片,你可以點選「Collection」,它提供很多不同風格的「標籤」,例如「Minimalism」、「White」等,你就可以找到一系列相似風格的圖片,再從中挑選你需要的,可以節省許多找圖片的時間,非常的方便!

raw-image

同樣在選擇矢量圖或小圖示時,也必須挑選風格一致的元素,以下分享3種不同系列風格的小圖示給大家,有些款式即使同樣是繽紛的色彩,風格也是不同,需要細心去感受喔!

【風格1】

raw-image

【風格2】

raw-image

【風格3】

raw-image

以整理師行業為例,通常整理師會建議客戶使用相同款式、材質及形狀的收納用品,如此才能呈現居家生活環境的美感、協調性,視覺上才能放鬆,而這樣的概念與裝飾網站所挑選使用圖片的邏輯是相同的喔!

挑選風格一致的圖片的「敏感度」,也是要花時間培養和練習的!你可以多看看WiX網站的範例網站,學習各種不同風格的網站是如何挑選圖片以及設計網站主色調的!我們自己就是透過這樣的方式學習,並不斷地套用在自己的網站上,因此能夠學得很快!一起加油吧!

重點小結

1. 考慮「目標客群之喜好」與「你的喜好」之間的平衡並確定「你的形象風格」。

請先確認你的專業領域和目標客群是什麼類型,是理性嚴謹的法律、財會顧問類型,還是熱情奔放的熱舞、料理達人類型?

然後確認你本身的個性為何,是幽默風趣、冷靜嚴肅,還是溫和內斂?同時考慮兩者的風格,最後決定你希望呈現的個人品牌形象風格。

2. 選擇符合「你的形象風格」之網站「主色調」。

確認形象風格後就要選擇可以呈現該風格的色系,想要冷靜嚴肅感就可以選擇冷色系和深色系,想要溫暖俏皮感,就可以選擇暖色系和鮮豔色系,選擇一個「主色調」後,搭配黑、白、灰的基本色為「輔色」是比較建議的做法。

3. 選擇符合「你的形象風格」之「系列圖片」。

你可以透過WiX的範例網站以及Unsplash網站去挑選風格一致的系列圖片,你可以花一點時間在這2個網站多看看各種圖片的類型,再挑選自己喜歡且符合品牌形象的圖片。

那麼現在就馬上開始行動吧!


推薦網站範例:

  1. 室內設計
  2. 藝術設計
  3. 圖像設計
  4. 攝影創作
  5. 音樂創作
  6. 形象穿搭
  7. 運動健身
  8. 諮詢教練
  9. 旅遊生活
  10. 公益活動
  11. 其他範例


自學WIX,學習架設自己的個人品牌網站
想花更少精力,而且喜歡Winnie簡單俐落的風格,就直接委託Winnie設計吧!

-----------------------------------------------------------------------------

【專為個人品牌設計的 WiX 網站架設實作課】

🌿 Winnie的線上課程

🌿 Winnie的實體課程

留言
avatar-img
留言分享你的想法!
avatar-img
極簡人的家
49.3K會員
724內容數
生活不用很多物品,只需要精準的物品、空間、生活模式, 我們享受身上只有足夠的物品、但擁有全世界的無限生活! 最喜歡研究與分享​「整理思維、簡單生活、創作生活」, 如果這些內容能有一點幫助到這個世界,那就太幸福了!
極簡人的家的其他內容
2020/04/10
每一個想要成為整理師的人,很多人都會希望成為像「近藤麻理惠」那樣的人物吧! 希望客戶能夠全心全意投入整理,聽從自己的專業指導,並好好地實際動手整理,而不是請整理師自己從頭整理到完吧!  由於整理是一件需要腦力又要體力的工作,有些人在整理師行業待久了,漸漸地就會希望能夠朝向「老師」的事業路線,希望
Thumbnail
2020/04/10
每一個想要成為整理師的人,很多人都會希望成為像「近藤麻理惠」那樣的人物吧! 希望客戶能夠全心全意投入整理,聽從自己的專業指導,並好好地實際動手整理,而不是請整理師自己從頭整理到完吧!  由於整理是一件需要腦力又要體力的工作,有些人在整理師行業待久了,漸漸地就會希望能夠朝向「老師」的事業路線,希望
Thumbnail
2020/03/02
整理自己的物品、設計自己的精準生活都是為了要讓自己過上喜歡的生活、有更多的時間做自己喜歡的事情! 布蘭達和維尼在長達10年學習極簡生活之後,也開始從事自己喜歡的斜槓工作了! 每天在自己喜歡的住宿環境醒來,吃完美好的早餐之後,在舒適的環境開始做著自己喜歡的斜槓工作,然後晚上到喜歡的書店晃晃,或是看場
Thumbnail
2020/03/02
整理自己的物品、設計自己的精準生活都是為了要讓自己過上喜歡的生活、有更多的時間做自己喜歡的事情! 布蘭達和維尼在長達10年學習極簡生活之後,也開始從事自己喜歡的斜槓工作了! 每天在自己喜歡的住宿環境醒來,吃完美好的早餐之後,在舒適的環境開始做著自己喜歡的斜槓工作,然後晚上到喜歡的書店晃晃,或是看場
Thumbnail
2020/02/12
在幫Jerry老師設計網站之前,Jerry老師其實已經有一個自己架設的網站以及品牌LOGO了,也營運了一陣子,但原本的網站整體的內容飽滿度及視覺上帶來的專業感與美感較為薄弱(後面會一一說明),因此我重新消化他所有的內容,重新設計與配置所有內容的定位,目的就是要讓人一看了就覺得Jerry老師是
Thumbnail
2020/02/12
在幫Jerry老師設計網站之前,Jerry老師其實已經有一個自己架設的網站以及品牌LOGO了,也營運了一陣子,但原本的網站整體的內容飽滿度及視覺上帶來的專業感與美感較為薄弱(後面會一一說明),因此我重新消化他所有的內容,重新設計與配置所有內容的定位,目的就是要讓人一看了就覺得Jerry老師是
Thumbnail
看更多
你可能也想看
Thumbnail
身為新手媽媽,育兒生活讓你無法逛街?別擔心!本文精選多款網購必備母嬰用品,包含寶寶粥、尿布、玩具、童書、衣物和育成椅,並分享實用的省錢購物技巧,讓你輕鬆購得好物,享受聰明網購樂趣。另有蝦皮雙11購物節與分潤計畫介紹,幫助你省荷包,開創斜槓收入。
Thumbnail
身為新手媽媽,育兒生活讓你無法逛街?別擔心!本文精選多款網購必備母嬰用品,包含寶寶粥、尿布、玩具、童書、衣物和育成椅,並分享實用的省錢購物技巧,讓你輕鬆購得好物,享受聰明網購樂趣。另有蝦皮雙11購物節與分潤計畫介紹,幫助你省荷包,開創斜槓收入。
Thumbnail
在當今網路時代,首頁是一個網站最重要的部分之一。它是訪客進入您網站的第一個接觸點,也是塑造您品牌形象、吸引訪客留下來的關鍵所在。如何打造一個引人入勝的網站首頁?讓我們一起來看看吧! 引人注目的視覺設計 首先,一個吸引人的網站首頁需要具有引人注目的視覺設計。這包括適合您品牌風格的色彩搭配、清晰的圖
Thumbnail
在當今網路時代,首頁是一個網站最重要的部分之一。它是訪客進入您網站的第一個接觸點,也是塑造您品牌形象、吸引訪客留下來的關鍵所在。如何打造一個引人入勝的網站首頁?讓我們一起來看看吧! 引人注目的視覺設計 首先,一個吸引人的網站首頁需要具有引人注目的視覺設計。這包括適合您品牌風格的色彩搭配、清晰的圖
Thumbnail
#個人品牌 #形象網站 #專業領域 #商業價值 #品牌建立 #專業能力 #目標受眾 #品牌影響力 #網站設計 #個人形象 透過個人形象網站,展現專業領域者的價值與專業能力,吸引目標受眾並提升品牌影響力。
Thumbnail
#個人品牌 #形象網站 #專業領域 #商業價值 #品牌建立 #專業能力 #目標受眾 #品牌影響力 #網站設計 #個人形象 透過個人形象網站,展現專業領域者的價值與專業能力,吸引目標受眾並提升品牌影響力。
Thumbnail
大家好🤗🤗 我是小洋蔥🧅 這次要帶大家了解--(透過創作,塑造個人品牌。) 職場與職涯成長的關鍵) 品牌定位的重要性在競爭激烈的職場環境中愈發凸顯出來。🌖🌖 無論是個人還是企業, 品牌定位都是成功的關鍵之一。 它涉及到如何在眾多競爭者中脫穎而出, 吸引目標受眾的關注並建立起信任和忠誠度。
Thumbnail
大家好🤗🤗 我是小洋蔥🧅 這次要帶大家了解--(透過創作,塑造個人品牌。) 職場與職涯成長的關鍵) 品牌定位的重要性在競爭激烈的職場環境中愈發凸顯出來。🌖🌖 無論是個人還是企業, 品牌定位都是成功的關鍵之一。 它涉及到如何在眾多競爭者中脫穎而出, 吸引目標受眾的關注並建立起信任和忠誠度。
Thumbnail
1. 官網設計重點與個人網站設計差別在哪? 2. 官網套版與客製化網站的優缺點比較 3. 網站設計首頁的重點及規劃是什麼? 3. 什麼產業適合一頁式網頁? 📷 官網設計重點與個人網站設計差別在哪? 設計網站首先需要了解使用需求,企業品牌官方網站設計與個人網站製作,架構邏輯將會完全不同。 銷售網頁
Thumbnail
1. 官網設計重點與個人網站設計差別在哪? 2. 官網套版與客製化網站的優缺點比較 3. 網站設計首頁的重點及規劃是什麼? 3. 什麼產業適合一頁式網頁? 📷 官網設計重點與個人網站設計差別在哪? 設計網站首先需要了解使用需求,企業品牌官方網站設計與個人網站製作,架構邏輯將會完全不同。 銷售網頁
Thumbnail
少了「品牌」的概念,網站即是空殼! 如何透過「線上」傳達屬於你的品牌核心價值,建立出打動消費者的數位品牌體驗?又該如何與競爭者品牌做出區隔,建立屬於自己的特色?
Thumbnail
少了「品牌」的概念,網站即是空殼! 如何透過「線上」傳達屬於你的品牌核心價值,建立出打動消費者的數位品牌體驗?又該如何與競爭者品牌做出區隔,建立屬於自己的特色?
Thumbnail
很多人教你該怎麼做,但很少人告訴你該怎麼想? 實際上好的辦法,要搭配正確思維才會事半功倍! 【本集公式】品牌個性=品牌價值+品牌行動, 記好公式,快入座吧!
Thumbnail
很多人教你該怎麼做,但很少人告訴你該怎麼想? 實際上好的辦法,要搭配正確思維才會事半功倍! 【本集公式】品牌個性=品牌價值+品牌行動, 記好公式,快入座吧!
Thumbnail
這一集, 特別適合想做個人品牌、自媒體、一人公司、內容創作者們。 品牌的起點並不是logo、slogan、story 那些是在你找到品牌靈魂後, 很自然衍生出來的產物。 品牌,其實是一種感覺 你,在開始做品牌之前, 先問問自己, 想要給別人什麼樣的感覺?
Thumbnail
這一集, 特別適合想做個人品牌、自媒體、一人公司、內容創作者們。 品牌的起點並不是logo、slogan、story 那些是在你找到品牌靈魂後, 很自然衍生出來的產物。 品牌,其實是一種感覺 你,在開始做品牌之前, 先問問自己, 想要給別人什麼樣的感覺?
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News