編輯嚴選個人品牌經營設計手冊_文具控/部落客/聯盟行銷網站
編輯嚴選
2021/05/17閱讀時間約 37 分鐘
這裡是部落客文具控女孩(Kimi)網站的「品牌經營分析」及「網站設計重點」的完整經營設計手冊！
網站模版簡介
- 適合對象：部落客、工作坊/讀書坊帶領者、KOL等個人品牌經營者
- 案例產業：文具/產品愛好者、聯盟行銷之產品經營者等
- 網站功能：1) 業配產品頁、2) 個人品牌介紹頁、3) 部落格頁、4) 活動報名頁、6) 聯絡洽談區
- 網頁選單：首頁、關於我頁、部落格頁、推薦選物頁(另有4個子選單分類不同產品開箱頁)、活動報名頁、聯絡我頁，共計6頁選單
網站案例分析
一、前言
世界上有一群很懂得物品的人，有些人喜歡文具、有些人喜歡針線、有些人喜歡家具、有些人喜歡服飾、美妝品，而這些物品帶給這些人源源不絕的靈感、創意和活力，讓他們的生活變得更多采多姿。
雖然布蘭達和維尼是極簡主義者，但我們了解物品能夠帶給我們的美好感受，物品是可以很有力量的！
單純喜歡物品也可以經營自己的個人品牌，物品和生活脫離不了關係，物品可以讓我們的生活更好，我們可以分享自己和物品一起生活的感受來影響他人、感動他人，進而對世界做出貢獻。
二、經營思考重點
這次個網站模板案例是「文具控女孩」，喜歡筆記本、手帳、信封信紙等文具類物品，表達出你「如何喜歡」、「為何喜歡」會是經營個人品牌的主要重點。
1.商業模式思考方向
不同於整理師、占卜師或攝影師提供實質的服務項目、賺取服務收入，如整理服務、諮詢服務或攝影服務等，文具控的個人品牌可以著重在「產品的推廣」，可透過文章或YouTube開箱分享自己的使用心得與生活的改變、賺取聯盟行銷佣金、廣告收益或是業配收入，未來也可發展自己的品牌商品。
開設社群小聚、分享會或是工作坊也是很實際的做法，舉辦活動可以收取報名參加的費用，也能現場販售課程分享的產品文具，我們在這個網站模板上也有新增一頁選單「文具控小聚」讓大家運用！
當然，為了要讓潛在客戶相信你推廣的產品是可靠的，「真的喜歡的表現」、「實際生活的運用」這兩點的傳遞非常、非常之重要！
如果你不是真的試用過該產品，而且覺得很喜歡，讀者或觀眾是一定會感受出來的，所以「真心喜歡」非常重要！
再來，你的日常生活是什麼時候使用這個產品、你如何使用它、使用的感受是什麼，是不是還有一些個人特殊的使用小撇步或是使用怪癖，這些都會形成品牌的價值和信任度！
甚至，你在使用這些產品時還能延伸到解決日常或工作的問題，例如，撰寫手帳讓你養成了運動的習慣、使用筆記本增加了工作上的效率等等，這些內容就可以培養往後舉辦工作坊、分享會或(線上)課程的機會！
經營真實的自己、持續分享內容就是經營個人品牌、也是實現自我的關鍵啦！
2.持續撰寫文章內容、焦點在自己的生活體悟
產品推廣者要特別注意，不要落入了將焦點都放在產品上的錯誤，而要認真地經營自己的生活、分享自己的生活，永遠的焦點在於「自己」。
你分享的內容也一定要能夠讓「讀者有所收穫」，新手建議一定要累積部落格文章，文章最能有系統地呈現理念和產品使用方法及特色，也方便讀者查找你的文章！若能條理分明地提供「步驟」、「作法」等具體方法，讓讀者能跟著學習，那是最好啦！
讓讀者感受到你不只是在介紹產品有多棒，而是在你這裡可以學習到如何讓生活變得更好、更有質感，而這些產品剛好只是你和讀者們的共通興趣而已、剛好可以為你帶來收入而已！
新手個人品牌最大的問題就是，自己知道自己很厲害、很懂文具，但卻忘記「別人是不知道的」，往往把一堆自己很喜歡的文具產品圖片SHOW出來之後，就以為大家會喜歡這個產品了；或者，文章只是分享自己的日常記錄，例如，今天來到書店買了XX文具好開心，然後就沒了，這樣會比較難以吸引讀者持續追蹤下去！
因此，我們必須撰寫部落格文章，並且定期分享，持續與潛在客戶溝通，客戶才不會忘記你是懂這個產品的、懂生活的！(如何經營部落格可以參考這篇文章 (必看！)：個人品牌的靈魂在於「你的理念、你的想法」，透過文章內容找到認同你的目標客群！)
當然「影片」也是非常棒的內容素材，例如產品開箱、我的文具生活等等，但對新手來說，製作影片的門檻比較高，如果能夠先從寫文章開始，就能會未來撰寫影片腳本打下基礎！
3. 一定要放上你的「專業大頭照」！
我們建議經營個人品牌一定要有自己的大頭照，每個人都喜歡看到人臉，就連不喜歡露臉的人都喜歡看別人露臉，這也是為什麼我們會覺得喜歡的YouTuber跟我們很親近一樣，露臉也不是什麼大事，就像是一個品牌的LOGO圖而已，所以其實不用太害怕露臉。
我們只要呈現自然的自己就好，如果你喜歡文具，就可以跟文具一起入鏡，那我們就可以吸引到和我們同樣喜歡文具的同好！例如，下圖的網站案例圖片，你的照片就會吸引相對應的客群，一旦目標客群聚焦了，你所提供的服務類型、部落格文章的內容類型都能夠更加地聚焦！
4. 要有自己的獨特風格
不同於公司形象，經營個人品牌、個人服務，一定要有自己的獨特風格，客戶會選擇你的產品或服務，就是因為「欣賞你、喜歡你、信任你」，因為我們無法讓所有人都喜歡自己，我們需要去找到一群欣賞我們獨特風格的客群，而且也只有這個客群能夠為你帶來真正的收入。
新手一開始是很難去找到自己專屬的目標客群的，但我們能夠透過文章、大頭照、網站的風格設計來吸引相對的客群，逐漸摸索出客群的樣貌，通常這個樣貌就是「你自己」！
文具可以很繽紛、也可以很簡單俐落，文具的物品類型也有很多種，你應該也會特別鍾情於某特定幾種才對，以文具控女孩Kimi的網站案例來說，我們設計的網站風格就是比較簡單俐落的感覺，文具類型聚焦在「手寫類」、「紙類」的文具產品，例如筆記本、手杖、信封信紙、包裝紙材等，因此文章風格也可以聚焦在寫作分享、療癒內心、透過寫作建立習慣或工作流程。
以我們自己為例，在分享極簡生活和整理生活的時候，我們著重在「整理思維」，如何透過一套思維方式來整理和檢視自己的物品和生活，反而不太分享摺衣方法、收納用品等，網站風格的選擇方面，比起溫馨活潑的居家風格，我們偏好的是簡單俐落的風格。這樣也會與其他整理師區分出不同的客群。過往的經驗，會被我們吸引的客群都是重視邏輯性和條理性的人、年輕上班族、單身女性主管、喜歡極簡的人等等。
以Wix網站玩家的網站來說，比起強調網站的功能多厲害、多快、SEO有多強、我們的架站經驗有多豐富和專業，我們更想要傳遞的想法是，每個人都能分享自己的經驗，並且有利於他人，而且一定會幫助得到人的！(我們長到那麼大，最終才發現人生真正的快樂真的就在這裡)
而Wix就剛好是一個好用的工具，幫助我們很好地表達自己，又剛好順便賺取收入、提升生活品質！(對我們來說，Wix還剛好是一個好玩的線上遊戲XD)
因此，我們並不想要什麼類型的網站都做，我們專注在「個人品牌網站」上，甚至是我們有興趣的領域上，你到我們的樣版網站商店上去觀察，雖然每個網站的風格都不同，但又有一種很協調一致的感覺，對吧？那就是我們網頁設計的獨特風格啦！^ ^
為了可以成功讓大家有能力分享自己的內容，我們也特別著重在線上學院和玩家社群的設計，透過免費的影片教學、文章分享，以及論壇討論，讓大家可以從我們身上獲得一些資源，不用那麼擔心害怕去嘗試未知的事物，一旦嘗過了分享知識的甜頭、幫助到他人的喜悅，這時候叫你停下來你也停步下來了！(XD)
只有撰寫自己有感覺的內容、呈現自己喜歡的風格，我們才有辦法持續地產出內容、長久經營自己的事業，與其去研究一套最佳的經營方式、找到最賺錢的目標客群，不如將自己有系統地呈現出來，你也會在這個過程中逐漸發現自己、並有利於他人！
三、主視覺&主色調設計
網站營造出來的感覺或氛圍，會立即決定怎麼樣的目標客群會被吸引，因此我們很建議大家可以先從「想要給客戶什麼樣的感覺」先進行思考！(你可以先看這篇文章 (必看！)：架站前可以先思考的事：定調你的個人品牌「第一印象」，順便思考你的「目標客群」！)
那這個「想要給客戶什麼樣的感覺」必須從自己身上找，文具可以很繽紛、也可以很簡單俐落同樣都是文具控，每個文具控喜歡的色調或風格肯定也都不同。
以文具控女孩Kimi的案例來說，因為喜歡極簡風格，整個網站架構是簡單的線條所組成，選用的文具圖片內所包含的顏色彩度都較低，以粉橘色與彩度較低的深色做搭配，圖片以文具為主角、圖片背景為單一顏色(淺灰為主)。
你喜歡的文具(產品)類型風格會決定整個網站的整體風格，所以如果你喜歡太多類型或太複雜的設計，你可能要先做一些分類和整理，主打其中幾項就好，這樣比較不會讓讀者感到混亂！
整理真的很重要，要先確定一版自己喜歡的風格走向，這樣不論是在挑選產品圖片、部落格文章的封面圖、舉辦活動/分享會的宣傳圖、YouTube影片的封面圖時才能有所依循，個人品牌形象可以繼續維持，讀者的記憶點也可以繼續維持住。
當然，風格是有可能不斷調整的，像我們自己就調整了無數次，網站改版N次、YouTube頻道封面圖也修改N次，因為人會成長，每個階段都有可以更好的時候，這時候我們可以積極轉變和進步，但是第一版一定要先出來，我們不可能用頭腦想出最好的方案，只有做了才會逐漸知道怎麼進步！
主視覺&主色調設計的想法也可以參考其他經營設計手冊的案例介紹喔！
新手在設計網站的時候，常常出現的問題就是網站風格和圖片風格不一致，明明喜歡極簡的感覺，但是卻找了背景很複雜的圖片、每張圖片的色調也都不同，網站剛上線時可能還沒什麼問題，後來隨著產品增加、文章變多，卻沒有繼續維持一致的風格，當風格不一致的時候會造成讀者是覺得不舒服，讀者可能就會慢慢離開網站了，那就很可惜了！
購買樣版網站後，如何進行網站微調？
調整「主色調」
當你決定主色調之後，或是挑選了喜歡的樣版網站了，想要進一步調整主色調，你可以到Wix的編輯器，點擊左方工具列的「主題管理員」(如下圖)。
你可以在「編輯您的主題顏色」區域調整網站的主色調(如下圖)，「顏色1」通常Wix都會預設為黑灰白色調，黑灰白是每個網站的基本色，因此顏色1可以不更動，通常「顏色2」就是我們的「主色調」，「顏色3」就是我們的「輔色調」，由於這個案例大部分都是使用黑色和白色，因此主題顏色不明顯，只有一些文字的滑鼠移入效果(Hover)有使用到主色調的深綠色。
請記得一旦主色調做了更動，網站上的圖片就有可能需要重新調整、更換，主色調和圖片必須風格一致，才不會讓讀者視覺上感到不舒服喔！
改顏色時點擊前方水滴的圖示，你可以在跳出的小視窗中打上你要的色號(如下圖)，網站上的色號必須要固定，即使同是綠色，青綠、亮綠、藍綠風格完全都不同，因此必須注意！
當你在網路上找到一個喜歡的顏色，要怎麼知道它的色號呢？
建議可以下載Google擴充功能ColorZilla，下載完成之後，它會被新增到網頁的右上方(如下圖)，當你看到某個網頁中的某個顏色很喜歡，你只要點擊ColorZilla，然後把滑鼠移到想要的顏色上，再點擊一下，色號就會被複製起來了！
根據你的滑鼠移到不同的區塊，上方的黑色工具列會變換對應的顏色及其色號(如下圖)，選到想要的區域後，再點擊一下，色號就會被複製起來了，然後你再到主題管理員，將顏色2的色號改掉就可以了！
Wix會將整個網站的主色調一次調整好，但建議大家還是要到網站的每一頁去檢查一下，看看是否每個區塊的對應顏色都是你所想要的，你也可以針對幾個特定的區塊做做單獨顏色的調整，每個區塊或元素都可以點擊「設計 (Design)」(毛筆的圖示)進行顏色的調整。
四、網站整體架構
一個個人品牌的網站需要基本的五大頁面，分別是「首頁、關於我、商品/服務頁、內容頁以及聯絡頁」，缺一不可。
在這個文具控女孩Kimi的網站模板案例中，我們設計的選單分別是「首頁、關於、文具部落、推薦選物、文具控小聚、聯絡」，這個網站並無主力的產品服務，目前的商業設計主要是透過產品開箱和聯盟行銷，因此建議想要經營的人可以透過部落格文章撰寫產品的相關資訊，並置入相關行銷連結，新手初期就是要好好認真寫文章喔！
等到逐漸累積一定的文章數量和流量之後，你也可以開始考慮舉辦一些活動，例如，文具控小聚、文具分享會、利用文具提高工作效能為主題的講座或直播等等，喜歡你的文章的粉絲也會想要參加你舉辦的活動的！
現在在Facebook上面也能建立收費的直播活動，真的很方便喔！
以上這些經歷都有機會發展成未來更有系統的課程、書籍或其他活動，喜歡文具也是可以以此為業的喔！
當然，如果你是新手、還沒有馬上要舉辦活動，你可以暫時將該頁面隱藏起來，等到自己準備好了，再公開這頁選單喔！一階段一階段、一步一腳印地經營自己的個人品牌吧！
購買樣版網站後，如何進行網站微調？
在設計選單名稱的時候，「首頁、關於我、商品與服務、部落格以及聯絡我」也可以進行調整，你可以改成更符合自己品牌的名稱，例如部落格改成「文具部落」等等，這個案例因為想要維持極簡風格，因此名稱上沒有太多華麗的設計，呈現簡單易讀的設計。
選單的文字要到左方工具列的「網站選單」，點擊每個網頁的「重新命名」，就能修改選單文字囉！你也可以在這裡切換每一頁網頁！
另外，也要記得把右上方的「社群連結」改成自己的連結，點擊「社群工具列」，然後再點擊「設定社群連結」來更換社群網址。
請選取每一個社群圖示，並在右下方點擊連結圖示，重新貼上你的社群連結，如果你需要新增社群圖示，可以點擊上方橘色按鈕「+ 新增圖示」來新增社群。
購買B&W的網站模板好處就是，可輕鬆又快速改成自己的網站！
五、首頁
首頁的目的是「引起讀者的目光」，進而帶領讀者到其他的選單頁面做更進一步的瞭解，有更多的瞭解才有更高成交的機會！
1. 主視覺圖區
首頁的最上方就是「主視覺圖區」，專業又有質感的主視覺圖會帶動讀者願意往下滑動網頁，除了上方的頁首「清楚的品牌名稱」和「吸引人的選單」之外，必須搭配一張吸睛且符合品牌風格的圖片。
以這個文具控女孩Kimi的網站模板案例來說，文具控最愛的就是文具，與其只放上一張主視覺圖，在這裡我們直接設計一排文具產品列(圖庫)，來吸引文具控的目光，點擊圖片就能引導取得更多文具產品的資訊和文章內容。
購買樣版網站後，如何進行網站微調？
主視覺圖區的文具產品列表使用的元件是「Wix藝廊 (Wix Pro Gallery)」，放在Wix藝廊的每張圖片都能連結到特定網頁，因為這裡設計了4種類別的文具用品，分別是手帳筆記、包裝紙材、信封信紙和創意印刷，所以就放了4張照片，各自會連結至對應類別的文具開箱區塊。
點擊「管理媒體」就可以管理這些照片和連結。
我們的4個類別的文具代表照片就在下圖的視窗之中，可以拖曳調整順序，也可以更換圖片。點擊圖片時，右方有設定的欄位，這裡可以編輯「標題」文字、「說明」文字以及「連結」，標題設計為文具名稱，說明設計為行動呼籲(查看更多)，這裡的連結則設定連至該部落格文章類別頁面。
由於我們希望透過文章詳細內容介紹產品資訊、我們使用心得與生活轉變，並放上聯盟行銷連結，因此使用部落格文章來分類開箱產品，在部落格頁中，你可以看到我們設計了4個開箱相關的文章類別，因此首頁的產品連結就是連至該文具類別頁面。
選單中「推薦選物」的下方4個子選單的連結也是連至部落格的對應文具類別頁。
設定連結的時候，可以直接貼上該文具類別頁之連結(https://minimalistslife.wixsite.com/kimixu/blog/categories/手帳筆記開箱)。
如果你想要調整類別的網址，可以到Wix後台，選擇「部落格>類別」，在類別網址處輸入你想要的名稱(中英皆可)。(Wix會預設類別名稱為類別網址)
頁首和主視覺圖區的詳細Wix操作步驟教學可以參考以下兩篇文章：
2. 關於我區
個人品牌的網站非常強調「個人」特色，如果你的主視覺圖區是一張意象圖或產品圖，那我們強烈建議大家在首頁的「關於我區」一定要放上自己的大頭照，盡快讓讀者知道你長什麼樣子，可以緊接著在主視覺圖區的下方出現，俗話說「見面三分情」，看到你本人的照片，也會增加讀者繼續瀏覽網頁的興趣。
你也可以自己去觀察，是不是有放創業家本人的照片的網站會比較吸引你呢？
首頁的關於我區的字數盡量不要太多，首頁是提供讀者快速瀏覽、快速瞭解這個網站在幹嘛的地方，太多文字內容會讓讀者卻步，將重點簡介出來之後，只要搭配一個行動呼籲按鈕連結至「關於我頁」即可，在關於我頁的地方再詳細說明就好，當讀者點擊這個按鈕，也代表他願意花更多的時間瞭解你。
購買樣版網站後，如何進行網站微調？
由於我們已經將該樣版網站適當的版面大小控制好了，而該網站放置的文字空間是「6行」，建議大家放置約6~8行的文字內容，不要太多也不要太少，以維持版面美感。
記得要把文字改成自己的版本(撰寫方法請參考這篇文章：如何有特色地呈現個人品牌的自我介紹？設計你的官網名片！)，在Wix編輯器中修改文字非常簡單，只要「點擊文字區兩下」就可以開始打字了，就跟Word打字一樣簡單。
另外，也要記得將大頭照圖片改成自己的，調整該樣版網站大頭照的操作步驟說明如下：
(1) 點擊圖片區2下之後會出現一個工作列，再點擊「變更欄背景」。
(2) 後出現一個小視窗，再點擊中間按鈕的「圖片」。
(3) 點擊「圖片」之後會跳出一個大視窗，你可以點擊「上傳媒體」，然後選擇你電腦當中的檔案來上傳。
(4) 點擊「從電腦上傳」，就會跳出電腦的檔案資料夾視窗，你可以在這裡選擇你的電腦中的檔案；你也可以從其他的社群媒體(如Facebook、Instagram、Google Drive等)匯入圖片。
(5) 你所上傳的所有檔案會被放在「網站檔案」區，隨時都能存取，點選你要的檔案之後，再點擊右下方的按鈕「選擇圖片」，圖片就會被置換了！
(6) 為了有利於SEO，變更圖片之後，請再點擊「設定」，在「圖片中有什麼？告訴Google」的地方輸入品牌名稱或相關的關鍵字，例如「文具控女孩Kimi」，每次變更圖片的時候都要記得調整喔！
恭喜你完成關於我區的設計！
關於我區的詳細Wix操作步驟教學可以參考以下文章：
3. 產品服務區
通常在介紹個人品牌之後，讓讀者知道你有提供什麼服務就是最重要的事情了，如果想要透過個人品牌賺取收入，我們就必須先讓讀者知道我們的產品和服務，如此一來在他認同我們的理念，或是從部落格文章中獲得有價值的免費資訊之後，他才會連想到你的收費服務！
除非你只是想要單純的分享好文章、好內容，只是想要打發時間，那就可以忽略產品服務區，雖然我們比較建議大家還是可以設計一下產品服務區，詳細的理由可以參考這一篇文章：決定你的個人品牌之核心業務！設計提供完整面向之服務主題，行動呼籲在這裡！
文具控女孩的網站案例比較特別，由於網站是以文章為主要內容，聯盟行銷或是廣告收益的連結也都是置入在文章當中，所以緊接在「關於我區」之後就是引導讀者進入部落格文章區了，尤其還包含推薦好物的文章區塊！
當然，如果你已經準備好要舉辦活動、舉辦文具分享會，你也可以在關於我或文章區的下方新增一個「活動」的元件(如下圖)。
或者直接在關於我區新增一個按鈕，連結置活動頁也可以(如下圖)，這種設計方式也很簡明，也因為活動並非隨時都在舉辦，屬於非常態項目，為了不影響首頁的版面配置，這樣的設計也很不錯。
產品服務區小教室
許多的產品服務區都是「一列多欄式」的設計(如下圖為一列三欄式的設計)，這也是最經典的版面，我們自己的官網也是一列三欄式的設計(如下下圖)。
選擇不同的版面設計需要先考慮到整個網頁頁面「不同區塊的版面配置」，主視覺圖區是一個區塊、關於我區是一個區塊、產品服務區也是一個區塊，通常相鄰的區塊部會使用類似的版面配置，如此才能維持網頁的質感與活潑性！
通常主視覺圖區會是「一列一欄」的版面，亦即一張圖片橫跨整個螢幕寬度，而關於我區會是「一列兩欄」的形式，亦即一邊大頭照圖片、一邊文字說明文字，而產品服務區和文章區則可以多元設計，只要相鄰的塊版面設計不同即可。
以這個禪卡占卜師的網站模板來說，因為產品服務區的下方是「一列一欄式」的心靈小語區，橫跨整個頁面，它的上方是「一列兩欄式」的關於我區，產品服務區則是「一列五欄式」的設計，盡可能讓相鄰的版面和元件的設計不同，再加上由於上下區塊均已放置許多圖片，如果又放3~5張圖片，視覺上會比較疲勞、凌亂，因此設計了5個簡單的小圖示！
當然產品服務區也不一定只能放置產品或服務，如果你只是單純的部落客，你也可以放上你的內容主題標籤或類別，或是像這個案例占卜師卡洛的諮詢服務，也許涵蓋較大的範圍或面向，所以選擇透過這樣的設計來呈現。
購買樣版網站後，如何進行網站微調？
在Kimi的文具控世界的區塊中，這裡使用的元件也是「Wix藝廊 (Wix Pro Gallery)」，因此操作方法和前面完全一樣喔！
恭喜你完成產品服務區的設計！
關於我區的詳細Wix操作步驟教學可以參考以下文章：
4. 部落格文章區
我們會很建議大家在首頁的地方放上文章區，當讀者在瀏覽頁面時，如果看到產品服務區還沒有想要預約服務或購買產品的想法，至少要透過文章吸引讀者繼續認識我們、進而追蹤我們，未來才有成交的機會，文章可以放置3~6篇文章，總有一篇會被點擊來看看！
以文具控女孩Kimi的案例來說，產品服務區和文章區已經做了結合(如前述所說明)，當然如果你想要直接將幾篇精選文章SHOW出來也是不錯的做法，建議可以使用2*2的版面配置來設計(放4篇文章)！
購買樣版網站後，如何進行網站微調？
文章是整個網站的靈魂，請事先撰寫至少3~6篇文章放到網站上，部落格文章的經營方式請參考這一篇文章：個人品牌的靈魂在於「你的理念、你的想法」，透過文章內容找到認同你的目標客群！
Wix有內建的部落格系統(APP)，請到「部落格頁」新增文章，點擊下方部落格區之後會出現一個工作列，再點擊「管理貼文」。
所有的文章都可以在這裡編輯，我們在這裡目前先放了「文具控必懂」類別文章有6篇、「Kimi日常」類別文章2篇、以及4個文具開箱類別各4篇文章，共24篇，請記得改成自己撰寫的文章內容喔！
在文章的編輯頁面中，請注意將每一個文章分配到對應的「文章類別」(可複選)喔！
恭喜你完成部落格文章區的設計！
文章區的詳細Wix操作步驟教學可以參考以下文章：
5. 聯絡我區
通常在首頁的最下方都會放置聯絡我們或訂閱網站的表單，讓潛在客戶如果有問題時可以找得到我們，通常客戶如果有問題想聯絡，也代表成交的機率很高，所以一定要留下聯繫的方式，例如Email、Facebook、Instagram、LINE、電話、地址等等。
我在在這裡設計了讓讀者留下Email的訂閱表單，如此一來在文章更新或新商品開箱的時候，我們就能寄信通知讀者，會留下Email的讀者也是對於你的網站和文章感興趣的人，因此我們可以持續與客戶溝通，增加客戶黏著度。
另外，我們在最下方還設計一些連結的分類區塊，有文章類的、產品開箱類的，還有合作的品牌，由於文具產品有機會和一些特定品牌進行合作或聯盟行銷，我們可以在這裡放上一些欣賞的品牌。
購買樣版網站後，如何進行網站微調？
記得把文字和對應的連結改成自己的版本，例如，「Email: [email protected]」就必須改成自己的Email，「LINE」也要記得改掉，如果是你用的其他社群連結就改成其他文字。
在「編輯文字」中，將需要連結的文字選取起來，並點擊「連結圖示」，你可以直接貼連結，如果是 Email 或是電話，你可以選擇Wix的內建連結，以 Email 為例(如下圖)，選擇「電子郵件」，並輸入你希望客戶聯絡的 Email 即可。
另外，右下方的「社群工具列」也要改成自己在用的社群圖示，以及貼上對應的連結網址。
最後，頁尾的文字也要記得調整成自己的內容，例如，© 2021 By 「Stationery Girl Kimi」改為 © 2021 By 「Minimalist Winnie」。
恭喜你完成聯絡我區的設計！
聯絡我區的詳細Wix操作步驟教學可以參考以下文章：
6. 新增區塊或網頁
以上一共分享了首頁的「五大區塊」，包含主視覺圖區、關於我區、服務項目區、部落格區及聯絡我區，關於我區會有按鈕可以連結至關於我頁、服務項目區會有連結可以連結至服務項目頁，同理部落格區及聯絡我區。
(1) 新增區塊
如果你有設計更多的頁面，也可以在首頁新增更多的區塊，例如，你想要在使用關於我區這樣一列兩欄的版面配置，你可以點擊關於我區一下，你會看到一個藍色的框線將該區給選取了起來(如下圖)，並看到上方顯示「帶狀圖片」的字樣，每個被選取的元件都有其對應的名稱，例如文字、圖片、按鈕等等，每個元件都能透過複製重複利用。
當你想要複製元件或刪除元件時，只要點擊該元件之後，再按右鍵選取「複製」、「貼上」或「刪除」即可。移動元件時，只要用滑鼠按住元件不放，就能移動至任何你想讓它去的地方！
另外，你也可以將滑鼠移到藍色框線上方的「↓ (Drag) 圖示」，你可以往上拉動或往下拉動，當你拉動元件時，下方的所有元件都會跟著一起移動，下方所有的元件都會一起移動到相對應的位置，如此一來我們就不需要一個一個元件移動位置。
(2) 新增網頁
如果你想要新增更多的網頁，你可以直接複製現有的網頁來進行編輯和調整 (如下圖)，如此一來就不需要一個一個區塊進行新增和複製。
六、關於我頁
在關於我頁的部分，你可以分享更多關於自己的內容，例如你的經營理念、你的故事、你的願景等等，如何撰寫自我介紹，你可以參考這一篇文章：如何有特色地呈現個人品牌的自我介紹？設計你的官網名片！
記得在Wix編輯器中，切換網頁頁面可以透過左上角的選單進行切換(如下圖)，文字的部分要記得改成自己的版本喔！
七、服務項目頁/活動頁
在首頁中的「產品服務區」只會顯示簡單的服務名稱、簡介文字及圖片，在「產品服務頁」中則可詳細地介紹自己的服務，包含價格、服務流程、服務內容、預約方式等等。
以諮詢顧問的行業來說，多數人都會使用「預約表單」來讓客戶填寫預約服務的需求，包含客戶的基本資訊，客戶想問的問題等等，因此我們可以在這裡設計按鈕(如下圖)，並連結至表單的網址。
使用「Facebook訊息」預約服務的方式也有，那就可以將按鈕的連結設定為FB訊息的連結；或者，如果你有上架某些專家平台，按鈕也可以連結平台的預約頁面連結；我們最近有試用看看「事事問」平台，給大家參考。
當然，你也可以透過一整個網頁(銷售頁)來設計和介紹你的服務，例如你有3個服務，你甚至可以設計3個網頁(銷售頁)來分別介紹每一個服務。通常我們會建議先設計好其中一個服務項目之後，再透過「複製頁面」來新增第2個和第3個服務，增加網頁設計的效率。
每一個服務銷售頁可以包含許多區塊，例如服務內容、服務流程、服務方案、適合的對象、預約守則、客戶評價、個人資歷或獎項、常見問題等等，豐富又專業的內容也能增加潛在客戶的成交機會！
銷售頁的設計可以參考這一篇文章：你的好服務或產品要如何有效傳遞價值？掌握8大銷售頁版面區塊！
以文具控女孩Kimi的案例來說，主要的產品服務就是活動(文具控小聚)，這一頁主要是使用「Wix Events」系統的APP，我們可以點擊活動區，然後點擊「管理活動」，所有活動設定的細節都在這裡。
這裡是活動設定的後台，你可以在這裡增減活動、管理與會名單，是Wix非常優秀的系統。
活動名稱、宣傳圖、議程規劃/活動流程內容、地點、人數上限、報名表單等都可以在這裡設定。
還能連結Zoom進行線上視訊會議，提供大家線上分享會的模式選擇。
報名表可以在這裡客製化編輯，如果你想使用外部表單，例如Google表單或是SurveyCake，這裡也可以設定外部連結。
八、部落格頁
由於部落格頁是由Wix內建的系統，因此我們不太需要去更動什麼設計，只要專心在產出文章即可，為了讓潛在客戶第一次進入網站就能夠感受到我們的專業度，請務必先放上多一點的文章，如果只有一兩篇文章，讀者一看到就會發現你是新手，自然就會降低向你預約的機會。
部落格文章的經營方式請參考這一篇文章：個人品牌的靈魂在於「你的理念、你的想法」，透過文章內容找到認同你的目標客群！
文章的類別也可以新增3~5個，例如，「文具控必懂」、「手帳筆記開箱」、「文具控Kimi的日常」等等，透過文章的專業分類也可以提升讀者的信任感，以專業文章為主，輔以搭配個人的日常點滴，讓讀者學習收穫許多，同時又感到親近感。
在實際撰寫文章之前，先好好思考自己文章主題的大方向，列出幾個撰寫的主題之後，會幫助我們有架構地寫東西，也比較不會有不知道該寫什麼的煩惱喔！
你也可以稍微感受一下，即使你還沒真正開始閱讀這個個人品牌的文章，光是看他這幾個專業的文章分類就覺得他一定有不少料吧！
如果真的想要調整部落格的版面配置，可選取部落格區之後，點擊「設定」(如下圖)。
然後再點擊「版面配置」，這裡有6種版面配置，你可以嘗試都點擊看看，看看哪一個版面配置你比較喜歡，「所有文章」和「文章類別動態」的版面配置可以個別設計不同的配置。
文章區的詳細Wix操作步驟教學可以參考以下文章：
九、聯絡我頁
由於首頁已經有了一個聯絡我區的區塊，為增加架站效率，並統一管理聯絡表單，於是選單頁的「聯絡我頁」是透過「錨點 (Anchor)」來設定連結，點擊頁首選單的「聯絡」，畫面會直接移到首頁的聯絡我區。
「錨點 (Anchor)」可以設定在網頁中的任何一個區塊上，它不是一個網頁連結，而是一個網頁中的「位置/定點」，任何按鈕或是網頁選單都可以連結至「錨點 (Anchor)」，這也是網頁設計中很常使用的設計。
例如，我們在首頁的聯絡我區上方放上一個「錨點 (Anchor)」(如下圖)，它會出現一條螢光藍線，我們可以命名它的名稱，例如「Contact」，以識別網站上不同的「錨點 (Anchor)」。
我們希望「聯絡」頁可以連到首頁的聯絡我區，在選單中點擊「變更連結」，選擇連結設定視窗中的「錨點」，在選擇對應名稱的「錨點」，例如「Contact」，這樣就設定成功了！
當然如果你有更多的內容想要單獨設計一個聯絡我的網頁，例如放上Google地圖、交通資訊、更多的社群資訊等等，也是完全沒問題的喔！
十、手機版設計
手機版網頁的設計是每個網站的必要設計，並有利於SEO，每個樣版網站的手機版我們都已經幫大家設計好了，除非你有新增網頁或是區塊，或是新增太多或太少文字造成畫面跑版，那就必須進到手機版畫面進行調整，Wix編輯器的左上方有電腦和手機的圖示，點擊圖示可以切換「桌面版設計」與「手機版設計」。
手機版網站可以調整文字的大小、顏色、圖片的長寬、按鈕的長寬，以及各元件的相對位置，也能隱藏元件，讓某些元件在手機版不被顯示，如果發現需要更改文字或其他設定，則必須回到「桌面版」來設計。 比較要注意的是，右下方的訊息圖示，請記得點擊圖示進行編輯，並點選「設定快速動作」，然後編輯社群的設定，將連結改成自己的版本，移除自己不需要的社群連結，亦可點擊按鈕「更多動作」新增需要的社群。
手機版設計操作不難，請務必在桌面版設計完成之後，到手機版的畫面檢查一下，看看畫面有沒有跑掉，或是用自己的手機看一下畫面順不順暢。
手機版設計的詳細Wix操作步驟教學可以參考以下文章：
十一、線上訊息功能
線上訊息功能讓潛在客戶可以在網站上和我們互相訊息，讓用戶能隨時立即聯絡我們，而 WiX Chat 的功能還能讓我們更好地管理這群用戶名單。
Wix的後台非常強大，所有的訊息都可以集中在這裡管理，而且當你將Wix連結你的Facebook粉絲專頁之後，連Facebook的私訊內容都會同步出現在這裡，你就不會錯過任何一個潛在客戶的訊息啦！
線上訊息功能的詳細Wix操作步驟教學可以參考以下文章：
十二、SEO精靈設定
恭喜你網站都完成啦！最後就只剩下SEO精靈的設定啦！(SEO一定是最後一步喔~)
我們特別喜歡Wix的SEO精靈設定，只要一步步照照著Wix指示的步驟完成就搞定了，這也是Wix平台的設計初衷：把簡單的介面交給使用者，困難的他們一手包辦！
SEO精靈的設定需自行設定，單購450元的樣版網站 (方案X) 並無提供SEO設定的服務，但是它的操作步驟並不難，你可以參考Wix線上學院課程的第19單元，這裡有非常詳細的操作步驟。(線上課程都是免費的，沒有購買網站也能免費學習~)
之所以樣版網站沒有替大家先設定SEO精靈是因為每個人經營的品牌名稱和內容是不一樣的。
例如，你是一個「插畫家」，購買了「攝影師」樣版網站(因為商業模式相似只需微調圖文)，那麼我們預先設定了攝影服務或攝影接案的SEO關鍵字就會不相關，所以請大家在調整完圖文之後，再自行設定SEO精靈。
SEO精靈設定的詳細Wix操作步驟教學可以參考以下文章：
十三、升級網站
對於剛要開始經營個人品牌的新手創業家而言，WiX的免費版本其實已經非常夠用，非常足以製作非常精美的網站了！
由於我們一開始鎖定的目標客群很小，雖然網站流量不大，但是相對應的訂單量卻不少，因此免費的版本對我們而言就很夠用了，尤其在資金不是很雄厚的創業初期，那要如何評估是否要升級付費方案呢？
我們在這一篇文章中有更仔細的分析，幫助你思考並決定是否需要升級付費方案喔！
如果你決定要購買付費方案，你也可以點擊這裡！
你的下一步
以上就是這個網站模版的經營設計手冊啦~~
- 如果你有任何問題，歡迎在玩家社群論壇提出來討論喔！
- 如果你想再看一下網站整體設計，立即查看網站
- 如果你決定要購買這個網站模版，購買網站模版
- 如果你想挑選看看其他網站模版，逛逛其他網站
- 如果你想要先學習Wix線上課程或文字筆記，進入線上學院
- 如果你已經購買了網站模版、要繼續編輯，登入Wix後台
1萬5千字完結灑花~~~
玩家 布蘭達&維尼
加入成為玩家
瞭解如何「貢獻世界的六大步驟」: )
為什麼會看到廣告
63會員
15內容數
留言0
查看全部
