這裡是整理師(艾咪)網站的「品牌經營分析」及「網站設計重點」的完整經營設計手冊!
網站模版簡介
- 適合對象:提供預約服務或無形服務者、諮詢顧問、部落客等個人品牌經營者
- 案例產業:收納整理、整理師、軟裝師、空間設計師、心理諮商等行業
- 網站功能:1) 產品/服務列表、2) 個人品牌介紹、3) 服務銷售、4) 部落格/作品集、5) 聯絡/訂閱區
- 網頁選單:首頁、關於我頁、服務介紹頁、部落格頁、聯絡我頁,共計5頁選單
網站案例分析
一、前言
由於我們從銀行業離職之後,第一個創業的工作就是成為居家整理師,我們一開始不想碰認識的人的家,為了在網路上開發陌生客群,於是就透過Wix建立了我們的第一個網站,我們也很順利在兩週內獲得了第一筆訂單,開始了我們網路創業的旅程!
設計整理師的網站算是我們比較有經驗的網站類型(XD),於是第一個樣版網站也就從整理師的網站開始了!
二、經營思考重點
整理師要賣的產品就是「個人的服務」,而且是「專業服務」,必須解決客戶「居家整理的困擾」,所以讓一個潛在客戶可以「信任」你的服務可以解決他的問題,並實際向你預約服務,是架設網站與經營品牌的思考重點!
當然,除了整理師行業之外,只要你的產品是「無形的服務、諮詢類服務」,為了解決特定的客戶問題而提供的專業服務都能這樣思考品牌的經營方向,例如,軟裝師、心理諮商師、塔羅諮詢師、理財規劃師等等行業。
如何讓客戶產生信任感?
1. 一定要定期撰寫「部落格文章」!
要能說服客戶你具備一定的專業,我們需要透過圖文來說明,而且文章的內容一定要能夠讓「讀者有所收穫」,例如,你可以分享自己獨特的整理方法,最好條理分明地提供「步驟」、「作法」等具體方法,讓讀者能夠跟著學習!
一旦讀者能夠透過文章中所教導的內容,實際改善自己的生活品質,他就會對你產生信賴感,未來如果遇到更大的問題、有了專業服務的需求,他就會來找你預約了!或者,覺得你說得很有道理,懶得自己學習,就會馬上跟你預約服務了!
新手個人品牌最大的問題就是,自己知道自己很厲害,但卻忘記「別人是不知道的」,往往把預約服務表單做出來、開了價格之後,就以為自己會接到案子了;或者,文章只是分享自己的日常記錄,例如,分享今天兒子把衣服摺得很好,然後搭配一張兒子的照片,這樣會比較難以吸引讀者持續追蹤下去!
另外,案例或作品集也可以展現專業度提升信任感,但如果你是新手,還沒有經典的案例可以分享,定期撰寫部落格文章絕對是最重要的事情!通常我們看到的專業網站都會有部落格文章,而且不少,會被分享的內容也往往都是有價值、可學習的文章,對吧!
當然「影片」也是非常棒的內容素材,但對新手來說,製作影片的門檻比較高,如果能夠先從寫文章開始,就能會未來撰寫影片腳本打下基礎!
2. 一定要放上你的「專業大頭照」!
我們不一定要穿著套裝拍攝正式的形象照,但我們需要提供一個讓讀者留下親切印象的大頭照,例如,你主打年輕媽媽客群的整理服務,你就能放上一張相似概念的照片(如下圖),你的照片就會吸引相對應的客群,一旦目標客群聚焦了,你所提供的服務類型、部落格文章的內容類型都能夠更加地聚焦!
再者,如果我們要請一個整理師來家裡,整理師可以說是一個陌生人,陌生人要進到家裡來,基本上我們會希望先知道來的人長什麼樣子,是不是感覺很和善、親切,我們才會比較願意預約整理師到家裡來吧!
3. 要有自己的獨特風格
不同於公司形象,經營個人品牌、個人服務,一定要有自己的獨特風格,客戶會選擇你的產品或服務,就是因為「欣賞你、喜歡你」,因為我們無法讓所有人都喜歡自己,我們需要去找到一群欣賞我們獨特風格的客群,而且也只有這個客群能夠為你帶來真正的收入。
新手一開始是很難去找到自己專屬的目標客群的,但我們能夠透過文章、大頭照、網站的風格設計來吸引相對的客群,逐漸摸索出客群的樣貌,通常這個樣貌就是「你自己」!
以我們自己為例,在分享極簡生活和整理生活的時候,我們著重在「整理思維」,如何透過一套思維方式來整理和檢視自己的物品和生活,反而不太分享摺衣方法、收納用品等,網站風格的選擇方面,比起溫馨活潑的居家風格,我們偏好的是簡單俐落的風格。這樣也會與其他整理師區分出不同的客群。過往的經驗,會被我們吸引的客群都是重視邏輯性和條理性的人、年輕上班族、單身女性主管、喜歡極簡的人等等。
以Wix網站玩家的網站來說,比起強調網站的功能多厲害、多快、SEO有多強、我們的架站經驗有多豐富和專業,我們更想要傳遞的想法是,每個人都能分享自己的經驗,並且有利於他人,而且一定會幫助得到人的!(我們長到那麼大,最終才發現人生真正的快樂真的就在這裡)
而Wix就剛好是一個好用的工具,幫助我們很好地表達自己,又剛好順便賺取收入、提升生活品質!(對我們來說,Wix還剛好是一個好玩的線上遊戲XD)
因此,我們並不想要什麼類型的網站都做,我們專注在「個人品牌網站」上,甚至是我們有興趣的領域上,你到我們的
網站模板商店上去觀察,雖然每個網站的風格都不同,但又有一種很協調一致的感覺,對吧?那就是我們網頁設計的獨特風格啦!^ ^
為了可以成功讓大家有能力分享自己的內容,我們也特別著重在
線上學院和
玩家社群的設計,透過免費的影片教學、文章分享,以及論壇討論,讓大家可以從我們身上獲得一些資源,不用那麼擔心害怕去嘗試未知的事物,一旦嘗過了分享知識的甜頭、幫助到他人的喜悅,這時候叫你停下來你也停步下來了!(XD)
只有撰寫自己有感覺的內容、呈現自己喜歡的風格,我們才有辦法持續地產出內容、長久經營自己的事業,與其去研究一套最佳的經營方式、找到最賺錢的目標客群,不如將自己有系統地呈現出來,你也會在這個過程中逐漸發現自己、並有利於他人!
三、主視覺&主色調設計
那這個「想要給客戶什麼樣的感覺」必須從自己身上找,以這個整理師艾咪的案例來說,他喜歡「家庭溫暖的感覺」、喜歡「綠色植栽」,剛好家裡也放了很多綠色植栽,或是家具和軟妝品偏綠色較多,在分享自己家的照片案例時會有很多綠色出現,那麼在設計網站整體色調時,主色調使用「綠色」就會比較好操作!
未來在選擇商用圖庫的圖片時,也能盡量去挑選綠色較多的圖片,如此放在網站上就會相互呼應、風格就會一致!
所以大家可以根據自己的專業服務中常出現的顏色區抓主色調,例如整理師就會有自己的居家照片(家具軟裝的顏色)、塔羅牌諮詢師會有卡牌(卡牌占卜道具的顏色)、心理諮詢師或醫生會有白袍或其他制服(工作服的顏色)等等,建議都要整體一起思考!
新手在設計網站的時候,常出現的問題就是網站風格和圖片風格不一致,明明喜歡綠色,但是卻找了紅色的花朵圖片、藍色的家具圖片等等,當風格不一致的時候會造成讀者是覺得不舒服,他可能就會馬上離開網站了,更不可能有機會去查看我們的服務內容或文章了!
購買網站模板後,如何進行網站微調?
調整「主色調」
當你決定主色調之後,或是挑選了喜歡的網站模版了,想要進一步調整主色調,你可以到Wix的編輯器,點擊左方工具列的「主題管理員」(如下圖)。
你可以在「編輯您的主題顏色」區域調整網站的主色調(如下圖),「顏色1」通常Wix都會預設為黑灰白色調,黑灰白是每個網站的基本色,因此顏色1可以不更動,「顏色2」就是我們的「主色調」,這個網站案例的主色調是綠色(顏色2),搭配米色為副色調(顏色3)。
請記得一旦主色調做了更動,網站上的圖片有可能必須重新調整、更換,主色調和圖片必須風格一致,才不會讓讀者視覺上感到不舒服喔!
改顏色時點擊前方水滴的圖示,你可以在跳出的小視窗中打上你要的色號(如下圖),網站上的色號必須要固定,即使同是綠色,青綠、亮綠、藍綠風格完全都不同,因此必須注意!
當你在網路上找到一個喜歡的顏色,要怎麼知道它的色號呢?
建議可以下載Google擴充功能
ColorZilla,下載完成之後,它會被新增到網頁的右上方(如下圖),當你看到某個網頁中的某個顏色很喜歡,你只要點擊ColorZilla,然後把滑鼠移到想要的顏色上,再點擊一下,色號就會被複製起來了!
根據你的滑鼠移到不同的區塊,上方的黑色工具列會變換對應的顏色及其色號(如下圖),選到想要的區域後,再點擊一下,色號就會被複製起來了,然後你再到主題管理員,將顏色2的色號改掉就可以了!
Wix會將整個網站的主色調一次調整好,但建議大家還是要到網站的每一頁去檢查一下,看看是否每個區塊的對應顏色都是你所想要的,你也可以針對幾個特定的區塊做做單獨顏色的調整,每個區塊或元素都可以點擊「設計 (Design)」(毛筆的圖示)進行顏色的調整。
四、網站整體架構
一個個人品牌的網站需要基本的五大頁面,分別是「首頁、關於我、商品/服務頁、內容頁以及聯絡頁」,缺一不可。 在這個
網站模版案例中,我們設計的選單分別是「
首頁、關於整理師、生活整理服務、平衡生活配方、聯絡艾咪」,相對應的內容就是「首頁、關於我、服務頁、文章頁以及聯絡頁」。
新手經營者可以先從這5個頁面開始,隨著你的品牌經營地愈來愈成熟,可以在新增更多的網頁,例如影片頁、廣播頁(Podcast)、更多的服務產品頁。
在設計選單名稱的時候,可以重新命名為較為吸引人的文字,例如「關於我」可以改為「關於整理師」或「關於艾咪」等等,將選單調整為有個人品牌風格的意象、「服務項目」改為「生活整理服務」或「人生整理諮詢」等等、「部落格」改為「平衡生活配方」、「極簡生活撇步」等等,展現個人品牌風格、同時又能吸引用戶點擊選單!
購買網站模版後,如何進行網站微調?
記得在頁首的部分要先調整「品牌名稱」和「選單文字」(如下圖),你要先思考自己的文字內容,然後再進入Wix編輯器進行編輯。
記得把「整理師艾咪」改成自己的名稱,例如整理師「艾咪」改為整理師「維尼」,品牌名稱盡量設計地好記又簡單,又能馬上識別你是在幹嘛的;也要記得將「平衡生活,從整理開始」修改成自己的SLOGAN。
在Wix的編輯器中,「點擊文字兩下」就能修改了,就跟Word打字一樣簡單。
選單的文字要到左方工具列的「網站選單」,點擊每個網頁的「重新命名」,就能修改選單文字囉!你也可以在這裡切換每一頁網頁!
另外,也要記得把「社群連結」改成自己的連結,點擊「社群工具列」,然後再點擊「設定社群連結」來更換社群網址。
請選取每一個社群圖示,並在右下方點擊連結圖示,重新貼上你的社群連結,如果你需要新增社群圖示,可以點擊上方橘色按鈕「+ 新增圖示」來新增社群。
購買B&W的網站模版好處就是,可以輕鬆又快速地改成自己的網站!
五、首頁
首頁的目的是「引起讀者的目光」,進而帶領讀者到其他的選單頁面做更進一步的瞭解,有更多的瞭解才有更高成交的機會!
1. 主視覺圖區
首頁的最上方就是「主視覺圖區」,專業又有質感的主視覺圖會帶動讀者願意往下滑動網頁,除了上方的頁首「清楚的品牌名稱」和「吸引人的選單」之外,必須搭配一張吸睛且符合品牌風格的圖片。
以整理師艾咪的網站為例,主色調的綠色就與主視覺圖的綠色植栽協調地搭配起來了!主視覺圖區也能放上一段「品牌訴求文字」,例如,「平衡生活,從整理開始」,也和上方選單部落格頁的「平衡生活配方」相呼應,快速瞭解這個整理師品牌的理念就是「生活應該要平衡」,整體網站的訴求也必須以這個理念為中心思想,自然也能吸引認同該理念的讀者或潛在客戶。
你也可以在主視覺圖區放上一個「行動呼籲按鈕」,讓立即被引起興趣的讀者能透過點擊按鈕更快地認識你或你的服務,如果你希望讀者可以趕快瞭解你的服務,你就可以將按鈕連結至服務項目頁,而這個案例就是生活整理服務。
頁首和主視覺圖區的詳細Wix操作步驟教學可以參考以下兩篇文章:
- 【WiX實作#01】註冊WiX、編輯器介紹以及網站頁首區(Header)設計
- 【WiX實作#02】主視覺區(/輪播圖)設計:學習Image、Video、Slider、Shape元素
2. 關於我區
個人品牌的網站非常強調「個人」特色,我們強烈建議大家在首頁放上「關於我區」並搭配大頭照,盡快讓讀者知道你長什麼樣子,可以緊接著在主視覺圖區的下方出現,俗話說「見面三分情」,看到你本人的照片,也會增加讀者繼續瀏覽網頁的興趣。
你也可以自己去觀察,是不是有放創業家本人的照片的網站會比較吸引你呢?
首頁的關於我區的字數盡量不要太多,首頁是提供讀者快速瀏覽、快速瞭解這個網站在幹嘛的地方,太多文字內容會讓讀者卻步,將重點簡介出來之後,只要搭配一個行動呼籲按鈕連結至「關於我頁」(這個網站案例是「關於整理師」),在關於我頁的地方再詳細說明就好,當讀者點擊這個按鈕,也代表他願意花更多的時間瞭解你。
購買網站模版後,如何進行網站微調?
由於我們已經將該樣版網站適當的版面大小控制好了,而該網站放置的文字空間是「5行」,
建議大家放置約4~5行的文字內容,不要太多也不要太少,以維持版面美感。
記得要把文字改成自己的版本(撰寫方法請參考這篇文章:
如何有特色地呈現個人品牌的自我介紹?設計你的官網名片!),在Wix編輯器中修改文字非常簡單,
只要「點擊文字區兩下」就可以開始打字了,就跟Word打字一樣簡單。
另外,也要記得將大頭照圖片改成自己的,調整該網站模版之大頭照的操作步驟說明如下:
(1) 點擊圖片區之後會出現一個工作列,再點擊「變更欄背景」。
(2) 點擊「變更欄背景」之後,會出現一個小視窗,再點擊「圖片」,如果你有影片檔也可以換成影片,則點擊「影片」。
(3) 點擊「圖片」之後會跳出一個大視窗,你可以點擊「上傳媒體」,然後選擇你電腦當中的檔案來上傳。
(4) 點擊「從電腦上傳」,就會跳出電腦的檔案資料夾視窗,你可以在這裡選擇你的電腦中的檔案;你也可以從其他的社群媒體(如Facebook、Instagram、Google Drive等)匯入圖片。
(5) 你所上傳的所有檔案會被放在「網站檔案」區,隨時都能存取,點選你要的檔案之後,再點擊右下方的按鈕「變更背景」,圖片就會被置換了!
恭喜你完成關於我區的設計!
關於我區的詳細Wix操作步驟教學可以參考以下文章:
3. 產品服務區
在介紹個人品牌之後,讓讀者知道你有提供什麼服務就是最重要的事情了,如果想要透過個人品牌賺取收入,我們就必須先讓讀者知道我們的產品和服務,如此一來在他認同我們的理念,或是從部落格文章中獲得有價值的免費資訊之後,他才會連想到你的收費服務!
在這個網站模版中,產品服務區我們是用「輪播圖」的版面來設計的在這個網站模版中,產品服務區我們是用「輪播圖」的版面來設計的,許多的產品服務區都是「一列三欄式」的設計,我們自己的官網也是一列三欄式的設計(如下下圖),那為何我們會有不同的選擇呢?
選擇不同的版面設計需要先考慮到整個網頁頁面「不同區塊的版面配置」,主視覺圖區是一個區塊、關於我區是一個區塊、產品服務區也是一個區塊,通常相鄰的區塊部會使用類似的版面配置,如此才能維持網頁的質感與活潑性!
通常主視覺圖區會是「一列一欄」的版面,亦即一張圖片橫跨整個螢幕寬度,而關於我區會是「一列兩欄」的形式,亦即一邊大頭照圖片、一邊文字說明文字,而產品服務區和文章區則可以多元設計,只要相鄰的塊版面設計不同即可。
以這個整理師網站模版來說,因為下方的部落格區是「一列三欄式」的設計,因此上方的產品服務區才採用不同版面的設計,如果上下都是「一列三欄式」的設計看起來就會很單調,或是畫面感覺被切成太多塊、太凌亂、反而不好閱讀!
購買網站模版後,如何進行網站微調?
同樣的,你只需要記得改文字和圖片就好,由於該網站的產品服務區是「輪播圖」的設計,你可以點擊上方的「<」和「>」按鈕來切換要編輯的頁面。
如果你要新增或減少你的服務項目,亦即增加或減少輪播圖的頁面,請點擊「管理投影片」,由於我們目前設計3個服務,所以你會看到3個投影片,如果你提供更多的服務,你可以點擊「重複」來複製新的投影片,或是「刪除」投影片。
更改文字的方法與前面都是相同的,記得有幾頁的投影片就要修改幾頁的文字!
再來,根據你的服務項目來選擇對應的圖片,如果你有工作的照片更好,如果沒有也可以使用商業圖庫,或是直接挑選Wix內建的圖庫。
點擊「圖片」之後會出現一個工作列,再點擊「變更圖片」就能更換圖片,上傳圖片的方法與前面相同,記得每一頁投影片的圖片都要改成你需要的版本。
如果你要選擇Wix內建的圖庫,你可以點擊「Wix媒體」,並輸入關鍵字來搜尋相關圖片。
為了有利於SEO,變更圖片之後,請再點擊「設定」,在「圖片文字」的地方輸入品牌名稱或相關的關鍵字,例如「整理師艾咪」,每次變更圖片的時候都要記得調整喔!
恭喜你完成產品服務區的設計!
關於我區的詳細Wix操作步驟教學可以參考以下文章:
4. 部落格文章區
我們會很建議大家在首頁的地方放上文章區,當讀者在瀏覽頁面時,如果看到產品服務區還沒有想要預約服務或購買產品的想法,至少要透過文章吸引讀者繼續認識我們、進而追蹤我們,未來才有成交的機會,文章可以放置3~6篇文章,總有一篇會被點擊來看看!
由於上方個區塊已經放置許多圖片和按鈕,因此在這裡的文章區改成較為簡潔的設計,只放文章標題文字,以及簡單的按鈕,並不是每個區塊都要塞入一堆很厲害的元件,這也是新手較常犯的錯誤,每個區塊的設計都會與整個網站一起考量,以呈現最有質感的設計,提升個人品牌的專業感與美感。
購買網站模版後,如何進行網站微調?
Wix有內建的部落格系統(APP),請到「部落格頁」新增文章,點擊下方部落格區之後會出現一個工作列,再點擊「管理貼文」。
所有的文章都可以在這裡編輯,我們在這裡目前先放置了4篇文章,請記得改成自己撰寫的文章喔!
在文章的編輯頁面中,請記得將每一個文章分配到對應的「文章類別」(可複選)喔!
發佈文章之後,請再記得回到首頁更改文字的部分,下方按鈕的文字「閱讀文章」請記得更改連結,點擊「編輯文字」之後會出現一個小視窗,並點擊「連結的圖示」。
點擊「連結的圖示」之後會出現一個視窗,請在「網址」處貼上該文章的連結!記得要先發佈網站,並點擊該文章之後在複製該頁的連結喔!
恭喜你完成部落格文章區的設計!
文章區的詳細Wix操作步驟教學可以參考以下文章:
5. 聯絡我區
通常在首頁的最下方都會放置聯絡我們或訂閱網站的表單,讓潛在客戶如果有問題時可以找得到我們,通常客戶如果有問題想聯絡,也代表成交的機率很高,所以一定要留下聯繫的方式,例如Email、Facebook、Instagram、LINE、電話、地址等等。
購買網站後,如何進行網站微調?
記得把文字和對應的連結改成自己的版本,例如,Contact 「Amy」改為 Contact 「Winnie」,LINE ID 和 Email 也要記得改掉,如果是其他社群連結就改成其他文字。
在「編輯文字」中,將需要連結的文字選取起來,並點擊「連結圖示」,你可以直接貼連結,如果是 Email 或是電話,你可以選擇Wix的內建連結,以 Email 為例(如下圖),選擇「電子郵件」,並輸入你希望客戶聯絡的 Email 即可。
最後,頁尾的文字也要記得調整成自己的內容,例如,Copyright © 2021 By 「居家生活平衡家艾咪」 All rights reserved. 改為 Copyright © 2021 By 極簡維尼 All rights reserved.
恭喜你完成聯絡我區的設計!
聯絡我區的詳細Wix操作步驟教學可以參考以下文章:
- 【WiX實作#07】訂閱我區設計:學習Contact元素
- 【WiX實作#08】頁尾區設計:學習Social元素
6. 新增區塊或網頁
以上一共分享了首頁的「五大區塊」,包含主視覺圖區、關於我區、服務項目區、部落格區及聯絡我區,關於我區會有按鈕可以連結至關於我頁、服務項目區會有連結可以連結至服務項目頁,同理部落格區及聯絡我區。
(1) 新增區塊
如果你有設計更多的頁面,也可以在首頁新增更多的區塊,例如,你想要在使用關於我區這樣一列兩欄的版面配置,你可以點擊關於我區一下,你會看到一個藍色的框線將該區給選取了起來(如下圖),並看到上方顯示「帶狀圖片」的字樣,每個被選取的元件都有其對應的名稱,例如文字、圖片、按鈕等等,每個元件都能透過複製重複利用。
當你想要複製元件或刪除元件時,只要點擊該元件之後,再按右鍵選取「複製」、「貼上」或「刪除」即可。移動元件時,只要用滑鼠按住元件不放,就能移動至任何你想讓它去的地方!
另外,你也可以將滑鼠移到藍色框線上方的「↓ (Drag) 圖示」,你可以往上拉動或往下拉動,當你拉動元件時,下方的所有元件都會跟著一起移動,下方所有的元件都會一起移動到相對應的位置,如此一來我們就不需要一個一個元件移動位置。
(2) 新增網頁
如果你想要新增更多的網頁,你可以直接複製現有的網頁來進行編輯和調整 (如下圖),如此一來就不需要一個一個區塊進行新增和複製。
六、關於我頁
記得在Wix編輯器中,切換網頁頁面可以透過左上角的選單進行切換(如下圖),文字的部分要記得改成自己的版本喔!
七、服務項目頁
在首頁中的「產品服務區」只會顯示簡單的服務名稱、簡介文字及圖片,在「產品服務頁」中則可詳細地介紹自己的服務,包含價格、服務流程、服務內容、預約方式等等。
以整理師的行業來說,多數人都會使用「預約表單」來讓客戶填寫預約服務的需求,例如到府整理的房型、需要整理的處室、家中人數、可預約的時間、可否全程參與整理等等,因此我們可以在這裡設計按鈕(如下圖),並連結至表單的網址。
使用「Facebook訊息」預約服務的方式也有,那就可以將按鈕的連結設定為FB訊息的連結;或者,如果你有上架某些專家平台,按鈕也可以連結平台的
預約頁面連結;我們最近有試用看看「事事問」平台,給大家參考。
當然,你也可以透過一整個網頁(銷售頁)來設計和介紹你的服務,例如你有3個服務,你甚至可以設計3個網頁(銷售頁)來分別介紹每一個服務。通常我們會建議先設計好其中一個服務項目之後,再透過「複製頁面」來新增第2個和第3個服務,增加網頁設計的效率。
每一個服務銷售頁可以包含許多區塊,例如服務內容、服務流程、服務方案、適合的對象、預約守則、客戶評價、個人資歷或獎項、常見問題等等,豐富又專業的內容也能增加潛在客戶的成交機會!
八、部落格頁
由於部落格頁是由Wix內建的系統,因此我們不太需要去更動什麼設計,只要專心在產出文章即可,為了讓潛在客戶第一次進入網站就能夠感受到我們的專業度,請務必先放上多一點的文章,如果只有一兩篇文章,讀者一看到就會發現你是新手,自然就會降低向你預約的機會。
文章的類別也可以新增3~5個,例如,「全家衣櫃整理篇」、「平衡空間配置篇」、「收納用品運用篇」、「艾咪的美好日常」等等,透過文章的專業分類也可以提升讀者的信任感,以專業文章為主,輔以搭配個人的日常點滴,讓讀者學習收穫許多,同時又感到親近感。
在實際撰寫文章之前,先好好思考自己文章主題的大方向,列出幾個撰寫的主題之後,會幫助我們有架構地寫東西,也比較不會有不知道該寫什麼的煩惱喔!
你也可以稍微感受一下,即使你還沒真正開始閱讀這個個人品牌的文章,光是看他這幾個專業的文章分類就覺得他一定有不少料吧!
如果真的想要調整部落格的版面配置,可選取部落格區之後,點擊「設定」(如下圖)。
然後再點擊「版面配置」,這裡有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精靈的設定需自行設定,單購4,500元的網站模版並無提供SEO設定的服務,但是它的操作步驟並不難,你可以參考
Wix線上學院課程的第19單元,這裡有非常詳細的操作步驟。(線上課程都是免費的,沒有購買網站也能免費學習~)
之所以網站模版沒有替大家先設定SEO精靈是因為每個人經營的品牌名稱和內容是不一樣的。
例如,你是一個「插畫家」,購買了「攝影師」網站模版(因為商業模式相似只需微調圖文),那麼我們預先設定了攝影服務或攝影接案的SEO關鍵字就會不相關,所以請大家在調整完圖文之後,再自行設定SEO精靈。
如果你希望B&W幫你設定SEO精靈請
加購「Wix SEO精靈設定」,當你的網站的圖文都完成修改之後,B&W會幫你設定後續SEO精靈喔!
SEO精靈設定的詳細Wix操作步驟教學可以參考以下文章:
十三、升級網站
對於剛要開始經營個人品牌的新手創業家而言,WiX的免費版本其實已經非常夠用,非常足以製作非常精美的網站了!
由於我們一開始鎖定的目標客群很小,雖然網站流量不大,但是相對應的訂單量卻不少,因此免費的版本對我們而言就很夠用了,尤其在資金不是很雄厚的創業初期,那要如何評估是否要升級付費方案呢?
我們在這一篇文章中有更仔細的分析,幫助你思考並決定是否需要升級付費方案喔!
你的下一步
以上就是這個網站模版的經營設計手冊啦~~
- 如果你有任何問題,歡迎在玩家社群論壇提出來討論喔!
- 如果你想再看一下網站整體設計,立即查看網站
- 如果你決定要購買這個網站模版,購買網站模版
- 如果你想挑選看看其他網站模版,逛逛其他網站
- 如果你想要先學習Wix線上課程或文字筆記,進入線上學院
- 如果你已經購買了網站模版、要繼續編輯,登入WIX後台
1萬3千字完結灑花~~~
玩家 布蘭達&維尼
瞭解如何「貢獻世界的六大步驟」: )