以使用者體驗出發,從零開始打造一個幫你銷售的網站

這篇文章在講什麼?

本篇重點

這篇文章對誰有幫助

你想不想要擁有一個像是金牌業務員一般的品牌網站? 不受時間、地點限制,幫助你銷售產品或服務,不論是銷售線上或線下的產品或是銷售你自己。

透過一個網站幫助你:

  1. 吸引更多精準的陌生客戶
  2. 取得客戶對品牌更深的信任感
  3. 得到更多好感度,更多銷售 (不論是銷售線上或線下的產品或是銷售你自己)

如果你的答案是YES,那歡迎繼續看下去囉。

首先,在過往的顧問案件裡,很多人疑問: 我真的需要一個自己的網站嗎,不能只用FB粉絲團嗎?

5個關鍵原因,YES! 你需要製作一個自己的網站

  1. 版面設計的客製化彈性較高,可以完全照你的想法擺放內容。
  2. 不會有不相關的廣告,分散你的用戶的注意力。
  3. 讓你的珍貴內容能被搜尋引擎更容易找到,並累積訪客、發酵引響力。
  4. 更適合培養自己的忠誠(?)會員,而不用被社群平台的限制綁手綁腳。
  5. 消費者常認為,有品牌官網的店家的專業度與信任度, 比起只擁有粉絲團的店家來的高。

所以說即使粉絲團的建制門檻相對低,我還是真心建議你製作一個自己的品牌網站。

而一開始,你必須先想清楚: “你想透過網站來達到什麼目的 ?”,而且這個答案要描述的越詳細越好。

你想透過網站幫你什麼忙?

你可能是因為以下原因,所以才想要做網站:
  1. 你不想錯過一開始提及的網路銷售的大趨勢
  2. 你已經有實體銷售的產品或服務,想要透過網路,接觸更多客戶,來增加銷售
  3. 你還沒有自己的產品或服務,但你腦子裡有一門生意,想要透過網路,來試水溫
  4. 你經營個人品牌、自媒體,想發揮更多影響力
    你個性害羞內向,想透過一個平台來闡述理念
  5. 你想增加一個斜槓技能,自己接案或是替公司或部門建置網站
  6. 你希望能有一個全權控制自己銷售的方式
任一個目的都OK,但不要貪多。

有明確的網站目的能帶來2個關鍵優勢

  1. 才知道要選擇什麼方法和工具來製作網站,最符合效益。讓你的點子盡快被實驗,敏捷調整,而不一味追求完美而把雕琢的時間拉超長。
  2. 網站上線後才能用正確的方向追蹤成效
現在你想清楚了網站能幫你達到什麼目的了,那我們開始吧!

開始製作網站前,必須具備的2個心態調整

而在開始動工之前,心態(Mindset)是關鍵,我常強調: 觀念>方法>技巧
唯有先學習(並且接受)正確的觀念,再去選擇正確的方法執行、用正確的技巧,才能讓你事半功倍。

我發現大部分的人半途而廢的2個關鍵因素:

#限制性思維

覺得自己不是科班出身,沒背景沒經驗,不會寫程式或是美感缺乏,所以認為自己不可能辦的到。換個角度想想: 做網站的方法本來就不只一種,你可以自己從零開始寫程式,也可以完全不寫程式、用現成的工具來組裝,或是發包給會寫程式的人來幫你代勞,你只需要有清晰的產品規劃思維。並沒有哪一種方式可以全方位的勝出。

#見樹不見林: 只針對片段的摸索學習,而缺乏了網站整體運作的概念

如果你是一整個團隊中的一員,的確可以只針對片段專注;但如果你是專案負責人(比如說一人公司、或是案件發包窗口),唯有知道全盤的運行,才能知道每個細節要如何分配資源,也更能在購建的過程中,明白各功能間環環相扣的因果。

先理解網站運作的背後有多少環節

想像一下你準備開一家麵包店,不單單要知道怎麼做麵包而已,還包含了進貨廠商挑選、成本控管、人力配置、店面地址選擇、裝潢設計、產品、銷售手法、口吻、會員計畫等等。
麵包店網站
提供的產品服務、產品陳列等等網站資訊內容
店面地點架設網站的網路空間 (Web Hosting)
門牌地址網域/ 網址
建麵包店網站
還有更多雜事還有更多雜事

當你了解到一個網站運作的全貌,才能明白每個環節需要注意的事項(包含花費)。即使是外包給廠商做,也能更順暢的溝通、不會被唬得一愣一愣。

接下來我們針對幾個重點項目稍加說明:

事前準備

  • 網站資訊內容ㄏ開一家麵包店,你最基本的要有好吃的麵包。先想好店內要賣的產品種類、聯繫方式、結帳流程、風格、聯繫的方式等等。
  • 對應到網站,就是要準備好展示的資訊內容架構、圖片等等(參考下圖)。
site map example

要選哪一種方法來實現做網站目的呢? (去學程式、從零開始打造一個網站 vs. 網站拖拉式的自助編輯工具)

用一碗椒麻乾拌麵來說起

到底哪個好,其實要看你從什麼角度切入,
假設我們想要做一碗椒麻乾拌麵,你有幾種方法可以達成:

  • 從研究食譜、學習一切需要的廚藝開始、接著挑選麵粉、擀成麵皮、調配調味料等等,白手起麵
  • 付錢,請專門賣椒麻乾拌麵的店家,依照他們慣用的方法,全權製作
  • 付錢,請專門代工椒麻乾拌麵的工廠,依照你想要的配方比例,製作成品
  • 直接去超市買一包乾麵,裡面有生麵、醬料、使用步驟說明。所以基本上你可以煮出一碗廠商調配好的食材比例,但還是可以做些客製化,像是調味醬料的鹹淡。

接著我們可以用: 花費時間、金錢、品質三個面向去做選擇

  • 如果我只是立馬想解饞,
    即便知道市面上多數乾麵速食包裡,有一堆添加物,我還是會買,
    因為他解決了我當下”急迫的需求(餓)”和”滿足需求的門檻(時間、廚藝)”
  • 如果我有錢、學藝不精,但口味刁鑽懂吃XD,
    那我就會選擇付錢,請專門代工椒麻乾拌麵的工廠,依照我想要的方式製作。
  • 但我如果今天可以不計成本(時間、金錢),
    想要百分百按照我的喜好打造,打造出世上獨一無二完美的一碗麵,
    那我就會選擇白手起麵啦。

選擇最適合自己的網站製作方法

如果你選擇什麼都自己來,從學習寫程式、學習設計概念開始

以下幾個連結都可以幫助你,或是用頁面上的關鍵字,去Google搜尋,比如說: “網頁 程式設計 線上 課程”。 優點是你可以百分百的控制網站的各種功能、樣貌、效果,但缺點是會耗費大量時間、人力和經費。而這部分不是我們今天的重點,若有興趣,也可參考看看以下連結囉。

如果你的目標是希望在短時間、資源有限的情況下,就把你的產品服務透過網站進入市場試水溫

我就建議你利用現成的工具,站在巨人的肩膀上。

過去一個網站的製作成本,大約需要花新台幣 25萬~75萬左右(視網站規格),花2~3個月的時間(視網站規格),完成一個有內容編輯功能、產品維護、甚至有交易功能的網站。
但現在其實絕大部分情形,你不再需要花那麼多時間和經費了。

市面上主打人人都能輕鬆 自助建立網站的工具越來越多,相關的網路教學也排山倒海而來(這形容會不會太誇張),那要怎麼挑選呢?

對初學者來說最容易上手的網站製作工具(website builder)

平台種類十幾種,可參考看看這張圖, 以操作面來看,我挑了3種個人推薦入門,價格也相對親民的選項:

如果你想要進階一點、希望可以做到近乎100%的客製化,那就建議你花更多時間以 WordPress 架設。

說真的這幾個平台,有非常多的部落格專家們,做了各種比較,我就暫不著墨這一塊了。

建議你以用類似這種關鍵字去 Google查詢: duda 教學 線上

怎麼規劃出直覺、容易懂、吸引目光和騷動人心的網頁資訊內容? 以使用者體驗為中心的設計方法

10多年的網站諮詢製作經驗中,我發現很多人(包含10年前的我自己XD)以為: 網站一定要功能很強大、效果很炫麗、質感絕佳,才有機會把瀏覽訪客轉換成客戶。

於是一開始就專注在找工程師、設計師,試圖打造一個航空母艦般的網站。

這是一個嚴重的迷思 !!

功能強大的網站、效果炫麗的網站,並不等於有”效果”的網站,而這裡提到的效果,可能是銷售金額、意見領袖的專業聲量、品牌形象等等。*我們暫且統稱為”銷售” (銷售產品或服務、醞釀品牌形象、銷售自己)

客戶願意付錢在你的網站消費的關鍵,跟這關聯性並不高,
客戶根本不在意你的網站到底功能多強、視覺效果多絢麗。
他不在乎你的產品或服務是不是業界最厲害的。

使用者(或客戶)只在意2件事

你的產品或服務:

  1. 能幫他解決什麼問題
  2. 能不能幫助他們獲得想要的成果

舉例來說:

  • 如果販賣運動教學的服務,可以先讓客戶想像: 體態變好的自信、睡眠改善的舒爽、或是肌肉流失可能導致的下場。
  • 如果你是販賣旅遊行程,可以先讓客戶想像: 一個人放空的悠然自得、和愛人朋友家人共度美好時光、或是滿足好奇心和開闊眼界的獨特體驗。

試著站在使用者的立場,思考這6個問題

  1. 你能解決用戶什麼問題?
  2. 帶給用戶的好處? 滿足需求? ( 心理或生理,有形或無形 )
  3. 你憑什麼讓用戶信任?
  4. 用戶挑選商品時會考量的事情?
  5. 目前市面上有那些替代方案?
  6. 為什麼選擇用網站這個通路?

如此一來,你才知道你的網站上要放什麼訊息,來讓客戶心動,你可以直接解答他們的疑惑,而不只是一味的說自己的產品規格有多厲害,重點是你必須要精準地傳達你能提供給客戶的價值

網站說故事的關鍵順序

  1. 先說明 你能幫客戶解決什麼問題? 能幫助他們獲得什麼想要的成果和好處?
  2. 再說明 你的產品或服務的特色

而這種資訊呈現的方法,是以使用者體驗(User Experience)為中心的概念設計。

類似說故事的起承轉合,用同理(而不是推銷)的口吻,引導你的訪客,一步一步的傳遞”你能帶給他的價值”。

而使用者體驗設計的概念我們用另一篇文章來說明,有興趣再去看看囉。

Picture of Maxcy 馬克西

Maxcy 馬克西

10年來持續專注

用戶體驗/流程動線 設計/分析
客戶體驗行銷
網站/APP 規劃設計

免費下載
目標消費者範本

用20個問題,輕鬆瞄準你的目標消費者,不再亂槍打鳥

作者

其他相似的文章

2025易用性測試的方法和案例,一篇搞定

易用性測試(usability test) 能讓你用最少成本評估一個網站/APP好不好用。觀察使用者操作時,是否能夠順暢、直覺、有效率且感到滿意。藉此抓出出乎意料的操作問題,進一步提升網站/APP的使用者體驗,本篇文章讓你一次搞定所有實務細節和範例問題

取得最新趨勢應用分享

每週分享多元學習內容,包含:用戶體驗設計技巧、應用案例解析、國內外業界趨勢、技術、設計技能培養