個人品牌經營設計手冊_蔬食生活播客/Podcaster

2021/06/10閱讀時間約 47 分鐘
這裡是蔬食生活播客/Podcaster網站的「品牌經營分析」及「網站設計重點」的完整經營設計手冊!

網站模版簡介

  1. 適合對象:分享個人生活內容、想嘗試當podcaster等個人品牌經營者
  2. 案例產業:美食生活、素食/蔬食主義、健康飲食等生活類相關主題分享均可
  3. 網站功能:1) Podcast節目、2) 個人品牌介紹、3) 支持贊助、4) 部落格、5) 聯絡/訂閱區
  4. 網頁選單:首頁、關於我頁、Podcast節目頁、部落格頁、支持贊助頁、聯絡我頁,共計6頁選單

網站案例分析

一、前言

我們最近愈來愈有這樣的感覺,尤其在我們第一次直播結束之後,那就是,我們發現,我們只是將平常聊天、討論的內容分享出來,就會有人能夠獲得幫助,而我們就只是開心地在聊聊生活經驗而已。
認真地過生活、持續地覺察自己的生活,然後將生活分享出來,這就是所謂的天賦或天命吧!我們猜想。
分享和表達是每個人的「基本需求」,不管是誰,每個人都會喜歡自己的意見被聽到、甚至被接納,能夠抒發自己是一件很享受的事情,不論是用何種方式!
所以,我們很鼓勵大家整理自己的生活,然後將你所重視的事物分享出來,因為這樣真的很享受,然後又剛好能夠幫助到他人!
最容易的方式就是「撰寫文章」了,所以我們製作的網站模版幾乎都會設計「部落格區」,次容易的應該就是「錄製音頻」了,再次容易的就是製作影片了!
如果你的內心對「podcast」有一點點感覺,那就選它做為你貢獻世界的好夥伴吧!
錄製音頻、經營廣播(podcast)節目也是許多人嘗試分享自己的方式之一,不論你是重視蔬食生活、極簡生活、環保生活、健康生活等等,你都可以透過聊天、分享的方式將內容錄製成一集一集的節目,慢慢累積自己的作品,你也會更加了解自己!
現在錄製音頻也愈來愈容易了,我們之前是使用Firstory平台,只要在這裡上傳檔案,Firstory就會自動幫我們發佈到Spotify、KKBOX、Apple Podcast、Google Podcast等各大廣播平台,不需要自己手動一個一個去新增節目,而且還是免費的!現在他們也開始朝向YT廣告經營模式,讓podcaster也有機會獲得廣告收益喔!
我們就是喜歡這種跟Wix平台一樣方便、集中管理、自動、操作畫面也舒服的平台!哈哈!
擷取Firstory平台後台畫面
因為操作很簡單,所以我們在製作這個蔬食生活播客網站模版時,直接就在Firstory新增一個節目了(當然裡面沒有聲音內容,只有一個音效檔做展示),然後將各廣播平台連結放到網站上,幫助大家更了解自己實際的廣播節目會呈現出來的樣貌為何。

新手播客的初始行動12345

1. 購買一支麥克風
經營podcast最重要的會是「聲音」,聲音必須乾淨沒有雜音,因此購買一隻比較專業的麥克風是可行的,但初期不用買太高級的,上網搜尋一下自己可以接受的價格、評價普遍還不錯的產品就可以買了!(二手的也很好)
還好因為疫情的關係,大家已經開始習慣Work From Home的在家工作模式,就算以後你不錄製音頻了,線上視訊開會還是用得到麥克風!(XD)
2. 設定主題和內容
這個部分就跟撰寫部落格的模式一模一樣,請參考這篇文章:【個人品牌的靈魂在於「你的理念、你的想法」,透過文章內容找到認同你的目標客群!】,你可以先將內容透過文章的方式寫下來,也就是你的腳本,到時候錄音的時候就可以看著腳本講。
3. 選擇剪輯錄音軟體
我們自己用的剪輯軟體是Movavi,當初創業初期的選擇考量是功能還OK但價格較低的,雖然它的價格比其他剪輯軟體便宜,但我們一直使用到現在還是很滿意,我們YouTube的每一支影片都是用它剪的!
Movavi可以錄音、剪音頻、剪影片,在不考慮購買任何錄音、相機設備之下,用最簡單的方式就是,前面購買的麥克風接上電腦之後,就使用這個軟體來錄音,錄完音就可以剪輯啦!
Movavi有30天的免費試用期,如果你能在30天內多錄個幾集音頻,確定它的剪輯功能是否是你所需要的,或是錄製廣播節目這件事是不是你所想要做的,利用30天的時間好好測試看看吧!(目前功能OK的剪輯軟體似乎還沒有免費的選擇)
4. 開錄!
待在自己的房間,選擇一個自己喜歡的角落,跟家人說這段時間先不要出聲,然後就專心地開錄,心裡想著,我想要分享自己的觀點出來,因為我覺得XXX(例如蔬食、極簡或健康)很重要、也很有趣,肯定會有人喜歡、也會有人不喜歡,但是我想試試看去認識自己是怎麼樣的人,抱持著這樣的心態錄下去吧!
錄製的時候,可以像是跟朋友輕鬆聊天的心情來進行,避免太嚴肅或像是在演講(XD),第一次難免會這樣,像我們一開始也會有點太認真,哈哈,所以我們也會一邊提醒自己,現在是布蘭達在跟維尼說話、維尼在跟布蘭達問問題,並不是在跟學生或客戶說話,就會說得愈來愈自然了,甚至會有一些笑點,就會更好聽了!
如果中間遇到噪音出現,就先暫停一下,等待噪音過去再繼續,如果你有體力,你可以一次多錄製幾集,錄到累了就停下來休息,要覺察自己身體的聲音
5. 剪輯和上傳
錄製完之後你會感到很有成就感,帶著這樣興奮的心情來剪輯吧!
第一次聽到自己的聲音應該會覺得很新奇,試著去記得這樣的感受吧!在片頭和片尾的地方可以找個自己喜歡的音樂(要是無版權的音樂喔),中間如果有停頓太久、或是太卡的地方可以適時的剪掉,把自己當成一個聽眾,以自己的標準來決定怎麼剪比較好聽就可以了!
剪好之後就可以準備上傳到如Firstory的平台上了!你可以找一張自己的大頭貼做為節目的封面圖(如蔬食生活播客網站模版),每一集音頻的封面圖也可以使用一張免費圖庫(如Pexels)的圖片,都裁成「正方形」就可以上傳囉!
如果你要有不同的設計,也可以使用Canva,裡面有許多好用的版型可以設計節目的封面圖,你可以選擇Instagram的版型,因為它是正方形的,下載下來就可以上傳了,我們目前使用免費的版本就覺得夠用了!

不用再找一堆資訊、做一堆準備了,基本的做好就開始吧!

一開始就是選擇門檻最低的方式還經營就可以了,先不用想太多、想太遠,而是先累積實戰經驗,一旦最簡單的事情最下去了,後續要怎麼做你就都會知道了!你會發現真的沒有這麼難,難的是你能不能放寬心好好地去享受它,那是不是也不那麼難了!
你有在「有意識地過生活」,你就有辦法寫文章;你有辦法寫文章,基本上就有辦法錄製音頻,因為就是看著文章聊天分享,然後簡單做個剪輯、放張圖片上傳上去而已;如果你有辦法錄製音頻,拍攝影片也離你不遠了!
你一開始有品質不怎麼樣的作品,後續才有可能品質很好的作品,持續地累積下去,你的生命就會透過你逐漸展現出來,就只是這樣。

二、經營思考重點

分享自己的觀點是很爽的事情,如果我們能夠在分享自己的同時,用令人舒服的方式來傳遞我們的生活想法,這是對這個世界和社會的一種溫柔和體貼,也是感恩世界的作法。
所以,我們會很建議大家可以潤飾自己的內容,例如,用輕鬆舒服的方式來推廣蔬食、來聊環保、來談極簡生活,寫文章的時候可以清楚分、使用大標小標、粗體重點處、搭配圖片說明等等,當我們能夠覺察自己和覺察這個世界給我們的豐盛和體貼,我們也能夠體貼這個世界,這個世界也會愈變愈好。

為什麼要有網站?

1. 對他人的體貼:讓讀者或聽眾方便查找

網站的系統架構可以方便讀者或聽眾找尋需要的資料,透過文章部落格區,找到自己有興趣的主題和文章;透過廣播節目區,找到自己喜歡的音頻節目;透過產品服務區找到自己需要的產品或服務,進而解決自己的問題,也讓我們可以發揮所能、賺取收入;透過聯絡訂閱區,找到聯繫我們與我們持續溝通的方式!
網站的建立也可以方便外部的潛在用戶透過搜群引擎找到我們,再透過進入我們的網站系統或去需要的資訊和產品/服務!我們設計清楚的網站系統,就是一種對用戶的體貼作法,幫助每個人快速找到自己需要的東西!

2. 對自己的體貼:方便「整理自己」

網站可以說是我們在網路上的虛擬分身,是我們的思想、情緒、感受的集合體,網站設計可以說是整理自己的過程、工具,同時也是發揮自己的舞台,持續將這個舞台整理好,也能讓我們持續與世界溝通和表達自己。
架設網站就像是整理物品一樣,我們要知道自己的物品有哪些分類(如文具區、醫療區、零食區),我們才能配置定位在生活方便的動線上;同樣地,我們也要整理和辨識網站上的每一個區域(如文章區、聯絡區、產品區),我們才知道如何處理、整理、配置這些區塊,因為這些區塊就是我們的思想、情緒、感受的分類,同時給讀者舒服的閱讀動線。

如何持續分享和表達自己?

1. 一定要定期撰寫「部落格文章」、文字必須特別親切!

即使主力是經營廣播節目,我們還是強烈建議經營部落格、撰寫文章,吸引聽眾進入廣播節目是需要一些門檻的(尤其你還是新手的時候),建立文字的初步說明,再導引到音頻或影片有時候會更容易讓讀者停下來,認真研究你的東西!
文章若能吸引讀者,我們的廣播節目也才能吸引聽眾,文章需要搭配圖片輔助,而且文章的內容一定要能夠讓「讀者有所收穫」,例如,你可以分享自己是如何開始蔬食生活、如何建立一套蔬食生活模式、新手如何踏入蔬食生活、過程會遇到那些困難、自己有哪些獨特的蔬食食譜或生活秘技,最好條理分明地提供「步驟」、「作法」等具體方法,讓讀者能夠跟著學習!
一旦讀者能夠透過文章中所教導的內容,實際改善自己的生活品質,他就會對你產生信賴感,未來如果遇到更大的問題、有了專業服務的需求,他就會來找你預約了!
持續分享有關XX(蔬食)生活的內容,未來也能建立相關的服務或產品,例如諮詢服務、工作坊、讀書會、電子書,甚至是蔬食相關產品等等。
新手個人品牌最大的問題就是,很想分享自己的觀點和生活,但是卻忘記「別人是不清楚的」,容易用自己的說話方式來分享文章或影音,可能只有自己或比較親密的親友才能了解;或者,文章只是分享自己的日常記錄,例如,今天來到XX咖啡廳寫文章,咖啡很好喝,然後搭配一張喝咖啡和筆電入境的照片,這樣會比較難以吸引讀者持續追蹤下去!
新手一開始一定要先累積10~15篇文章或影音作品,並且將主題分門別類,選擇搭配令人舒服的封面圖,內容要令人有所收穫,或者能與他人共鳴!
確實一開始可能會有點辛苦,但是這是成長的必經之路,走過之後,就可以全靠靈感支應了!現在的我們都是有什麼靈感才做什麼事、寫什麼文章、拍什麼影片,生活可以變得毫不費力喔!GoGo!
因此,我們必須撰寫先部落格文章,並定期分享、累積作品,持續與潛在用戶溝通,持續與這個世界溝通,也是持續與自己溝通的方式!(如何經營部落格可以參考這篇文章 (必看!):個人品牌的靈魂在於「你的理念、你的想法」,透過文章內容找到認同你的目標客群!)
當然「影片」也是非常棒的內容素材,但對新手來說,製作影片的門檻比較高,如果能夠先從寫文章開始,就能會未來撰寫影片腳本打下基礎!

2. 一定要放上你的「大頭照」!

我們不一定要穿著套裝拍攝正式的形象照,但我們需要提供一個讓讀者留下親切印象的大頭照,放在你的網站上或是成為你的廣播節目的封面圖,一般聽眾在搜尋新的廣播節目時,如果是大頭貼通常也會比較吸引人點擊進去,你也可以觀察自己是不是也會這樣挑選節目!
網站上如果有放上大頭貼,也會讓讀者停留久一點,人就是喜歡看到人,如果因此可以與讀者靠近,分享自己的生活和觀點,進而有機會幫助到他人的生活,那麼何樂而不為呢?
露臉沒什麼好不好意思的,每個人的樣貌都不同,沒有什麼美醜之分,只有開不開心之分,我們的分享是為了帶給這個世界更多的美好,我們只要開心地分享,放上一張開心又自信的照片就好了!

3. 要有自己的獨特風格

不同於公司形象,經營個人品牌、個人服務,一定要有自己的獨特風格,客戶會選擇你的產品或服務,就是因為「欣賞你、喜歡你、信任你」,因為我們無法讓所有人都喜歡自己,我們需要去找到一群欣賞我們獨特風格的客群,而且也只有這個客群能夠為你帶來真正的收入
新手一開始是很難去找到自己專屬的目標客群的,但我們能夠透過文章、大頭照、網站的風格設計來吸引相對的客群,逐漸摸索出客群的樣貌,通常這個樣貌就是「你自己」!所以認識自己很重要!這也是為什麼我們會希望大家先整理自己物品的原因!
聚焦在自己的獨特觀點上是很重要的,一樣是分享「蔬食生活」,有些人可能著重在如何快速又簡單的製作素食料理、有些人著重在蔬食生活的生活哲學、有些人著重在少食省錢的生活、有些人可能著重在「不勉強」的蔬食生活、吃素也能很美味/愛吃美食(網站模板的選擇)、有些人可能著重在健康營養的飲食方式等等,光是吃素就有那麼多種不同的切入角度!
否則,吃素很好,大家都知道,那為何要追蹤你的內容呢?
你一定也有一個特殊的生活哲學和觀點,就從那一個獨特的角度下手吧!並不是以後永遠都只能分享一種觀點,但對新手來講,一開始先聚焦一種風格,不但對自己來說比較好掌握,也較能建立獨特的個人品牌,對讀者來說,也會比較好吸收你的內容!
再者,如果要未來廣播節目想要邀請不同的人來合作,對方也會比較清楚你的內容走向,或是對方跟你的裡面相似,聊起來會更有話題、更聚焦,一旦聚焦就能讓內容更深入,聽眾也能更有收穫!
以我們自己為例,在分享極簡生活和整理生活的時候,我們著重在「整理思維」,如何透過一套思維方式來整理和檢視自己的物品和生活,反而不太分享摺衣方法、收納用品等,網站風格的選擇方面,比起溫馨活潑的居家風格,我們偏好的是簡單俐落的風格。這樣也會與其他整理師區分出不同的客群。過往的經驗,會被我們吸引的客群都是重視邏輯性和條理性的人、年輕上班族、單身女性主管、喜歡極簡的人等等。
以Wix網站玩家的網站來說,比起強調網站的功能多厲害、多快、SEO有多強、我們的架站經驗有多豐富和專業,我們更想要傳遞的想法是,每個人都能分享自己的經驗,並且有利於他人,而且一定會幫助得到人的!(我們長到那麼大,最終才發現人生真正的快樂真的就在這裡)
而Wix就剛好是一個好用的工具,幫助我們很好地表達自己,又剛好順便賺取收入、提升生活品質!(對我們來說,Wix還剛好是一個好玩的線上遊戲XD)
因此,我們並不想要什麼類型的網站都做,我們專注在「個人品牌網站」上,甚至是我們有興趣的領域上,你到我們的網站模版商店上去觀察,雖然每個網站的風格都不同,但又有一種很協調一致的感覺,對吧?那就是我們網頁設計的獨特風格啦!^ ^
為了可以成功讓大家有能力分享自己的內容,我們也特別著重在線上學院玩家社群的設計,透過免費的影片教學、文章分享,以及論壇討論,讓大家可以從我們身上獲得一些資源,不用那麼擔心害怕去嘗試未知的事物,一旦嘗過了分享知識的甜頭、幫助到他人的喜悅,這時候叫你停下來你也停步下來了!(XD)
只有撰寫自己有感覺的內容、呈現自己喜歡的風格,我們才有辦法持續地產出內容、長久經營自己的事業,與其去研究一套最佳的經營方式、找到最賺錢的目標客群,不如將自己有系統地呈現出來,你也會在這個過程中逐漸發現自己、並有利於他人!

三、主視覺&主色調設計

網站營造出來的感覺或氛圍,會立即決定怎麼樣的目標客群會被吸引,因此我們很建議大家可以先從「想要給客戶什麼樣的感覺」先進行思考!(你可以先看這篇文章 (必看!):架站前可以先思考的事:定調你的個人品牌「第一印象」,順便思考你的「目標客群」!)
那這個「想要給客戶什麼樣的感覺」必須從自己身上找,以這個禪卡占卜師卡洛的案例來說,他喜歡「居家米色溫馨的感覺」、很喜歡「貓咪」,剛好牌卡工具是米白色的,家裡的沙發、牆壁和整體空間色調都是米色的,甚至剛好自己的貓咪也是米白色的,自己也喜歡穿米白色的衣服,那麼在設計網站整體色調時,主色調使用「米色」就會比較好操作!
另外,身為一個專業的諮詢師,也希望呈現給客戶專業的感覺,搭配一個比較深色的藍色就能傳遞這樣的形象,以這個案例來說,它就是米色為主色,佔據大部分的視覺,深藍色為輔色,出現在文字、按鈕和頁尾的用色上
未來在選擇商用圖庫的圖片時,也能盡量去挑選米白色較多的圖片,如此放在網站上就會相互呼應、風格就會一致!
以蔬食生活播客的網站來說,呈現的是比較簡單俐落、線條感、文青感、輕鬆聊天的風格,也因為考量到「食物」會是主角,因此選擇黑白的設計以凸顯食物的呈現!
所以大家可以根據自己的專業服務中常出現的顏色區抓主色調,例如整理師就會有自己的居家照片(家具軟裝的顏色)、塔羅牌諮詢師會有卡牌(卡牌占卜道具的顏色)、心理諮詢師或醫生會有白袍或其他制服(工作服的顏色)等等,建議都要整體一起思考!
新手在設計網站的時候,常出現的問題就是網站風格和圖片風格不一致,明明喜歡米色,但是卻找了紅色的花朵圖片、藍色的家具圖片等等,當風格不一致的時候會造成讀者是覺得不舒服,他可能就會馬上離開網站了,更不可能有機會去查看我們的服務內容或文章了!
購買網站模版後,如何進行網站微調?

調整「主色調」

當你決定主色調之後,或是挑選了喜歡的網站模版了,想要進一步調整主色調,你可以到Wix的編輯器,點擊左方工具列的「主題管理員」(如下圖)。
你可以在「編輯您的主題顏色」區域調整網站的主色調(如下圖),「顏色1」通常Wix都會預設為黑灰白色調,黑灰白是每個網站的基本色,因此顏色1可以不更動,「顏色2」就是我們的「主色調」,「顏色3」就是我們的「輔色調」,但這個網站案例只使用到黑白色,所以就不用特別去更動其他顏色了。
如果你想要調整顏色,請記得一旦主色調做了更動,網站上的圖片有可能必須重新調整、更換,主色調和圖片必須風格一致,才不會讓讀者視覺上感到不舒服喔!
改顏色時點擊前方水滴的圖示,你可以在跳出的小視窗中打上你要的色號(如下圖),網站上的色號必須要固定,即使同是綠色,青綠、亮綠、藍綠風格完全都不同,因此必須注意!
當你在網路上找到一個喜歡的顏色,要怎麼知道它的色號呢?
建議可以下載Google擴充功能ColorZilla,下載完成之後,它會被新增到網頁的右上方(如下圖),當你看到某個網頁中的某個顏色很喜歡,你只要點擊ColorZilla,然後把滑鼠移到想要的顏色上,再點擊一下,色號就會被複製起來了!
根據你的滑鼠移到不同的區塊,上方的黑色工具列會變換對應的顏色及其色號(如下圖),選到想要的區域後,再點擊一下,色號就會被複製起來了,然後你再到主題管理員,將顏色2的色號改掉就可以了!
Wix會將整個網站的主色調一次調整好,但建議大家還是要到網站的每一頁去檢查一下,看看是否每個區塊的對應顏色都是你所想要的,你也可以針對幾個特定的區塊做做單獨顏色的調整,每個區塊或元素都可以點擊「設計 (Design)」(毛筆的圖示)進行顏色的調整。

四、網站整體架構

一個個人品牌的網站需要基本的五大頁面,分別是「首頁、關於我、商品/服務頁、內容頁以及聯絡頁」,缺一不可。
在這個蔬食生活播客的案例中,我們設計的選單分別是「首頁、我的節目、關於聊蔬食、美食清單、支持我們、聯絡洽詢」,目前並無商品/服務頁,而是「我的節目」的廣播節目頁,還有新增一頁「支持我們」的贊助頁。
我們認為大家願意出來分享好的生活觀點是很又價值的一件事,如果可以先設計好商品/服務等收入管道,也是能夠讓支持我們的讀者或用戶知道有個地方能夠回饋他的感動,我們覺得是一件很棒的事情!
所以,我們建議大家可以設計管道讓收入和能量可以流通,不管之後到底有沒有人會購買商品或贊助我們,那不是我們能力範圍之事,不用花心思在上面,但是提供好內容、好的產品/服務,收入的管道建立等等,這些是我們可以辦得到的事、也是我們可以享受的事!
新手經營者可以先從基本五大頁面開始,隨著你的品牌經營地愈來愈成熟,可以再新增更多的網頁,例如影片頁、檔案頁、更多的服務產品頁。

在設計選單名稱的時候,可以重新命名為較為吸引人的文字,例如「關於我」可以改為「關於聊食蔬」或「關於Adam」等等,將選單調整為有個人品牌風格的意象、「服務項目」改為「廣播教學服務」或「蔬食生活諮詢」等等、「部落格」改為「蔬食清單」、「蔬食食譜」等等,展現個人品牌風格、同時又能吸引用戶點擊選單!
當然,也要避免太多重複的文字,例如,關於心靈導師、心靈諮詢、心靈文章、心靈電台等,都是使用一樣的字(心靈)的話反而又感覺太過了,因此需要檢視評估看看!
思考修改名稱是一個很有趣的過程,好好享受吧!哈哈!
購買網站模版後,如何進行網站微調?
記得在頁首的部分要先調整「品牌名稱」和「選單文字」(如下圖),你要先思考自己的文字內容,然後再進入Wix編輯器進行編輯。
記得把左上角的「Adam聊蔬食」改成自己的名稱,例如改為「Winnie聊極簡」、「維尼的素食教室」,品牌名稱盡量設計地好記又簡單,又能馬上識別你是在幹嘛的。還有大標(Go Vegan with Adam)、小標(和蔬食生活播客Adam一起聊聊好吃、好玩的蔬食生活)的內容文字也要記得改掉喔!
在Wix的編輯器中,「點擊文字兩下」就能修改了,就跟Word打字一樣簡單。
如果你希望文字可以點擊連結到特定網頁,你可以選取你要的文字,點擊「連結」設定你要的網址,例如,KKBOX的文字要連結到我們在KKBOX的廣播節目的網址。
修改選單的文字請點擊選單,會有一列工具列出現,點擊「管理選單」,會再出現一個視窗,出現一排選單的清單,我們可以在這裡分別重新每個選單的名稱,點擊每個網頁的「重新命名網頁」,就能修改選單文字囉!
如果你要隱藏某些網頁,例如修改到一半的網頁暫時不公開、新的服務業還沒編輯完畢,我們就可以先把該網頁隱藏起來,如果你要調整選單的順序,可以直接拖曳移動即可,通常我們希望讀者先看到的頁面會放置比較前面的順序。
另外,也要記得把右上方的「社群連結」改成自己的連結,點擊「社群工具列」,然後再點擊「設定社群連結」來更換社群網址。
請選取每一個社群圖示,並在右下方點擊連結圖示,重新貼上你的社群連結,如果你需要新增社群圖示,可以點擊上方橘色按鈕「+ 新增圖示」來新增社群
購買B&W的網站模版好處就是,可輕鬆又快速改成自己的網站!

五、首頁

首頁的目的是「引起讀者的目光」,進而帶領讀者到其他的選單頁面做更進一步的瞭解,有更多的瞭解才有更多的持續追蹤,或是更高的成交機會!

1. 主視覺圖區

首頁的最上方就是「主視覺圖區」,專業又有質感的主視覺圖會帶動讀者願意往下滑動網頁,除了上方的頁首「清楚的品牌名稱」和「吸引人的選單」之外,必須搭配一張吸睛且符合品牌風格的圖片。
多數網站的主視覺圖,會選擇一張「產品圖」(如下圖星巴克網站)或是「意象圖」(如下圖房仲服務網站/由B&W製作),再搭配一段品牌訴求文字以及行動呼籲難紐。
個人品牌的網站除了選擇一張「意象圖」之外,我們也非常建議直接放上自己的「大頭照」,這兩種選擇都可以,整理師艾咪的樣版網站就是以意象圖來設計主視覺圖,而禪卡占卜師卡洛的網站模版就是用大頭貼來設計。
整理師艾咪的網站模版為例,它就是選擇一張居家意象圖,主色調的綠色與主視覺圖的綠色植栽很協調地搭配起來了!主視覺圖區也放上了一段「品牌訴求文字」,例如,「平衡生活,從整理開始」,也和上方選單部落格頁的「平衡生活配方」相呼應,快速瞭解這個整理師品牌的理念就是「生活應該要平衡」,整體網站的訴求也必須以這個理念為中心思想,自然也能吸引認同該理念的讀者或潛在客戶。
禪卡占卜師卡洛的網站模版之主視覺圖區設計,選擇的就是「大頭照」,個人大頭照其實是最吸引讀者目光的,保證讀者一定會往下滑(XD)!
我們自己的網站也是選擇直接放上一張「大頭照」,雖然沒有太好看!哈哈~
這個蔬食生活播客也是選擇直接放上一張「大頭照」,因為播客本身就是主角, 他的想法、他的聲音就是品牌主軸,所以放上一張自己的大頭照是非常合適的,當然次主角就是「食物」所以下方也馬上接著一張食物,這兩個區域就幾乎完整說明整個品牌在幹嘛了!
你可以在主視覺圖區放上一個「行動呼籲按鈕」,讓立即被引起興趣的讀者能透過點擊按鈕更快地認識你或你的服務,如果你希望讀者可以趕快瞭解你的服務或是更加認識你,你就可以將按鈕連結至服務項目頁,或是關於我頁;以這個網站模板來說,希望讀者趕快來聽廣播節目,所以就直接連結到「我的節目頁」囉!
頁首和主視覺圖區的詳細Wix操作步驟教學可以參考以下兩篇文章:
  1. 【WiX實作#01】註冊WiX、編輯器介紹以及網站頁首區(Header)設計
  2. 【WiX實作#02】主視覺區(/輪播圖)設計:學習Image、Video、Slider、Shape元素
購買網站模版後,如何進行網站微調?
由於主視覺圖區使用的是「Strip(帶狀圖片)」元素,要改掉大頭照圖片,請點擊圖片兩下,你會看到一列工具列,點擊「變更欄背景」
點擊「欄背景」之後會出現一個小視窗,再點擊「圖片」(如果你要放影片就選擇「影片」也可以)。
點擊「圖片」之後會跳出一個大視窗,你可以點擊「上傳媒體」,然後選擇你電腦當中的檔案來上傳。(Wix媒體也提供許多無版權的免費圖片可以使用喔!)
(3) 點擊「從電腦上傳」,就會跳出電腦的檔案資料夾視窗,你可以在這裡選擇你的電腦中的檔案;你也可以從其他的社群媒體(如Facebook、Instagram、Google Drive等)匯入圖片。
你所上傳的所有檔案會被放在「網站檔案」區,隨時都能存取,點選你要的檔案之後,再點擊右下方的按鈕「選擇圖片」,圖片就會被置換了!
為了有利於SEO,變更圖片之後,請再點擊「設定」,移到最下方,在「圖片文字」的地方輸入品牌名稱或相關的關鍵字,例如「蔬食生活播客」,每次變更圖片的時候都要記得調整喔!
恭喜你完成主視覺圖區的設計!

2. 關於我區

個人品牌的網站非常強調「個人」特色,如果你的主視覺圖區是一張意象圖,那我們強烈建議大家在首頁的「關於我區」一定要放上自己的大頭照,盡快讓讀者知道你長什麼樣子,可以緊接著在主視覺圖區的下方出現,俗話說「見面三分情」,看到你本人的照片,也會增加讀者繼續瀏覽網頁的興趣
你也可以自己去觀察,是不是有放創業家本人的照片的網站會比較吸引你呢?
如果你在主視覺圖區已經放上一張大頭照了,關於我區就可以再放上另一張大頭照,兩張照片可以不同,幫助讀者更加認識你!
這個蔬食生活播客的主視覺圖區和關於我區已經融合在一起了,兩張圖片(大頭照和食物照)的順序對調其實也可行,只是我們選擇以「人」為優先。
首頁的關於我區的字數盡量不要太多,首頁是提供讀者快速瀏覽、快速瞭解這個網站在幹嘛的地方,太多文字內容會讓讀者卻步,將重點簡介出來之後,只要搭配一個行動呼籲按鈕連結至「關於我頁」(以這個案例來說是「關於聊蔬食」),在關於我頁的地方再詳細說明就好,當讀者點擊這個按鈕,也代表他願意花更多的時間瞭解你。
PS. 這個案例的關於我區是連結至「我的節目頁」,也可以連結到「關於聊蔬食」,看你的安排吧!
購買網站模版後,如何進行網站微調?
由於我們已經將該網站模版適當的版面大小控制好了,而該網站放置的文字空間是「4行」,建議大家放置約4~6行的文字內容,不要太多也不要太少,以維持版面美感。
記得要把文字改成自己的版本(撰寫方法請參考這篇文章:如何有特色地呈現個人品牌的自我介紹?設計你的官網名片!),在Wix編輯器中修改文字非常簡單,只要「點擊文字區兩下」就可以開始打字了,就跟Word打字一樣簡單。
另外,左邊的圖片區的圖片也要改成自己的內容,因為這裡也是使用「Strip (帶狀圖片)」元素,所以改變圖片的操作方式也跟主視覺圖區一樣喔!
恭喜你完成關於我區的設計!
關於我區的詳細Wix操作步驟教學可以參考以下文章:

3. 產品服務區

在介紹個人品牌之後,讓讀者知道你有提供什麼服務就是最重要的事情了,如果想要透過個人品牌賺取收入,我們就必須先讓讀者知道我們的產品和服務,如此一來在他認同我們的理念,或是從部落格文章中獲得有價值的免費資訊之後,他才會連想到你的收費服務
除非你只是想要單純的分享好文章、好內容,只是想要打發時間,那就可以忽略產品服務區,雖然我們比較建議大家還是可以設計一下產品服務區,詳細的理由可以參考這一篇文章:決定你的個人品牌之核心業務!設計提供完整面向之服務主題,行動呼籲在這裡!
這個網站目前先以廣播節目為主,搭配「支持(贊助)我們」頁,並無實際產品服務,其實也可以在關於我區的下方新增一區廣播節目區,但是考量首頁版面的簡潔俐落,就沒有再新增這個區域了,而是只有在關於我區放置連結至廣播節目頁的行動呼籲按鈕,下方就接著部落格區了。
雖然目前並沒有具體的產品或服務,但未來也可以認真思考一些服務的項目,例如蔬食生活諮詢、蔬食菜單設計等服務,或是設計會員訂閱內容,提供只有會員才能聆聽的專屬廣播內容,提供大家不同的支持方式或管道也是很棒的!
未來若要製作產品服務區,詳細Wix操作步驟教學可以參考以下文章:
許多的產品服務區都是「一列多欄式」的設計(如下圖為一列三欄式的設計),這也是最經典的版面。
選擇不同的版面設計需要先考慮到整個網頁頁面「不同區塊的版面配置」,主視覺圖區是一個區塊、關於我區是一個區塊、產品服務區也是一個區塊,通常相鄰的區塊部會使用類似的版面配置,如此才能維持網頁的質感與活潑性!
通常主視覺圖區會是「一列一欄」的版面,亦即一張圖片橫跨整個螢幕寬度,而關於我區會是「一列兩欄」的形式,亦即一邊大頭照圖片、一邊文字說明文字,而產品服務區和文章區則可以多元設計,只要相鄰的塊版面設計不同即可。

4. 部落格文章區

我們會很建議大家在首頁的地方放上文章區,當讀者在瀏覽頁面時,如果看到產品服務區還沒有想要預約服務或購買產品的想法,至少要透過文章吸引讀者繼續認識我們、進而追蹤我們,未來才有成交的機會,文章可以放置3~6篇文章,總有一篇會被點擊來看看!
同樣的,一開始如果讀者還不清楚我們的廣播節目,比起放置節目音檔列表,文章會更容易吸引閱讀,這也是為什麼我們在首頁處放置的是文章區而非廣播節目區。(如果想要放廣播節目區,文章區還是要放上來~)
購買網站模版後,如何進行網站微調?
文章是整個網站的靈魂,請事先撰寫至少3~6篇文章放到網站上,部落格文章的經營方式請參考這一篇文章:個人品牌的靈魂在於「你的理念、你的想法」,透過文章內容找到認同你的目標客群!
Wix有內建的部落格系統(APP),請到「部落格頁」新增文章,點擊下方部落格區之後會出現一個工作列,再點擊「管理貼文」
所有的文章都可以在這裡編輯,我們在這裡目前先放置了7篇文章,請記得改成自己撰寫的文章喔!
在文章的編輯頁面中,請記得將每一個文章分配到對應的「文章類別」(可複選)喔!
另外,你也可以設定該文章是否為「精選文章」,由於首頁目前設計的文章區版面為3篇文章,因此我們可以挑選3最想先給讀者閱讀的文章為精選文章。
發佈文章之後,請再記得再回到首頁最設定,把精選文章呈現出來。請到文章區,點擊工具列的「設定」,將「僅顯示精選文章」勾選起來,如此這裡的文章區就只會顯示那些被選為精選的文章了!
除了選擇精選文章之外,這一區的文章也能選定想要的「文章類別(Categories)」,如下圖,看你的文章主題配置吧!
恭喜你完成部落格文章區的設計!
文章區的詳細Wix操作步驟教學可以參考以下文章:
部落格區的下方我們設計了一個Instagram圖庫區,這區目前使用的是「Wix Pro Gallery(Wix圖庫)的元素,放置的一些我們暫放的圖片,你可以在這裡編輯變更你的食物圖片,
點擊「管理媒體」,會出現一個媒體庫的視窗,你可以在這裡新增和刪除圖片,上傳圖片的方式與前面的教學相同。
如果你有經營Instagram,你也可以直接連線Instabgram,即可同步Instabgram的圖庫!點擊上圖的「新增媒體」,再點擊「上傳媒體」,選擇「Instagram」,再點擊按鈕「連線Instagram」連結自己的帳號即可,非常的方便,往後你在Instagram新增的圖片都會同步到網站上,不需要另外上傳管理。

5. 聯絡我區

通常在首頁的最下方都會放置聯絡我們或訂閱網站的表單,讓潛在客戶如果有問題時可以找得到我們,通常客戶如果有問題想聯絡,也代表成交的機率很高,所以一定要留下聯繫的方式,例如Email、Facebook、Instagram、LINE、電話、地址等等。
購買網站模版後,如何進行網站微調?
記得把文字和對應的連結改成自己的版本,例如「Email: [email protected]」改成自己的Email,「Facebook: @goveganwithadam」也要記得改掉,如果是你使用的其他社群連結就要改成其他文字。
在「編輯文字」中,將需要連結的文字選取起來,並點擊「連結圖示」,你可以直接貼連結,如果是 Email 或是電話,你可以選擇Wix的內建連結,以 Email 為例(如下圖),選擇「電子郵件」,並輸入你希望客戶聯絡的 Email 即可
另外下方的「社群工具列」也要改成自己在用的社群,以及貼上對應的連結網址。
最後,頁尾的文字也要記得調整成自己的內容,例如,Copyright © 2021 By 「蔬食生活播客Adam.」 All rights reserved. 改為 Copyright © 2021 By 「Minimalist Winnie極簡維尼」 All rights reserved.
恭喜你完成聯絡我區的設計!
聯絡我區的詳細Wix操作步驟教學可以參考以下文章:
  1. 【WiX實作#07】訂閱我區設計:學習Contact元素
  2. 【WiX實作#08】頁尾區設計:學習Social元素

6. 新增區塊或網頁

以上一共分享了首頁的「五大區塊」,包含主視覺圖區、關於我區、服務項目區、部落格區及聯絡我區,關於我區會有按鈕可以連結至關於我頁、服務項目區會有連結可以連結至服務項目頁,同理部落格區及聯絡我區。
(1) 新增區塊
如果你有設計更多的頁面,也可以在首頁新增更多的區塊,例如,你想要在使用關於我區這樣一列兩欄的版面配置,你可以點擊關於我區一下,你會看到一個藍色的框線將該區給選取了起來(如下圖),並看到上方顯示「帶狀圖片」的字樣,每個被選取的元件都有其對應的名稱,例如文字、圖片、按鈕等等,每個元件都能透過複製重複利用
當你想要複製元件或刪除元件時,只要點擊該元件之後,再按右鍵選取「複製」、「貼上」或「刪除」即可。移動元件時,只要用滑鼠按住元件不放,就能移動至任何你想讓它去的地方
另外,你也可以將滑鼠移到藍色框線上方的「↓ (Drag) 圖示」,你可以往上拉動或往下拉動,當你拉動元件時,下方的所有元件都會跟著一起移動,下方所有的元件都會一起移動到相對應的位置,如此一來我們就不需要一個一個元件移動位置。
(2) 新增網頁
如果你想要新增更多的網頁,你可以直接複製現有的網頁來進行編輯和調整 (如下圖),如此一來就不需要一個一個區塊進行新增和複製。

六、關於我頁

在關於我頁的部分,你可以分享更多關於自己的內容,例如你的經營理念、你的故事、你的願景、成立這個節目的緣由等等,如何撰寫自我介紹,你可以參考這一篇文章:如何有特色地呈現個人品牌的自我介紹?設計你的官網名片!
文字和圖片修改的操作方式都與前面的教學一樣,記得要改成自己的內容喔!
記得在Wix編輯器中,切換網頁頁面可以透過左上角的選單進行切換(如下圖),文字的部分要記得改成自己的版本喔!
如果你暫時沒有想要邀請客座來賓,你也可以把這裡的文字和圖片改掉,例如改成兩大你最在意的蔬食主題或是生活觀,例如兩大主題:推薦外食店家、美味料理食譜,或是兩大理念:蔬食也能很美味、蔬食生活很簡單,版面盡量不去更動,維持兩欄的設計,指示修改文字內容和圖片,如此能維持整體網站的美感,除非你確定自己要如何設計網站,否則往往會愈改愈糟(XD),根據我們過去與客戶往來的經驗,哈哈!

七、服務項目頁/廣播節目頁

在這個網站的主要服務內容就是「我的節目」頁及「支持我們」頁,當你在Firstory這樣的廣播平台上架你的廣播節目之後,你會獲得一個RSS的連結,請將這個連結錄製起來。
回到Wix的編輯器,點擊廣播節目區,點擊「設定」中的「設定」,將剛剛複製的RSS連結貼到這裡,如此一來,往後你在Firstory的更新都會同步到網站上,不需要再另外手動新增廣播檔,超方便的!
目前我們先上架6個範例廣播檔,並設計一列放置4個廣播檔,並設定「顯示的行數」為「1」,若要看更多的廣播,則點擊「載入更多」就會看到另外的2個廣播檔,當你的廣播集數累積愈來愈多,累積到第8個的時候,你可以設定「顯示的行數」為「2」,版面會比較豐富且好看!
若你暫沒有提供服務,提供贊助支持的管道也是不錯的方式,在線上課程的第22單元,我們有教大家如何使用線上金流系統,個人就可以申請信用卡收款服務,你可以建立一個快速收款連結,並且設定金額為自訂(由消費者決定贊助金額),並設定「贊助我們」的按鈕連結即可。

八、部落格頁

由於部落格頁是由Wix內建的系統,因此我們不太需要去更動什麼設計,只要專心在產出文章即可,為了讓潛在客戶第一次進入網站就能夠感受到我們的專業度,請務必先放上多一點的文章,如果只有一兩篇文章,讀者一看到就會發現你是新手,自然就會降低向你預約的機會。
文章的類別也可以新增3~5個,例如,「推薦蔬食店家」、「蔬食料理食譜」、「蔬食人哲學」、「Adam的蔬食生活」等等,透過文章的專業分類也可以提升讀者的信任感,以專業文章為主,輔以搭配個人的日常點滴,讓讀者學習收穫許多,同時又感到親近感。
在實際撰寫文章之前,先好好思考自己文章主題的大方向,列出幾個撰寫的主題之後,會幫助我們有架構地寫東西,也比較不會有不知道該寫什麼的煩惱喔!
你也可以稍微感受一下,即使你還沒真正開始閱讀這個個人品牌的文章,光是看他這幾個專業的文章分類就覺得他一定有不少料吧!
想要管理文章類別可以點擊「管理貼文」,再點擊「類別」,你可以在這裡修改類別名稱、增減類別名稱,或是拖曳移動類別的順序。
如果想要調整部落格的版面配置,可選取部落格區之後,點擊「設定」(如下圖)。
然後再點擊「版面配置」,這裡有6種版面配置,你可以嘗試都點擊看看,看看哪一個版面配置你比較喜歡,「所有文章」和「文章類別動態」的版面配置可以個別設計不同的配置。
文章區的詳細Wix操作步驟教學可以參考以下文章:

九、聯絡我頁

由於首頁已經有了一個聯絡我區的區塊,為增加架站效率,並統一管理聯絡表單,於是選單頁的「聯絡我頁」是透過「錨點 (Anchor)」來設定連結,點擊頁首的聯絡我(合作洽詢),畫面會直接移到首頁的聯絡我區。
「錨點 (Anchor)」可以設定在網頁中的任何一個區塊上,它不是一個網頁連結,而是一個網頁中的「位置/定點」,任何按鈕或是網頁選單都可以連結至「錨點 (Anchor)」,這也是網頁設計中很常使用的設計。
例如,我們在首頁的聯絡我區上方放上一個「錨點 (Anchor)」(如下圖),它會出現一條螢光藍線,我們可以命名它的名稱,例如「Contact」,以識別網站上不同的「錨點 (Anchor)」。
我們希望「合作洽詢」頁可以連到首頁的聯絡我區,我們就可以選擇連結設定視窗中的「錨點」,在選擇對應名稱的「錨點」,例如「Contact」,這樣就設定成功了!
當然如果你有更多的內容想要單獨設計一個聯絡我的網頁,例如放上Google地圖、交通資訊、更多的社群資訊等等,也是完全沒問題的喔!

十、手機版設計

手機版網頁的設計是每個網站的必要設計,並有利於SEO,每個網站模版的手機版我們都已經幫大家設計好了,除非你有新增網頁或是區塊,或是新增太多或太少文字造成畫面跑版,那就必須進到手機版畫面進行調整,Wix編輯器的左上方有電腦和手機的圖示,點擊圖示可以切換「桌面版設計」與「手機版設計」
手機版網站可以調整文字的大小、顏色、圖片的長寬、按鈕的長寬,以及各元件的相對位置,也能隱藏元件,讓某些元件在手機版不被顯示,如果發現需要更改文字或其他設定,則必須回到「桌面版」來設計。 比較要注意的是,右下方的訊息圖示,請記得點擊圖示進行編輯,並點選「設定快速動作」,然後編輯社群的設定,將連結改成自己的版本,移除自己不需要的社群連結,亦可點擊按鈕「更多動作」新增需要的社群。
手機版設計操作不難,請務必在桌面版設計完成之後,到手機版的畫面檢查一下,看看畫面有沒有跑掉,或是用自己的手機看一下畫面順不順暢。
手機版設計的詳細Wix操作步驟教學可以參考以下文章:

十一、線上訊息功能

線上訊息功能讓潛在客戶可以在網站上和我們互相訊息,讓用戶能隨時立即聯絡我們,但是為了維持簡潔俐落感,蔬食生活播客的網站模版上我們並沒有設計這個訊息功能。
但在聯絡我頁的表單及客戶的連絡資訊都會集中在Wix後台,Wix的後台非常強大,所有的訊息都可以集中在這裡管理,而且當你將Wix連結你的Facebook粉絲專頁之後,連Facebook的私訊內容都會同步出現在這裡,你就不會錯過任何一個潛在客戶的訊息啦!!
線上訊息功能的詳細Wix操作步驟教學可以參考以下文章:

十二、SEO精靈設定

恭喜你網站都完成啦!最後就只剩下SEO精靈的設定啦!(SEO一定是最後一步喔~)
我們特別喜歡Wix的SEO精靈設定,只要一步步照照著Wix指示的步驟完成就搞定了,這也是Wix平台的設計初衷:把簡單的介面交給使用者,困難的他們一手包辦!
SEO精靈的設定需自行設定,單購4,500元的網站模版並無提供SEO設定的服務,但是它的操作步驟並不難,你可以參考Wix線上學院課程的第19單元,這裡有非常詳細的操作步驟。(線上課程都是免費的,沒有購買網站也能免費學習~)
之所以網站模版沒有替大家先設定SEO精靈是因為每個人經營的品牌名稱和內容是不一樣的。
例如,你是一個「插畫家」,購買了「攝影師」網站模版(因為商業模式相似只需微調圖文),那麼我們預先設定了攝影服務或攝影接案的SEO關鍵字就會不相關,所以請大家在調整完圖文之後,再自行設定SEO精靈。
如果你希望B&W幫你設定SEO精靈請加購「Wix SEO精靈設定,當你的網站的圖文都完成修改之後,B&W會幫你設定後續SEO精靈喔!
SEO精靈設定的詳細Wix操作步驟教學可以參考以下文章:

十三、升級網站

對於剛要開始經營個人品牌的新手創業家而言,WiX的免費版本其實已經非常夠用,非常足以製作非常精美的網站了!
由於我們一開始鎖定的目標客群很小,雖然網站流量不大,但是相對應的訂單量卻不少,因此免費的版本對我們而言就很夠用了,尤其在資金不是很雄厚的創業初期,那要如何評估是否要升級付費方案呢?
我們在這一篇文章中有更仔細的分析,幫助你思考並決定是否需要升級付費方案喔!
如果你決定要購買付費方案,你也可以點擊這裡

你的下一步

以上就是這個網站模版的經營設計手冊啦~~
  1. 如果你有任何問題,歡迎在玩家社群論壇提出來討論喔!
  2. 如果你想再看一下網站整體設計,立即查看網站
  3. 如果你決定要購買這個網站模版,購買網站模版
  4. 如果你想挑選看看其他網站模版,逛逛其他網站
  5. 如果你想要先學習Wix線上課程或文字筆記,進入線上學院
  6. 如果你已經購買了網站模版、要繼續編輯,登入Wix後台
1萬8千字完結灑花~~~
玩家 布蘭達&維尼

加入成為玩家

瞭解如何「貢獻世界的六大步驟」: )
為什麼會看到廣告
Hi, 我們是Brenda和Winnie,以前我們是Wix網頁設計師,現在則是Wix網頁玩家,還有,我們也是極簡生活家。我們喜歡專注在「玩生活」這件事上,尤其喜歡「玩網頁」和「玩整理」,感恩這個地球提供這麼好的環境給我們玩,也感恩和我們一起玩的所有人!我們也希望能夠貢獻二己之力,讓大家也能開心地玩、平靜自在地玩!
留言0
查看全部
發表第一個留言支持創作者!