網站設計完全指南：發案前該知道的事

多數人第一次接觸網站設計，腦中浮現的多半是版面、配色與照片。這些確實屬於網站設計，卻只是浮在最表面的那一層。真正被設計的對象，是「一個人打開這個網站之後會發生什麼事」——他最先看到什麼、下一步想點哪裡、在第幾秒決定留下或離開、最後有沒有完成你希望他完成的動作。版面與配色是達成這件事的手段，不是目的本身。

網站設計包含的四個層次

• 結構層：整個網站有哪些頁面、彼此怎麼連結、資訊要分成幾層。結構若一開始就規劃錯，後面每一層都得跟著補救，而且補得很吃力。這是網站設計裡最早動手、也最難回頭改的一層。
• 內容層：每一頁要說什麼、順序如何安排、哪一句話必須放在第一眼看得到的位置。網站設計沒有辦法替一段沒想清楚的內容加分。
• 視覺層：版面比例、字級層次、留白節奏、色彩溫度與動態的緩急。這是質感的來源，也是一個品牌被記住的方式；多數人心中所謂的網站設計，指的就是這一層。
• 維運層：上線之後由誰更新、用什麼樣的後台更新、資料量長大兩三倍之後版面還撐不撐得住。網站設計若沒有把這一層一併想進去，上線那天往往就是品質的最高點。

發案方常見的落差在於：合約桌上談的多半是視覺層，但真正決定成敗的是結構層與內容層。一份成熟的網站設計提案，會在畫出第一張稿之前，先把這個網站要承擔的任務講清楚——是要接到詢問單、建立專業信任、讓經銷商快速查型錄，還是直接在線上完成交易。任務不同，網站設計的長相就會完全不同，同一套版面不可能同時服務所有目的。

這也是為什麼「幫我做一個像某某公司那樣的網站」這個需求很難成立。你看到的是對方網站設計的結果，看不到的是對方的客群輪廓、產品結構與內部作業流程。把結果直接搬過來，通常只搬到形，搬不到它之所以有效的那個原因。

因此，在進入任何比價與比稿之前，值得先花時間回答三個問題：這個網站要說服的是誰？他來之前對你已經有多少認識？你希望他在離開之前做什麼？這三題答得越清楚，後續的網站設計就越少走冤枉路，也越不容易在專案中途反覆推翻重來。

市場上流通的說法很多：網站設計、網頁設計、網站架設、網頁製作、網站建置，有時還會混進「做一個官網」這種口語。這些詞在多數廠商的報價單上並沒有統一定義，而詞彙上的落差，往往就是日後認知爭議的起點。

三個常被混用的詞

• 網頁設計：偏向單一頁面的視覺與操作，例如首頁長什麼樣、按鈕放在哪裡、在手機上怎麼折行。它處理的是「看得見的那一層」。
• 網站設計：範圍更大，除了視覺之外，還包含整站架構、功能邏輯、後台規劃，以及搜尋引擎需要的底層結構。它處理的是「整座網站怎麼運作」。
• 網站架設：語意最偏向技術端，通常指主機環境、網域設定、程式安裝與上線部署，不必然包含任何網站設計的工作。

為什麼要在意這件事？因為你手上的兩份報價，可能根本不在比同一件事。一份是完整的網站設計，含架構規劃、視覺設計、前後端開發與客製後台；另一份只是把你的圖文放進既有版型再開通主機。價格當然拉得開，但光看總價的數字看不出來差別在哪。網站設計的報價之所以難以直接比較，原因大多在這裡。詢價時把「範圍」講清楚，比追問「多少錢」更有意義。

實務上的建議是：向廠商索取項目明細，逐項確認每一筆到底做到什麼程度。例如「首頁設計」是從零構圖，還是套用既有版型換圖換色；「後台」是依你的作業流程量身建置，還是通用套裝；「手機版」是重新配置資訊的先後順序，還是把電腦版等比例縮小。名詞可以模糊，項目明細不會。

還有一個常見的誤會是把網站設計和「架一個社群粉絲頁」畫上等號。社群平台是租來的空間，版面、觸及規則與資料匯出方式都由平台決定，隨時可能變動；自有網站則是資產，網址、內容、名單與資料都在自己手上。兩者是互補關係，不是替代關係——社群負責曝光與互動，網站設計負責承接與說服。平台的規則會變，累積在自己網站設計成果裡的內容與名單不會。

本文之後提到的網站設計，一律指涵蓋結構、視覺、功能與後台的完整範圍，也就是一般企業真正需要的那一種。

重做網站是一筆不算小的支出，重做之前值得先確認一件事：問題到底出在網站，還是出在別的地方。有些狀況重做網站設計就解決了，有些狀況換十次也一樣。以下三個訊號，是判斷該不該重做的實際依據。

訊號一：你不太願意把網址給別人

這是最誠實的一個訊號。當你在名片、報價單或商務往來的信件裡，會下意識略過自己的網址，代表這個網站已經在扣分而不是加分。網站是很多人接觸你的第一個介面，如果連內部同仁都覺得拿不出手，它對外的說服力可想而知。這種情況通常不是加幾張圖能救的，而是整體網站設計的語彙已經和公司現在的樣子脫節。

訊號二：想改一段文字都得找人

沒有後台、或後台難用到沒人敢碰，網站就會停在上線那一天。價格變了不敢改、負責人換了不敢改、產品下架了也不敢改，久了整站的資訊都是錯的，反而造成誤會。判斷方式很簡單：請最不熟電腦的同仁試著改一則消息，如果十分鐘之內做不到，這個後台就沒有在運作。後台順不順手是網站設計階段就決定的事，上線之後很難靠補丁救回來。

訊號三：手機上難以使用

現在絕大多數的第一次瀏覽都發生在手機。如果你的網站在手機上要放大才看得清楚、選單點不準、表單填到一半跳掉，那麼你損失的不是流量，是流量裡面最有意願的那一群人。這一項無法靠局部修補處理，因為版面的資訊順序需要重新安排，屬於網站設計的重做範疇。

哪些情況其實不必整站重做

• 只是覺得視覺有點舊，但架構合理、後台好用、手機版正常——這種情況把網站設計的範圍收斂到視覺層即可，不必動整站架構。
• 只是某一個新業務需要獨立呈現——可以先做一個獨立的專題頁面，驗證市場反應之後再決定要不要動主站。
• 問題其實在於沒有人維護內容——先把內容與更新流程建立起來，否則新網站上線半年後會回到原點。

簡單的判準是：如果問題只在「看起來」，多半是視覺改版；如果問題在「用起來」與「改不動」，那就是整體網站設計需要重做。把這件事想清楚，可以省下相當可觀的預算，也避免做完之後才發現真正的痛點沒被解決。

幾乎每一個延宕的網站設計專案，追根究柢都能追到同一個原因：沒有先講清楚這個網站要給誰看。當這件事模糊，後面所有的討論都會變成主觀喜好之爭——老闆喜歡沉穩、業務主管想要熱鬧、行銷希望活潑，每個人都對，因為心裡想的根本不是同一群觀眾。網站設計最怕的從來不是意見多，而是這些意見沒有共同的參照點。

先把觀眾寫下來

不需要複雜的方法，只要具體。與其寫「一般消費者」，不如寫「三十到四十五歲、正在替家裡挑選設備、會先在手機上比較三家、看重售後服務的採購決策者」。前者無法指導任何設計判斷，後者可以：它會告訴你首頁該先放什麼、案例要不要放、聯絡方式要多明顯、內容該寫得多深，也讓網站設計的每一個取捨都有依據。

多數企業的網站其實同時服務好幾種人：潛在客戶、既有客戶、上下游廠商、求職者，有時還包括媒體與投資方。網站設計的工作不是讓每一種人都滿意，而是排出優先順序——誰是首頁必須立刻服務到的人，誰可以透過選單第二層找到自己要的東西。沒有排序的網站，首頁通常會塞滿東西，結果是每一個人都要多花力氣才找得到自己的目的地。

他來之前已經知道什麼？

這一題決定內容的深淺。如果訪客多半是被推薦而來，已經知道你是誰，那首頁的說明可以短，重點放在實績與聯絡方式；如果訪客多半是從搜尋而來，對你一無所知，那前三段就必須把「你是做什麼的、和別人差在哪」講明白，否則他不會往下捲。同樣一家公司，這兩種情境的網站設計會做出完全不同的首頁。

你希望他離開前做什麼？

每一個頁面都應該有一個明確希望發生的動作：打電話、留下需求、下載型錄、加入官方帳號、直接下單。動作沒有定義，版面上就不會有它應該在的位置，訪客看完之後也就自然離開了。這是整個網站設計裡投資報酬最高、卻最常被跳過的一個環節——它不需要多花預算，只需要在開案時把它講清楚。

把觀眾、認知程度與期望動作這三件事寫成一頁文件，再交給網站設計團隊，你會發現後續的討論突然變得容易許多，因為爭論的標準從「我喜不喜歡」變成「這對我們要說服的人有沒有用」。

網站設計專案的品質，有很大一部分在簽約之前就決定了。準備得越完整，設計端能投入在思考與細節上的時間就越多；準備不足，時間就會被反覆的確認與等待吃掉。以下是發包給網站設計團隊之前，值得先備齊的幾件事。

一、需求盤點

• 列出希望有的頁面：公司介紹、產品或服務、案例、消息、聯絡我們，以及任何你覺得應該存在的特殊單元。
• 列出功能：表單、會員、線上購物、多語系、檔案下載、與既有系統的資料介接。每一項都標註「必要」或「有更好」。
• 列出你欣賞與不欣賞的網站各兩三個，並簡單說明理由。理由比連結本身重要得多，它才是網站設計團隊真正能參考的資訊。

二、素材與內容

• 公司識別標誌的向量原始檔，以及品牌既有的色彩與字體規範（若有）。
• 產品或服務的照片。解析度不足、背景雜亂或帶有他家浮水印的照片，會直接限制網站設計能做到的水準。
• 公司基本資料：正式全名、統一編號、地址、電話、營業時間、社群連結。這些細節常常拖到最後一刻才補齊。
• 文字內容的初稿。就算不成熟也沒關係，有初稿的討論效率遠高於憑空想像。

三、決策流程

這一項最常被忽略，卻最容易造成延宕。請在開案前確認：誰是唯一的對口窗口？誰有最終決定權？意見分歧時由誰裁決？回饋要在幾個工作天內收斂？如果最終決定權在一位很忙的高階主管身上，就必須在時程表裡預留他的檔期，否則整個網站設計專案會卡在等他看稿。

四、預算與時間的實話

把可動用的預算區間直接告訴廠商，不是自曝底牌，而是讓對方能提出合理的範圍配置。預算不說，得到的可能是一份漂亮但你買不起的提案，來回幾次之後雙方都累。時間同理——如果有展覽、週年慶或法規期限這種不能挪動的節點，開案第一天就要講，讓網站設計的階段安排能夠倒推回來。

把上面四項整理成一份文件交給網站設計團隊，通常可以讓前期作業縮短一到兩週，而且省下來的不只是時間，還有雙方在反覆確認中被消耗掉的耐性。

在所有網站設計專案裡，最常成為瓶頸的不是網站設計、不是程式，而是文字。這件事幾乎每一次都被低估：簽約時大家都覺得「內容我們自己來就好」，實際進行到一半才發現，公司內部沒有人有時間、也沒有人確定該怎麼寫。

為什麼內容特別難產

因為寫網站文案需要的是「對外的說法」，而多數公司內部只有「對內的說法」。技術規格、產品編號、內部術語都很齊全，但要把它翻譯成一個外行人看得懂、而且會被說服的句子，是另一種能力。加上這件事沒有明確的截止壓力，很容易一延再延，最後在上線前一週草率補上，讓整個網站設計的成果打了折扣。

幾個可行的做法

• 指定一位負責人與明確期限：內容如果是「大家一起想」，通常等於沒有人在想。指定到人，並把交稿日排進專案時程表。
• 先求有再求好：用條列的方式把要講的重點寫下來，交給設計端排版之後，你會更容易看出哪裡話太長、哪裡講不清楚。空白的版面很難討論，有內容的版面一看就知道問題在哪。
• 從既有素材出發：型錄、簡報、報價單附件、常被客戶問到的問題，這些都是現成的內容礦脈，整理起來比從零開始快得多。
• 把客戶的原話留著：客戶問過的問題、講過的顧慮，往往就是網站上最該回答的段落。這些句子比任何漂亮的形容詞都有效，也最容易被網站設計轉化成有說服力的版面。

照片同樣需要提早準備

照片的重要性不亞於文字。網站設計的視覺水準有一半建立在素材品質上：光線一致、背景乾淨、比例足夠的照片，可以做出很好的版面；四散拼湊、解析度不足的照片，設計師只能想辦法把它們縮小、遮擋或裁切，畫面自然放不開。如果預算允許，安排一次正式的商品或環境拍攝，通常是整個網站設計專案裡回報最明顯的一筆支出。

一個實務上的經驗是：把內容與素材的交付期，設定在設計提案確認之後、程式開發開始之前。太早，你還不知道每一區要放多長；太晚，就會變成上線前的災難。網站設計團隊通常也願意提供每一區的字數建議與圖片尺寸規格，開口要就有。

拿到三份報價，數字差了兩三倍，這是網站設計詢價時最常見的場面。價差本身不代表誰不合理，而是代表三份報價在做的事情不一樣。要看懂它們，關鍵在於把總價拆開，看見每一筆背後對應的工作量。網站設計的報價單越詳細，通常代表對方越清楚自己要做什麼。

一份完整的網站設計報價包含哪些項目

• 專案管理：需求訪談、架構規劃、進度控管與各階段的會議。這一項看不見成品，卻決定專案順不順。
• 視覺設計：各頁面的設計稿，含電腦版與手機版。要確認的是「幾頁」以及「幾款提案、幾次修改」。
• 前端開發：把設計稿實作成可以在瀏覽器裡瀏覽的頁面，包含響應式與動態效果。
• 後端開發：資料庫、表單處理、各種功能邏輯。
• 後台系統：你日後自行更新內容的地方。是量身建置還是通用套裝，維護體驗差很多。
• 主機、網域與憑證：第一年通常內含，第二年起的續約費用要問清楚。
• 上線與教育訓練：部署、搜尋引擎收錄設定，以及後台操作說明。

費用大致的區間

以客製化開發而言，企業形象官網的區間大約落在新台幣十萬到五十萬元之間；購物網站因為牽涉金流、物流、會員與訂單管理，區間大約在三十萬到一百萬元；平台型或產業系統類型的專案，起點約在五十萬元，實際金額需依功能複雜度另行評估。這些數字會受頁數、設計精緻度、串接對象與後台邏輯影響，同一個類型的網站設計專案，上下限拉得很開是正常的。

報價之外要一併確認的事

付款方式方面，業界常見的做法是分兩期：簽約時先付一半，餘款在驗收完成、網站正式上線之前結清。保固的部分，重點不在期限的長短，而在範圍是否寫清楚——哪些屬於程式錯誤修復、哪些算是新增需求要另外計價，這條界線務必載明於合約，而非口頭承諾。另外要確認的是程式原始碼與資料的所有權歸屬，以及日後若要更換廠商，資料能不能完整帶走。

最後一個建議：不要用總價當唯一的比較基準。把三份網站設計報價的項目對齊成同一張表，你會發現真正該問的問題自己就浮出來了。網站設計的價差多半不在利潤，而在「做到什麼程度」。

當預算需要壓縮，某些項目會優先被拿掉。這件事本身不一定是壞事——取捨是每個專案都要做的。麻煩的是，網站設計裡被拿掉的項目往往不會出現在對話裡，而是安靜地消失在報價單上，等到上線之後才發現。以下是網站設計專案中最常被省略、而且省了會痛的幾個項目。

一、手機版的個別調校

報價單上寫著支援手機瀏覽，實際做法卻是讓版面自動縮放。結果是文字變小、按鈕變得難以點選、表格橫向擠成一團。真正的做法是針對小螢幕重新安排資訊的先後順序與排列方式，這需要額外的設計與實作工時。確認方式很直接：要求在提案階段就看到手機版的設計稿，而不是只看電腦版。

二、後台的客製程度

通用後台的建置成本低，但欄位與流程不見得符合你的作業方式。日後每次更新都要繞路，累積下來的時間成本遠超過當初省下的金額。這一項在驗收時最容易被忽略，因為驗收時大家都在看前台好不好看，很少人會把後台也列進網站設計的評分項目。

三、搜尋引擎需要的底層結構

網址結構、每頁獨立的標題與描述、標題階層、網站地圖與結構化資料——這些東西在畫面上看不見，所以最容易被略過。它們在網站設計階段一併處理的成本很低，上線之後回頭補則往往要動到程式與網址，代價高出許多。

四、舊網址的轉向對應

改版時如果舊的網址沒有妥善對應到新頁面，原本累積的搜尋結果與外部連結會一起失效。這是改版之後流量下滑最常見的技術原因，而它在報價單上只是一行小字，很容易被視為不重要。

五、上線前的完整測試

跨瀏覽器、跨裝置、表單實際寄送、金流實際刷卡、大量資料下的版面表現，這些測試都需要時間。壓縮時程時第一個被犧牲的就是它，代價則由上線後的使用者替你承擔。

六、後台操作的教育訓練與文件

沒有交接文件，網站設計團隊當初設想的維運方式就無法被延續。人員一異動，後台就變成沒人敢碰的黑盒子。

要避免這些狀況，方法不複雜：拿到報價之後，逐項問「這一項有沒有包含？做到什麼程度？」有包含就寫進合約，不包含就明確知道自己承擔了什麼。網站設計的合作要順利，靠的是範圍清楚，不是彼此體諒。網站設計的爭議多半不是有人刻意隱瞞，而是雙方對「做網站」的預設範圍不同。

把網站做出來的路徑大致分成三條，各有適合的情境。三條路的差別不只在預算，更在你對網站設計的掌控程度。選錯的代價通常不是當下的金額，而是兩年之後想調整卻動不了。

自己用工具做

市面上有不少讓非技術人員自行拖拉版面的服務，月費不高，一兩天就能有一個能用的網站。適合剛起步、需要先有一個對外據點、內容還在頻繁調整的階段。限制在於版面的自由度受平台框架限制，功能無法客製，資料與網址的掌控權在平台手上，而且成品會帶有明顯的平台氣味——同一套版型全世界有很多人在用，網站設計上的個性幾乎無從發揮。

買版型再請人套用

成本介於中間，速度快，視覺水準比自己拖拉高一些。要注意的是三件事：第一，你的網站設計會和其他購買同一版型的公司相似；第二，版型與外掛的更新與安全性由第三方決定，任何一個外掛出現漏洞，你的網站就跟著暴露；第三，功能要調整時，經常受限於版型原本的結構，改到後來成本反而超過一開始就客製。

找設計公司客製

成本與時間都最高，得到的則是一套只屬於你的版面秩序——欄位的鬆緊、字級的輕重、空白的取捨與色彩的分寸，都由設計師依你的內容與品牌氣質逐一決定；功能面則貼著實際作業流程規劃，程式裡不會留下任何用不到的模組。適合品牌形象重要、有特定作業流程要承接、或預期未來會持續擴充功能的企業。這條路的價值不在於「比較貴所以比較好」，而在於網站設計的每一個決定都是為你的狀況做的。

怎麼選

• 網站只是名片、內容很少、預算有限——自己做的工具足夠，先上線比較重要。
• 需要一定的視覺水準但功能單純、時間很趕——套版是合理的折衷，但要有心理準備日後不好擴充。
• 網站是主要的接單或形象管道、有既有系統要串接、或品牌識別必須被精準呈現——客製的網站設計才承擔得起。

還有一個常被忽略的判斷角度：這個網站要活多久。如果只是一檔三個月的活動，用最快的方式做完即可；如果它要陪公司走五年、承接所有的詢問與訂單，那麼一開始在網站設計上多花的成本，會被這五年攤薄成很小的數字。反過來，用便宜的方式做一個要用五年的網站，通常會在第二年就開始付利息。

以下這幾種想法在網站設計的詢價階段非常普遍，聽起來都合理，實際執行下去卻經常導致失望。

誤區一：只比價格

把三份報價攤開只看總價，等於假設三家做的是同一件事。實際上網站設計的價差幾乎都來自範圍與深度——設計提案的款數、手機版是否個別調校、後台是否客製、測試做到哪裡。選了最低價卻沒確認範圍，省下的金額日後多半會用另一種形式付出去。

誤區二：只看作品集好不好看

作品集當然要看，但要看的是「這家公司處理和我類似的問題時怎麼處理」。一個資訊量龐大的學校網站與一個只有六頁的品牌形象站，需要的網站設計能力完全不同。看作品時建議實際用手機打開、點進內頁、試著找一個具體資訊，比只看首頁截圖有意義得多。

誤區三：沒想清楚要給誰看

這一點前面談過，但值得再說一次，因為它是所有問題的源頭。觀眾沒定義，設計提案就只能用「喜歡／不喜歡」討論，修改次數會失控，最後往往收斂成一個誰都不反對、但也不打動任何人的版本。

誤區四：把首頁當成全部

很多專案的討論時間幾乎都花在首頁，內頁草草帶過。但實際的瀏覽路徑經常是從搜尋直接進入某個內頁，訪客甚至不會經過首頁。內頁的排版、閱讀舒適度與下一步的引導，對成效的影響往往大於首頁的主視覺，內頁才是網站設計真正被使用的地方。

誤區五：以為上線就結束了

網站設計的交付日是起點不是終點。沒有人更新的網站，兩年後會退回到當初想重做的那個狀態。發案時就該同時決定：誰負責更新、多久更新一次、更新什麼。

誤區六：期待網站自己帶來客人

網站負責的是「有人來的時候，能不能被說服」。把人帶過來則是另一組工作——搜尋、社群、廣告、既有客戶轉介。一個好的網站設計會讓這些管道的效果被放大，但它不會憑空生出流量。把兩件事混為一談，最後容易得出「做了網站也沒用」這種錯誤結論。

誤區七：功能一次全部都要

在開案時把所有想得到的功能都塞進範圍，是網站設計預算與時程失控的常見原因。比較務實的做法是分階段：第一階段先把核心的說服路徑做好並上線，累積實際的使用狀況之後，再依據真實需求決定第二階段要加什麼。多數當初列為「一定要有」的功能，上線半年後回頭看會發現並不需要。

網站設計專案的延期，多數不發生在設計端或程式端。把常見的延誤原因攤開來看，會發現絕大部分落在雙方協作的介面上，而這些原因幾乎都可以在網站設計開案時預先處理。

原因一：內容遲遲交不出來

這是排名第一的延誤來源。版面做好了，等文字；文字有了，等照片；照片有了，發現產品規格表還沒整理。每一個環節延一週，整體就是一個月。解法在前面的段落談過：指定負責人、設定交稿日、先求有再求好。

原因二：決策鏈太長

設計稿送出後，要經過部門主管、總經理、董事長三關，每一關都有自己的意見，而且意見彼此衝突。專案就在「送審—等待—修改—再送審」的循環裡耗掉時間。解法是開案時確認唯一的裁決者，並讓他在關鍵節點親自出席，而不是事後轉述。

原因三：需求在中途擴張

「既然都在做了，順便加一個會員系統吧」——這句話一出現，時程與預算就要重新計算。新增需求本身沒有錯，錯在把它當成不需要重估時程的小事；網站設計的每一個新項目都有它的重量。務實的處理方式是設一道變更程序：任何新增項目都明確評估對時程與費用的影響，雙方確認之後再納入。

原因四：等待第三方

金流帳號的申請與審核、電子發票的開通、既有系統廠商提供介接文件、網域的移轉權限——這些都不在網站設計團隊的控制範圍內，卻經常卡住上線。開案時就要把這些申請流程排進時程表，而不是等到要測試了才發現還沒申請。

原因五：驗收沒有標準

如果一開始沒有把「完成」的定義寫清楚，驗收就會變成無止境的細部修改。合約裡的功能清單與頁面清單，就是驗收的標準；沒有清單，雙方對完成的認知永遠對不齊。

怎麼降低延期的機率

• 把內容與素材的交付日，當成和設計交稿日同等重要的里程碑寫進時程表。
• 設定回饋的收斂期限，例如設計稿送出後五個工作天內回覆整合過的意見，而非分批陸續補充。
• 意見一次整合再給。分次回饋會讓修改次數倍增，這是網站設計專案中最耗損雙方的模式。
• 第三方申請提早啟動，不要等到開發完成才處理。

把這幾件事做到，多數網站設計專案都能按照原訂時程完成。時程失控通常不是因為某一件事出了大錯，而是十件小事各延一點的累積。

驗收不是把首頁打開看一眼覺得漂亮就簽字。網站設計專案的驗收，應該對照當初合約裡的頁面清單與功能清單逐項確認。以下是一份可以直接拿來用的網站設計驗收方向。

內容與頁面

• 合約列出的每一個頁面都存在，而且都能從選單或站內連結走到。
• 沒有殘留的示意文字或測試用圖片。
• 公司全名、統一編號、地址、電話、營業時間正確無誤。
• 各頁的標題與瀏覽器分頁上顯示的名稱是對的，不是全站共用同一個。

裝置與瀏覽器

• 用自己的手機、同事的手機、平板各開一次，重點看選單、表格與長標題。
• 至少換兩種瀏覽器檢查，避免只在開發者慣用的環境下正常。
• 橫向捲動不應該出現在任何一頁——這是網站設計在行動版沒有調校好最明顯的徵兆。

功能實測

• 表單實際送出一次，確認信件真的寄到指定信箱，而且沒有落入垃圾郵件。
• 購物功能要實際走完一筆訂單：加入購物車、結帳、付款、收到通知、後台看得到訂單。
• 後台自己動手新增一則消息、一張圖片、一個產品，確認流程順暢、圖片比例正常。
• 會員相關功能測試註冊、登入、忘記密碼三個路徑。

技術面的基本項

• 網址列顯示為安全連線，全站沒有混雜不安全的資源。
• 輸入舊網址時會正確導向新頁面（改版專案特別重要）。
• 網站地圖檔案存在、可以正常開啟。
• 圖片有替代文字，這同時關係到無障礙與搜尋引擎的理解。

交付與權限

• 後台的最高權限帳號在你手上，而不是只有廠商有。
• 網域的管理權限確認在公司名下，而非掛在廠商或個人帳號底下。
• 依合約約定，取得網站設計專案的程式原始碼與資料的交付或存取方式。
• 後台操作說明或教育訓練已完成，且不只有一個人會用。

驗收時建議找一位完全沒參與專案的同仁來試用。參與過的人已經知道每個按鈕在哪裡，看不出問題；沒參與過的人三分鐘之內就會找出真正卡住的地方。這是檢驗網站設計成果最省力也最誠實的方法。

上線那一天，網站設計的專案結束了，但網站的生命才剛開始。一個沒有人照顧的網站，會以肉眼可見的速度失去當初在網站設計上投入的價值：資訊過期、照片還是三年前的、最新消息停在上線那個月。訪客不會知道你只是忙，他只會覺得這家公司大概沒在動。

先建立最小可行的更新節奏

不必一開始就規劃盛大的內容計畫。比較能持續的做法是設定一個低到不會失敗的頻率，例如每個月一則消息、每季更新一次案例。重點在於節奏能不能維持，而不是單次的份量。網站設計時若已經把後台做得順手，這件事的阻力會小很多。

哪些內容最值得優先更新

• 案例與實績：對還在評估的訪客而言，這是說服力最高的內容。
• 常見問題：把業務端反覆被問到的問題寫上去，可以省下大量重複回答的時間。
• 產品或服務的異動：價格、規格、下架與新增，錯誤資訊造成的困擾比沒有資訊更大。
• 聯絡與營業資訊：搬遷、換號碼、調整營業時間，這幾項一定要第一時間改。

維護不只是內容

還有一層是看不見的：主機環境與程式的安全性更新、憑證到期前的續約、資料的定期備份、以及信箱與表單是否仍正常運作。這些事情平常沒有存在感，出問題的時候卻是全站級別的影響，也會一次抵銷掉網站設計累積的所有好印象。發案時值得一併確認：保固期間涵蓋哪些狀況、期滿之後的維護方案怎麼計費、緊急狀況的聯絡方式與回應時間。

備份與帳號的自我保護

不論由誰維護，公司自己都應該掌握三樣東西：網域的管理權限、後台的最高權限帳號，以及資料能不能匯出。這三項在合作順利時看起來多餘，在需要更換廠商或人員異動時，就是能不能全身而退的關鍵。良好的網站設計合作關係，本來就應該讓客戶隨時有能力自己走。

最後一個提醒：不要把上線之後的所有調整都當成瑕疵。真實使用者的行為一定會和當初的假設有出入，依據實際狀況做小幅修正是正常的演進，也是網站設計價值持續累積的方式。

網站設計完成之後，如何知道它有沒有在做事？「感覺變好看了」不是答案，但也不必因此陷入複雜的數據分析。網站設計的成效可以被觀察，只是要挑對觀察的對象。對多數企業而言，只要固定看幾個指標，就足以判斷方向對不對。

先確認一件事：什麼叫成功

成功的定義必須來自業務本身。對接案型的公司，可能是每月的詢問數量；對電商，是完成的訂單與客單價；對招募導向的網站，是履歷投遞數；對品牌形象站，可能是業務拜訪時客戶已經看過網站的比例。定義不同，該看的數字就不同。沒有定義就開始看報表，數字再多也無法得出結論，更無法回頭修正網站設計上的判斷。

值得固定觀察的幾個面向

• 訪客量的趨勢：看月與月之間的變化，不要盯著單日的起伏。
• 來源分布：搜尋、社群、直接輸入網址、外部連結各佔多少。這會告訴你資源該投在哪裡。
• 熱門頁面：訪客實際在看什麼，經常和公司內部認為重要的頁面不一樣。這是調整網站設計優先順序最好的依據。
• 裝置比例：如果手機佔了大多數，那麼所有後續的調整都應該先在手機上驗證。
• 目標完成數：表單送出、電話點擊、訂單成立，這是最接近業務的指標。

關於搜尋排名的實話

排名由搜尋引擎的演算法決定，也會被同業的競爭強度與站外連結等條件左右，任何「保證第一頁」的說法都值得審慎看待，我們也不對特定關鍵字的名次做出承諾。網站設計端能負責的，是把符合搜尋引擎規範的結構做扎實：語意清楚的網址規劃、逐頁撰寫的標題與描述、層級正確的標題結構、權重收斂的設定、網站地圖與索引規則、結構化資料，以及行動裝置相容性與載入效能。這些是讓網站具備競爭條件的基礎，至於最終名次，還要看內容的持續累積與市場的競爭強度。

看數據的節奏

建議上線後第一個月先建立基準線，之後每季檢視一次即可。頻率太高容易被雜訊誤導，做出不必要的更動；完全不看則會錯過真正該調整的地方。每次檢視只挑一到兩個具體問題來改，改完再觀察一季，這樣的節奏比大規模翻修更容易累積成果，也讓網站設計的投資持續產生回報。

以下整理發案方在評估網站設計時最常提出的問題，供你在洽談前先建立基本判斷。

Q：網站設計和網站架設是同一件事嗎？
不是。網站設計涵蓋架構規劃、視覺設計、功能邏輯與後台建置，處理的是整座網站怎麼運作；網站架設多半指主機環境、網域設定與程式部署這類技術作業。詢價時務必以項目明細確認範圍，不要只憑名詞判斷。

Q：內容還沒準備好，可以先開始網站設計嗎？
可以先進行需求訪談與架構規劃，但視覺設計階段最好已經有內容初稿。因為網站設計的疏密、字數的長短與圖片的比例都需要依據實際內容決定，用示意文字排出來的版面，換上真實內容後經常要重做。

Q：公司內部應該由誰負責對接？
建議指定一位固定窗口，負責彙整內部意見並向網站設計團隊統一發言，同時明確指出最終決定權在誰身上。窗口不固定或決策者不明確，是網站設計專案延宕最常見的原因之一。

Q：如果設計提案不喜歡怎麼辦？
提案階段的反覆是正常的，但回饋要具體。與其說「感覺不對」，不如指出是版面太擁擠、顏色太冷、字太小，或是想傳達的氣質沒有出來。另外請在簽約前確認提案款數與修改次數的約定，避免後續認知落差。

Q：舊網站的文章和圖片可以搬到新網站嗎？
可以，但要在網站設計開案時就講清楚資料量與格式。搬移數十筆與搬移數千筆是完全不同的工作量，可能需要程式協助轉換。改版專案還要一併處理舊網址的對應設定，否則既有的搜尋結果與外部連結會失效。

Q：網域和主機需要自己準備嗎？
兩種做法都可行。若公司已有網域，只需提供管理權限或設定調整；若尚未申請，可由網站設計團隊代為處理。無論哪一種，都建議網域登記在公司名下，這是日後主導權的關鍵。

Q：需要準備多少張照片？
沒有固定數字，取決於頁面數量與版面規劃。實務上網站設計團隊會在架構確認之後提供各區塊需要的圖片張數與建議尺寸。與其準備很多張品質參差的照片，不如準備數量剛好但光線與背景一致的照片。

Q：沒有專業攝影的照片還能做嗎？
可以，網站設計端會透過裁切、色調處理與版面安排盡量彌補，但成果仍會受限。如果照片是說服訪客的關鍵（例如餐飲、空間、商品類），建議把攝影列入預算，這通常是整個網站設計專案裡回報最直接的一筆投入。

Q：一頁式網站和多頁網站怎麼選？
一頁式適合訊息單純、目的集中的情境，例如單一產品或短期活動。多頁網站適合資訊量大、需要被搜尋引擎個別收錄的情境，例如企業官網與產品線較多的公司。多數企業的網站設計需求，長期來看偏向後者。

Q：多語系需要一開始就做嗎？
如果確定會用到，建議在網站設計階段就納入架構規劃，因為它牽涉資料結構與版面對不同語言長度的容納能力。若短期內用不到，也可以先預留架構、日後再開語系，避免付出目前用不到的翻譯與維護成本。

Q：上線之後還能再增加功能嗎？
可以。客製開發的架構在規劃時就會考慮擴充，新增功能屬於另案評估與報價。建議採分階段的做法：先讓核心功能上線，累積實際使用狀況之後，再依據真實需求決定下一階段要加什麼。

Q：整個專案大概要抓多少時間？
網站設計的時程取決於類型與複雜度，同時高度受內容提供進度影響。在評估自己的行事曆時，除了廠商給的製作時間，請另外預留內部確認與內容整理所需的時間，這部分經常被低估。

Q：付款方式一般怎麼安排？
常見做法是分兩期，簽約時支付一半，其餘在驗收完成、網站正式上線之前結清。專案範圍、付款節點與交付項目都應載明於合約。保固的範圍與期限則依專案性質於合約中約定，重點在於界線寫清楚。

如果你正在評估重做或新建，並希望由同一個團隊完成從架構規劃、視覺設計到程式開發的全部工作，歡迎參考我們的網站設計服務，或把目前的需求與時程告訴我們，由我們協助判斷可行的做法。