網頁設計報價:費用行情+省錢懶人包(2018更新)

你搜尋了很多網頁設計報價,但行情看得霧煞煞?

「架設網站費用怎麼算?價目表如何破解?」你問。

對此, 我用5個報價單範例,讓你了解是否該自己架站,還是外包給網頁設計師(或用FB粉專就好)。你將清楚什麼是RWD、金流串接及「SEO支援」。文末更有成功 / 失敗案例,讓你從別人的經驗中學習~

想製作企業形象網站、並節省維護費用?看這篇就對了!

網頁設計報價

網頁設計報價單:5個範例

(以下是我google設計網站推薦得到的報價單,截圖底下有來源連結。有興趣深入了解的同學,可至設計公司網頁瀏覽。)

若你沒有架站經驗,以下5個報價範例,你應該有看沒有懂:

米洛科技 RWD網站製作費用

誠陽網頁設計方案比較

誠陽網頁設計 方案比較

藝誠EZTrust 網站製作方案比較表

愛貝斯iBest RWD網頁設計費用

映鴻 網頁設計報價

行情看得霧煞煞?

如前述,若你沒有網站製作經驗,這些報價單你應該有看沒有懂。

曾經用Dreamweaver、Adobe Muse寫過靜態網頁的人,會比較了解其中項目。但現在還有誰在手寫,或請人手寫靜態網頁(非CMS)? 當然,不懂這行的除外~

現在是開源CMS(Content Management System 內容管理系統)的時代。用過免費CMS的人,可能會對這些報價一笑置之。

我不是說網站不須要請專人製作。事實正好相反:我支持你外包給網頁設計師,讓自己專注在更重要工作上。但在外包之前,你要思考3個問題:

  • 我須要自架網站,還是用Facebook粉絲專頁就好?
  • 我知道如何增加網站流量?
  • 我能投入時間來經營網站(增加流量)?

以下是我的建議僅供參考…

我須要自架網站,還是用Facebook粉絲專頁就好?

如果你經營寵物店、餐廳、雜貨五金、傢俱行… 等實體店面,我建議用FB粉專就好—除非你計畫朝連鎖加盟或電子商務發展。若你屬於「知識經濟」這個群體 – 如健身 / 減肥教練、補習班老師、股票名嘴… 我推薦架設自己的網站。

我知道如何增加網站流量?

製作網站也要注重投資報酬率。時間、金錢投下去,換來的只是一個持續燒錢的線上名片?網站要幫你開發客戶並創造營收,這樣的網站才能稱為「行銷資產」。就像房地產、股票… 等資產,網站也必須創造被動收入(除非你不care)。但被動收入的前提是流量—請問你有這方面的知識?

我能投入時間來經營網站(增加流量)?

知道如何增加流量是一回事,能否動手執行又是另一回事。很多業主常說:「我沒有時間弄網站的東西」、「忙不過來」… 但要知道,大家手邊都有一千萬件事情要做,重點在優先順序與時間規劃。行銷是唯一能賺錢的商業活動,其他如採購、客服、生產… 都是在燒錢。如果你無法挪出時間做「網路行銷」,那麼請人設計網頁就是無謂的花費。

根據以上3個問題,如果你適合架設網站、並會安排時間來經營,就請繼續看下去吧!

費用怎麼算(如何省錢)

以下,我將逐一破解報價單上各條目,並提供省錢方法~

當然, 如果你口袋夠深,你可以跳過以下「問與答」。

RWD製作費NT$25,000 → 最低只收NT$19,800

RWD是什麼意思?它是英文 Responsive Web Design 響應式網頁設計 的縮寫…

範例如張阿道

RWD範例:張阿道個人網站

它又稱自適應設計—網頁尺寸隨螢幕轉向縮放。手機 / 平板在你手上,無論你是直著拿還是橫著看,網頁排版都能「自適應」螢幕寬度。

有別於傳統的手機版網頁(單獨為手機製作的網頁),RWD只須一個網頁版本,即可滿足桌上型電腦、筆電、平板、手機… 及未來無人知的奇怪尺寸螢幕。

有這麼多優點的RWD網站,設計起來困難嗎?費用很高嗎?從自己用CMS架站的角度來講… 免費

以CMS的超級大咖—WordPress來說,市場上有上千個免費RWD主題 / 版型,甚至連WordPress的預設主題(貳零壹柒、貳零壹陸、貳零壹伍、貳零壹肆…)都是響應式設計!也就是說,你能用很便宜的價錢,就可以自製RWD網站。

最新RWD網站,五年費用只要NT$54,795

自己用WordPress架設響應式網站,版型費用最低是0元,最高不超過NT$3,000元。

好,假設你花NT$3,000購買付費的WordPress版型(現在幾乎都是RWD,根本不用特別註明)。那剩下的NT$51,795(54,795 – 3,000 = 51,795)如何破解?

SiteGround為例,一個網域 + 3年主機 = 158美金(約4,580台幣):

再另購2年主機 [非特價]:240美金(約6,957台幣)。5年總價就是NT$11,537(4,580 + 6,957 = 11,537)。

… 這樣就節省了四萬多元!

三十項以上網站功能、上百種風格版型變化…

WordPress外掛和版型的選擇,可能有上萬種~

1300萬張以上的商用授權圖庫

PexelsUnsplash是高品質的免費圖庫…

上架商品數量無上限、自訂頁面無上限、全站式後台管理系統

  • WordPress安裝WooCommerce後,也能無限上架商品。
  • CMS系統都是自訂頁面無上限、都有「全站式後台管理系統」…

客製化設計、製作工時、建置時間

如果網站還沒有流量,這時候花大錢設計有意義嗎?

我建議先花時間找合適的版型(行情:免費至NT$3,000)—若它能滿足你70%的要求即可。有時間者可以自學CSS來加強設計,沒時間者可以先把重點放在撰寫實用內容—這是增加流量的基礎。網站流量有了,再花錢請設計師都不遲。就怕本末倒置,砸錢設計出漂亮網頁但沒有正向ROI(除非預算超多)。

金流串接

想讓顧客線上刷卡?那你的結帳系統必須串接金流

串接金流比較複雜:銀行(玉山…)或第三方支付平台(綠界、歐付寶、智付寶…)提供API、SDK或購物車模組,給你(或網頁設計師)做串接。

製作購物網站的技術性高,相當費工,行情自然較貴。

如上述,在花大錢設計網站之前,最好先經營出穩定流量。若你是「新手電商」,我建議將購物車系統外包(利用電商平台如蝦皮、91APP、momo摩天商城),同時自架網站寫Blog經營流量,並在文章連結至開店平台,讓網友能到你的網路商店下單…

… 等你的個人網站有一定流量後,再請網頁前端工程師架設購物網站。

網站維護費用、程式保固&升級

維護就是升級軟體及故障排除。開源CMS的程式升級通常免費…

你須時常更新CMS核心、版型與外掛。偶而會有外掛&外掛之間,或版型&外掛之間的衝突。若不知如何排解,可以請精通你CMS的前端工程師幫忙解決,或換裝另一個外掛。

網站空間

網站空間就是主機允許的容量。這是SiteGround空間容量:

網站擁有權

網站分兩部分:域名和主機。域名(又稱獨立網址)你可以在Godaddy、Namecheap買,一年價格約3~4百元台幣。

主機是誰擁有管理權,誰就擁有所謂的「網站」。但前提是域名也要指向主機才算數:如何設定DNS指向

網站開發限制

只要CMS程式碼是開源的、只要你懂,你愛怎麼開發就怎麼開發~

是否支援SEO

WordPress使用者只要安裝Yoast SEO(免費), 就能設定 title 及 meta description 標籤:

Google關鍵字排名、網站SEO怎麼做?我在這 48個課程,示範如何優化SEO 🙂

(從搜尋引擎原理到趨勢分析、從關鍵字工具到內容行銷… 並附大量教學案例。)

是否支援站長工具、Google流量分析

現在有哪些網站不支援?自己裝很簡單:

未來擴充性、多語系支援

這是在搞笑吧?大部份免費CMS,這兩項「功能」是預設

網路行銷建議、教育訓鍊…

創業者本該主動學習網路行銷知識。當然,如果有人免費提供,就欣然接受吧(希望資訊是正確的)!

技術支援

是24小時、全年無休嗎?國外虛擬主機商的「技術支援」,是24/7喔~

WRP網站資源整合

只要不額外收費,Why not?

模組化程式

就是套版的意思。套版沒有錯!在經營出穩定流量之前,我推薦使用套版。等流量多了、口袋深了,再客製化設計都不遲。

客製首頁樣式設計、首頁網站版型設計與製作

若你真的想客製設計網頁(不限首頁),WordPress有很多網頁製作外掛,例如 Page Builder by SiteOriginelementorBeaver Builder 等。

網站內容管理系統建置

這又在搞笑了… 現在滿街都是開源 / 免費的內容管理系統。

網站內容圖文編排、上線設定

如果你不會上傳圖片、或使用文章編輯器(如Word), 那你可能需要這項服務。

採用Google推薦之網站設計技術

Google喜歡WordPress + WordPress免費 = 全球超過30%網站是WordPress!

符合使用者習慣的網站版型及動線

平面廣告設計、文案撰寫 ← 如果想進一步研究,這些是關鍵字。

歡迎頁FLASH:6000元、首頁FLASH:6000元

Flash早已被淘汰,我不理解為何還出現在報價單上。

網站地圖:4000元

WordPress的Yoast SEO外掛(免費)有XML網站地圖… 現省NT$4,000!

GIF動畫:2000元

通常只有兩種情況你會需要GIF動畫。一種情況是橫幅廣告,另一種是教學目的。例如「軟體使用步驟」的短片往往只有幾秒鐘,嵌入一個YouTube影片太殺雞用牛刀。而GIF動畫就很適合這種情況。

線上GIF製作軟體,我推薦GIPHY。這樣你又省下NT$2,000。

Logo設計、螢幕保護程式、廣告Banner設計、EDM設計:2萬2千元

這些放在網頁設計報價單上,有點匪夷所思。那要不要加入Facebook廣告投放、手機APP製作、業配文行情?

網站設計失敗案例

這裡說的「失敗」不是指設計上的失敗,而是指業主可能沒有釐清網頁設計外包之前的3問題

  • 我須要自架網站,還是用Facebook粉絲專頁就好?
  • 我知道如何增加網站流量?
  • 我能投入時間來經營網站(增加流量)?

這3個問題,我在前面已經說明。總結一下重點:製作網站也要注重投報率

以下三個設計案例的ROI,我推測是負成長:

葉家香辣椒館

衡量網站的ROI,可以用流量查詢工具如AhrefsSimilarWeb。首先你要了解,沒有任何流量監測工具是100%準確。但Ahrefs的數據,和我經營一些網站的GA分析數據滿接近,所以還算可靠。

以下是葉家香辣椒館的流量、關鍵字分析:

它的有機搜尋月流量514左右,其中品牌關鍵字佔363。

計算網站的投資報酬率,建議不要算入品牌關鍵字的流量。為什麼?因為這些流量可能是網站之外的行銷活動所產生,例如線下促銷、電視廣告、網路廣告等。從計算ROI的角度看,我們希望網站能自己產生流量(又稱有機流量),而非靠其他行銷方式「灌水」。

所以扣掉品牌關鍵字的流量,它的淨有機流量是151。

電商平均轉換率(訪客轉換成客戶)大約2%~5%。此葉家香案例,我們抓4%好了:

151 × 4% = 6.04

恩… 葉家香網站每個月成交6位客人?看似有很大進步空間。

另外,網站上有購物車 / 結帳系統,想必所費不貲。但奇怪的是,官網的購物車不用,竟然在其他電商平台開店(寧願付手續費+其他有的沒的費用):

種種跡象顯示此「官網」可能不賺錢。

神基科技 Getac

我們先來看神基科技的流量分析:

淨有機月流量只有「mil-std-810g 516.6」產生的33,看起來是個徹底失敗的網站?

把自然流量,和網站製作、維護、營運成本相比,它的確是失敗,但請考量Getac的商業模式。Getac是B2B(商對商)批發銷售,其流量價值要比B2C的網站高幾百、幾千倍。這樣看來,神基官網的ROI其實沒有那麼差。

我覺得有待加強的地方,是增加非品牌關鍵字流量的比例。關鍵字只做到「mil-std-810g 516.6」的確不理想。

樂頤飯店

同樣,網站漂不漂亮、時不時尚,對投資報酬率沒有太大關係。能帶來實質收入的是流量:

樂頤飯店官網的分析可以看到,淨有機月流量大約30。即使轉換率抓10%,此網站每月只吸引3位房客?

請容我再重複一次,雇人設計網頁之前,應該自問:

  1. 我須要自架網站,還是用Facebook粉絲專頁就好?
  2. 我知道如何增加網站流量?
  3. 我能投入時間來經營網站(增加流量)?

假設樂頤飯店的管理階層,不知道也沒時間經營網站流量,我推薦FB粉絲專頁+線上訂房平台(Agoda、Trivago…)。這比花幾萬塊設計、維護一個沒人光顧的網站,更省時省力省錢。

網頁設計成功案例

一個網站的ROI是正向還是負向,與設計的關係很小… 但與內容的關係很大。以下是3個內容取勝的範例:

AmazingTalker

AmazingTalker Blog 沒有「創意設計」,但產生的流量驚人:

一個外表平凡的部落格,是怎麼做到高達17萬的自然流量?答案是內容行銷

例如寫一篇「英文自傳範例」的實用文章:

這篇文章的月流量8千左右,如果在上面賣東西想必不難…

流量先做出來,再來談網頁設計,才是網路行銷的推薦流程。

馬路科技

馬路科技透過發佈實用資訊,也能在「硬知識」領域打下一片天:

這篇「3D列印的原理…」有圖片、影音等多媒體,每月帶來近3,000的有機流量:

所以,與其著重於網頁設計,倒不如專注於製作多元化內容?

凌威科技

凌威科技也是一個好的範例:透過發布實用內容,創造出一~兩萬的自然流量 ↓

這篇「如何判斷自己的硬碟是不是壞軌…」,每個月產生4千左右的流量。如果能加入圖片、甚至影片,會有更好效果。純文字在今日的富媒體時代,吸引力已大不如前:

相信這3個範例已清楚說明,研究網頁設計行情之前,你應該規劃內容行銷策略(並有效執行)。在這個內容為王年代,設計一些漂亮的網頁,並不能保證網站會有正向ROI。

你的「企業形象網站」

從這篇文章你了解,製作網站必定會花錢。但每花一塊錢,是否有賺回兩塊、十塊錢?

行銷要創造淨收入,網站也該如此—除非你把它當做「商業支出」、「營運成本」看待。

你已學會什麼是Google流量分析、站長工具、網站地圖…(並自己安裝),相信能節省不少網頁設計費用。

還有對報價單上哪些名詞不了解?請在下方分享你的問題&心得。

您也許會喜歡:

【期間限定】4G輕速吃到飽百元有找!

最新科技新聞不漏接,設定電腦王阿達搶先看