Skip to main content

通常在台灣的 B2B 中小企業,不會有專門的人在負責網頁設計,因為公司的官方網站架設並不是一個常態性的工作,因此通常都是由行政、產品或業務部門的人兼任,而且公司通常也不會有所謂的行銷部門,所有行銷或視覺設計工作,都是有需要的時候才外包。

一般人可能容易誤解網站企劃屬於資訊部門的工作,但實際上網站企劃更屬於行銷工作的範疇,因為一間公司的官網,其終極目標,不外乎是幫公司爭取更多的業務訂單,建立優於競爭對手的市場形象。實際上,官網就等於是一間公司一年 365 天 24 小時不間斷工作的全方位業務,好的官網設計,可以讓每一位進入網站的使用者都變成潛在客戶,對公司的服務或產品產生諮詢的興趣。

在官網企劃的過程中,有絕大多數都是在取決於訊息溝通的先後順序以及版面的佔比,因為使用者能夠閱讀的資訊量並不是無限的,因此,我們必須要設想什麼資訊是使用者最想知道的,因為使用者會因為能夠迅速獲得資訊而留下,也會因為找不到資訊而離開。

許多人誤以為網站企劃就是要畫好 Wireframe (線框架構圖),而把網站企劃想的太難,實際上,Wireframe 是可畫可不畫的,端看你們的開發流程是什麼。網站開發,從企劃到設計,因為要避免投入錯誤的設計,而中間有了 Wireframe 這個草稿等級的東西產生,我個人覺得它的存在是有好有壞,好處是 Wireframe 可以幫設計師規避重做的風險,反正照著確認過的 Wireframe 就不會錯,但萬一 Wireframe 從一開始就畫錯了呢?畫 Wireframe 的人,因為對網頁設計的動態架構不熟悉,導致畫出來的 Wireframe 不利於 RWD 開發,這種情況是非常常見的。那這時候用錯誤的 Wireframe「畫押」,就沒有意義了。

有些厲害的網站企劃人員,可以單用鉛筆在紙上勾勒重點,說明目標任務,讓網頁設計師去思考什麼樣的網頁元素架構,最能達成目標任務;有些資深的網頁設計師,因為本身已經非常熟悉各種元件的製作,因此直接製作元件的速度,和畫 Wireframe 的速度一樣快,因此他們會選擇不畫 Wireframe,直接開始製作網頁元件,還能因為看得到真實的視覺體驗,而做出更好的網站介面與架構。

因此,若將 Wireframe 的工作,從網站企劃中抽出,那麼網站企劃就可以簡化成「目標、內容、功能」這三件事情,依序進行:

  1. 目標:確定網站的首要目標
  2. 內容:決定可以公開的內容
  3. 功能:思考需要的系統功能

 

一、目標:確定網站的首要目標

確認網站的目標,絕對是網站企劃的第一步,任何網站都不應該只是為了好看而存在,而有更困難的任務需要達成。舉例來說,假設是一間以承接海外訂單為主的台灣自行車零組件代工廠,它的網站目標會是「爭取業務訂單」,而要達成這個目標,網站最重要的地方在於用對方能夠閱讀的語言,清楚說明自身的服務項目,透過用樣品舉例的方式,快速讓對方理解,並且在對方先理解服務項目之後,緊接著讓自己公司的優勢能夠凸顯出來,在對方的心中建立信任度。

如果是依照這個邏輯的話,那麼在網站的內容安排上,就應該要產品或服務提到最前面,而不是讓「公司歷史沿革」或「創辦人的話」這種軟性的素材打頭陣。

 

二、內容:決定可以公開的內容

以代工廠的角色來說,通常都是檯面下的資訊,比檯面上的資訊還多,明明是檯面下的資訊更有說服力,但卻因為各種原因,而不能公開明講,例如為了保護商業機密、維護與客戶的信任關係,或避免競爭對手獲得過多資訊等。不過身為代工廠,雖然很多資訊需要保密,但也有不少值得公開的項目,能夠幫助在網站上建立信任感、展現專業能力,吸引更多潛在客戶來談合作。例如以下這些內容,都是建議代工廠可以公開,對業務開發有幫助的項目:

1. 服務項目與專長範圍

  • 加工方式(例如:CNC、射出、壓鑄、SMT、縫製等)
  • 可處理的材質(如鋁合金、不鏽鋼、塑膠、布料等)
  • 成品類型(如家電外殼、汽車零件、時尚配件等)
  • 是否可協助從設計到量產(OEM、ODM、OBM)

>> 清楚標出「能做什麼」能讓客戶判斷是否適合合作。

2. 設備與產能

  • 主要設備型號與能力(如:可加工最大尺寸、每月產量等)
  • 是否有自動化生產、檢測機具、專用夾治具等
  • 是否支援少量多樣或大量穩定生產

>> 具體的設備資訊,會讓客戶對你的能力更有信心。

3. 品質認證與標準流程

  • ISO 9001、ISO 14001、IATF 16949 等證書
  • 品質控管流程(IQC、IPQC、FQC、OQC)
  • 測試儀器(如拉力機、投影儀、三次元量測等)

>> 展現穩定生產品質的能力,對大客戶來說很重要。

4. 服務流程與合作方式

  • 洽談流程(例如:報價 → 打樣 → 確認 → 量產)
  • 最低接單量、交期標準、付款條件
  • 客製化的程度(是否接受來圖、協助開模、協同設計)

>> 讓潛在客戶更容易進入「洽詢」階段,降低陌生感。

5. 已授權公開的合作案例

  • 過往曾製作的產品類型(可以模糊處理品牌名稱)
  • 參與過哪些展覽、得到哪些獎項
  • 若客戶有授權,可放上 Logo 或合作案例介紹

>> 展示實績是最強的業務推廣工具,但記得取得授權。

6. 常見問答(FAQ)

  • 交期多久?能不能急單?
  • 是否提供樣品?打樣要多久?
  • 海外可接嗎?有配合的報關、出口流程嗎?

>> 把客戶常問的問題整理成清楚簡答,有效提升詢問轉換率。

7. 聯絡方式與詢價表單

  • 清楚的電話、Email、Line、表單
  • 可以加上簡單的詢價導引(例如:請附上圖面與需求)

>> 這是轉單的最後一哩路,愈清楚愈容易成交。

 

三、功能:思考需要的系統功能

每個人在思考網站時的風格都不太一樣,有些人是「美感先決」,認為一定要先從很美的版面開始討論,套版網站就是如此,先套版,再換圖改字,然後逐步調整版面。可是如果你有先經歷過上一個思考網站內容的步驟,用已經規劃出來的內容,去硬改在套版網站上,通常改完會發現「面目全非」,原本好看的套版,在增加需要的內容上去之後反而變得臃腫不堪,導致要改不是,不改也不是,到底該犧牲內容,還是犧牲美感,而讓網站陷入一個「只能扣分」的狀態,而不是愈做愈好。因此,使用套版網站的效果通常都是不好的,我個人不建議。

在功能方面,有時套版網站或網頁設計的廠商也會提供一些既有的網站功能,有些人可能會覺得不用白不用,如電子報訂閱系統、詢價表單系統、聊天機器人等。我個人會建議在思考網站功能時,要用加法思維,從零開始,只將需要的加上去,因為每項網站功能對網站來說,都是一個負擔,功能愈少的網站一定愈穩定,速度愈快,而網站功能如果不能幫助使用者達成任務的話不如不用。

例如電子報訂閱系統,明明公司沒有人力可以發送有價值的電子報內容給客戶,那麼這名單蒐集的必要性就很低;又例如詢價表單系統,假如你的商品或服務是需要額外確認很多項目才能報價的話,那麼用陽春的詢價表單系統,就無法達到快速報價的作用了,反而還會增加人工改單的成本;又例如聊天機器人,假如你們無法讓聊天機器人的對話邏輯設計得很細緻,那麼使用者很容易會獲得答非所問的失望體驗,這時候反而對形象是個傷害,不如不用。

在思考網站需要的功能時,只要緊扣一開始所訂定出的網站任務目標,並且結合要在網站上呈現的內容,就可以快速辨識出一項功能到底是必要還是非必要。

 

然後,不要指定做法

在我們完成「目標、內容、功能」之後,網站企劃就可以視為完成了,請注意,版面設計在這個時候不一定要出現,因為版面設計嚴格來說是設計師的工作,而不是企劃人員的工作,因為設計師才是掌握技術的人,他們才知道怎麼做比較好,最不好的情況,就是企劃人員用自己有限的眼界,去限制設計師的發揮空間。通常只要企劃人員有辦法清楚的告知需求,專業的設計師都能想得到對應的解法。

例如,你的需求是要讓公司展現親和力,如果是有限的眼界,可能會想到用暖色系或清新的網站配色(指定做法),但這樣可能會削弱公司在專業方面的形象,若將這題,交由專業的設計師思考(不指定做法),可能會是拍攝公司成員的專業形象照,平衡親和力與專業性需要兼顧的需求。

又例如,企劃人員要求一定要有獨立的一個頁面,放置「企業理念」(指定做法),但實際上,一般使用者都不太會將那種頁面點開來看,如此一來就造成「內容你放了,但沒人看到」的結果。若將這題,交由專業的設計師思考(不指定做法),可能直接讓企業理念重複出現在網站中各個地方,效果更好,就像你在逛 IKEA 賣場的時候,會一直看到「IKEA 的商品售價為何低」的企業理念,你不需要閱讀一份專門的文宣,就可以吸收到 IKEA 要傳達給你知道的訊息,這是最高明的訊息溝通手法。

在你理解「指定做法」和「不指定做法」的差異後,接下來就是秉持著「甲方只說明任務目標,乙方才是提出解決辦法的人」的心態,開始與製作方接洽了,由於具體做法要大膽授權給乙方,也就是網頁設計公司提出,因此,信任是非常重要的,找到可以信任、好溝通、願意傾聽需求的廠商是最重要的。

Photo by Brandon Romanchuk on Unsplash

徐仲威

獨立製作,Refine 網頁設計負責人,網頁設計報價請加 Line ID:zeals75

Leave a Reply