ENsearch btn

2021-03-04
Eric Wang

網站設計費用通常包含哪些?解讀客製化網頁設計報價與價格

客製化網頁就像是訂製的別墅一樣,許多需求需要一步一步討論確認。而套版網站就像是已經建好的預售屋,基礎規格的固定的,再依後續加工的程度來進行追加工程。客製化網站需求是慢慢談出來的,只要是客製化網頁設計,就很難有固定的報價。相對來說,如果你拿到的是固定規格的報價,通常就不是客製化網頁設計。

網站建置流程圖 - 凱士網頁設計

其實世界上沒有真正的「100%客製化網站」,所謂的「客製」就像是「加工」,每個網站的客製只差在客製化的程度,從20%的客製到80%的客製都有。客製化網站就像是訂製的別墅一樣,許多需求需要一步一步討論確認。相對來說,「套版網站」就像是已經建好的預售屋,基礎規格的固定的,再依後續加工的程度來進行追加工程。客製化網站需求是慢慢談出來的,只要是客製化網頁設計,就很難有固定的報價。如果你拿到的是固定規格的報價,通常就不是客製化網頁設計。

 

即便如此,我們還是可以透過網站設計的基本規格來了解標準的網站設計費用報價應包含哪些項目。下列是客製化網站最常採用的報價項目,我們一一說明各個報價大項所代表的涵意。

 

網站規劃費用 | 網站製作、人力投入與網站系統建置的基礎成本

網站規劃在客製化網站製作過程中是相當重要的階段。要建置一個能使用長久的好網站,需要對一個網站的各個面向進行討論。網站規劃費用其實也包含了網站的基礎建置成本,就像公司的基礎營運成本一樣,包含了許多潛在的經營成本,這些成本會內含到基本的網站規劃費用中。

網站架構規劃及視覺風格設計規劃,網站規劃費用的高低也會影響一個網站在後續管理上的彈性和完整性。一個健全的網站系統通常包含下列的基礎建設:

  • CMS內容管理系統:MVC網站架構、內容(文章)管理、網頁圖文編輯器
  • 後台基本功能:網站維修關站設定、網站發信支援
  • 網站安全性:網站後台登入防護、表單網路攻擊防護
  • 網站功能可擴充性:內容管理分組權限功能、網站選單架構管理、各種外掛軟體支援

 

 

網頁設計費用 | 通常依網頁數量多寡、切版複雜度而定

除了基礎的網站規劃費用外,接下來就是依網站內容頁面的多寡來決定預算的高低。這些頁面簡單分為需要設計師進行排版切版的「設計頁」(例如:關於我們、服務優勢),以及設計建置完成後可以自行從後台進行更新的「資料頁」(例如:產品資料、最新消息)。

  • 客製化版型設計
  • 網頁UI/UX設計
  • 網頁動態效果
  • 內容編排設計
  • 資料庫及程式功能
  • 多國語言版本

 

 

年度維護費用 | 網站上線後的主機代管及網站系統年度維護

  • 主機代管:你可以自己架設主機或是採用外部的專業主機。如果是委由網頁設計公司代管主機,就會有主機代管的費用,即便是向主機公司租用的主機。這個費用通常包含主機的故障排除、網站備份、主機相關系統設定。
  • HTTPS(SSL)安全連線:網站主機支援SSL安全連線是目前的趨勢。網站主機使用HTTPS不只讓你的顧客/客戶安心(Google瀏覽器上顯示為「安全」),同時也提升網站資料傳輸的安全性。通常一般的專業主機會附上免費的AutoSSL,如果是你自己架主機,就需要考量自己購買及安裝SSL。
  • 網站安全性更新:現在的網站系統不管是CMS系統或是採用Framework架構的網站後台,都需要不定時進行安全性更新。請網頁設計公司幫你的網站系統隨時更新系統版本,就像是進行Windows安全性更新一樣,可以讓網站避免曝露在安全風險中。
  • 網站管理系統設定:網站後台除了日常的操作外,還會有一些需求可以透過後台系統進行設定來完成某些功能。這些設定也許不是網站管理人員熟悉的操作,但通常可以委由網頁設計公司來幫你處理。
  • 後台操作教學:網站完成後通常會有網頁設計公司為你進行網站操作的教學,但日子一久,當時的教學也許就忘得一乾二淨,加上不同時期的網頁需求也會不同,都需要有專業人員進行操作引導。建全的年度維護計劃通常會包含不定時的網站後台教學服務,協助你解決臨時的網站操作需求。

 

延伸閱讀:什麼是CMS網站後台系統?在網站建置有哪些優勢? 

 

 

 

網路行銷費用 | 也要考慮網站報價中是否包含SEO技術支援

網站行銷除了買廣告外,最重要的就是具長遠計劃的SEO(搜尋引擎優化)。大部份的網頁設計公司不是SEO顧問公司,在SEO工作分工中也沒辦法完全取代SEO顧問公司的角色。然而網頁設計公司可以協助SEO的技術支援,同時應具備下列的SEO技術支援:

 

  • 採用SEO友善架構進行網站建置:由於html5具備更多的識別性標籤,採用HTML5編碼的網頁將有利於Google解讀你的網頁內容,有助於Google進行網頁索引及網頁內容分析。
  • 網站sitemap.xml產生器:sitemap.xml可用來提供Google快速索引你的網站、了解你的網站架構。當你有新的網站內容產生時(例:新增一篇文章),sitemap.xml產生器可以直接從後台一鍵產生新的sitemap.xml,而不需另外用外部工具來處理。
  • 安裝GSC/GA追蹤碼:Google Search Console(GSC)可以用來了解SEO的成效,Google Analytics(GA)則用來了解訪客進入網站後的使用行為。網頁設計公司通常可以協助你安裝這兩項追蹤碼,透過Google平台來了解網站的成效。
  • T/D/H後台設定工具:T/D/H分別代表Title(網頁標題)、Description(網頁描述)、H1H2H3(文章章節標題)。透過後台的T/D/H工具可以讓網站行銷人員快速編輯這些SEO重要的設定,是個重要且方便的行銷工具。
  • 301轉址工具:301永久轉址除了可以把舊網頁網址轉到新網址外,還可以讓你把舊網頁的SEO網頁權重轉移到新網頁。如果你是為舊網站進行改版,那麼一個簡單的301轉址工具就能幫你進行新舊網頁的轉換而保持排名的穩定性。
  • URL-REWRITE自訂網頁網址:URL-REWRITE功能不只可以讓你為各個網頁進行命名,之後在GA或GSC看報告時可以分辨各個網頁數據。

  

延伸閱讀:什麼是CMS網站後台系統?在網站建置有哪些優勢? 

延伸閱讀:公司網站架設完成後如何進行SEO?推薦新手從零到有的4個學習步驟 

 

 

 

加值服務項目 | 還有哪些其他需要另外報價的費用?

  • 產品攝影:產品攝影指的是產品去背照、產品情境照這類的商品攝影。一般來說,商品攝影最好是找有專業攝影棚的攝影公司或工作室來進行拍攝。如果產品太大(工具機或機械設備),也可以請攝影師到現場進行拍攝。
  • 形象攝影:形象攝影指的是公司內外景或是人物攝影,可以用來表現一間公司的真實面貌。
  • 文案撰寫:由於專業領域的不同,網頁設計公司可以幫你設計版面、製作網頁特效,但對於網頁文字通常是得由客戶自行提供。如果實在拿不出內容,建議可以由網頁設計公司與客戶老闆(或公司關鍵人物)討論後擬好文章章節架構,再由客戶撰寫內容,最後再外包請文案人員進行「潤稿」。請記得,寫網站內容就像寫自傳一樣,沒有人可以幫你從頭到尾代筆,只有你才能寫出貼切的自我介紹。

 

 延伸閱讀如何提昇形象網站的質感?談照片與攝影的重要性

   

 

 

那麼,客製化網站與常見的套版公版網站,在做法上又有什麼不同?

然而客製化網頁與套版網頁其實並無絕對的好與壞,選擇最符合自己需求的就是最好的方式,而下面我們就幫你列出了兩者的差異表格,讓你能更清楚自己適合哪一種。

 

 

 

客製化網站方案

套版網站方案

建置方式

從0開始規劃設計、校稿對稿、系統建置、測試到驗收,循序漸進地進行

採用既有版型進行修改(換圖文或增減區塊),不必經過繁複的設計及測試歷程

版型風格

可依照客戶需求設計,彈性空間較大

須按照套版的版型配置

時間成本

會與客戶詳細討論規劃及反覆校稿、測試,投入時間較長

套上既有版型即可完成,時間成本低

適用對象

上市櫃公司、品牌企業的形象網站、B2B供應商等

不考慮未來擴充性、預算低的個人或公司網站、SEO內容部落格網站

 

 

對網頁設計報價還有疑問嗎?歡迎洽詢凱士網頁設計

 

以上是網站設計基本報價說明,希望能幫助你了解標準的網站設計報價單上應包含哪些項目。對於網站規劃、報價有任何問題,也歡迎跟凱士網頁設計公司進行洽詢

 

 

 

* 歡迎分享這篇文章,分享時請加入文章來源:凱士網頁設計公司

 

 

想詢問網站設計服務嗎?

如果您有形象網站、企業網站、客製化網頁、網站改版相關需求,歡迎聯絡凱士網頁設計公司

您可以直接填寫諮詢表單,或撥打諮詢電話 04-22210688

 

好的形象網站設計,可以幫助公司提升品牌形象與企業價值,透過清楚的網站架構與視覺設計,造就良好的使用者體驗與企業形象。

 

需要網站設計服務嗎?

凱士為您設計優質的

形象網站、公司網站、企業網站、
客製化網頁設計

 

立即填表諮詢

想進一步了解網頁設計服務?