月光創意是專注於網頁設計的實戰團隊。為你提煉最實用的設計趨勢、佈局資源與實務經驗，陪你一起打造兼具美感與轉換力的網站！
...更多
104學習
月光創意網頁設計
分享教室
Line
複製連結
月光創意網頁設計
公開教室關注者 0 人
分享教室
Line
複製連結
關注教室
月光創意
網頁設計
10/12 11:21
RWD 網頁設計是什麼？從手機打開網站那一刻說起
看更多
【先講一個你一定遇過的畫面】
你坐在捷運上，用手機點開朋友傳來的一間餐廳網站。畫面一出來，字小到要兩隻手指放大，菜單是一張橫的圖片，要左右滑才看得到完整內容，按鈕小到點三次才點中。你心裡想的是「換一間好了」，手指已經回到上一頁。
對經營網站的人來說，這一秒就是真金白銀。網站沒壞，電腦上也好看，可是訪客是用手機來的，而手機看到的不是你原本想給他看的樣子。RWD 網頁設計在處理的，就是這一秒。
RWD 是 Responsive Web Design 的縮寫，中文通常叫響應式網頁設計，也有人寫回應式。名字有點陌生，但講白了只有一句話：不管訪客用什麼裝置打開你的網站，畫面都自己調成那個裝置最好讀的樣子。
【換個方式理解：同一個接待，面對不同的客人】
我們做網站常拿現場接待來比喻。
同一位接待人員，遇到坐輪椅的客人，會改走斜坡；遇到抱著小孩的媽媽，會先幫忙開門。他要傳達的內容都一樣，只是做法跟著對方的情況調整。
RWD 就是這件事。你的網站內容只有一份，網址只有一個，但訪客從電腦、平板、手機進來，看到的排版會自己變化。電腦上可能是左圖右文並排，到了手機變成圖片在上、文字在下；原本橫向排一列的三個服務，變成直的往下疊。內容一個字都沒少，只是換了排列方式。
這裡有個關鍵，很多人第一次聽到會誤會：RWD 不是「做一個電腦版，再自動縮小」，也不是「另外做一個手機版網站」。它從頭到尾就只有一個網站、一份 HTML、一個網址。
【核心其實只有三件事】
把行銷詞拿掉，RWD 在技術上就是三件事湊在一起。
第一，一個網址、一份內容。電腦和手機共用同一套 HTML 和一組網址，不是做兩個站再互相轉址。這件事的意義比聽起來大：Google 不用去猜哪個是電腦版、哪個是手機版，也不用處理兩份內容之間的關係，收錄起來單純很多。
第二，用 CSS 的媒體查詢（Media Query）判斷螢幕寬度。媒體查詢像是設在 CSS 裡的一個開關，語法大概是 @media（max-width: 768px）{⋯⋯}，意思是「螢幕寬度小於等於 768 像素時，套用這段樣式」。螢幕寬度一變，套用的樣式跟著換，版面就重排了。
第三，viewport 設定。這行寫在網頁的 head 裡：width=device-width, initial-scale=1.0。作用是在告訴手機：「請用你的真實寬度來顯示，不要自己假裝是電腦。」少了這行，手機會用電腦的寬度硬塞，結果就是字超小、整頁縮在一起，訪客只能一直放大縮小。很多「看起來有做 RWD，手機卻很難用」的網站，問題就出在這一行的細節沒顧好。
順帶講一個效能上的但書。版面能伸縮之後，圖片如果還是照電腦版的大圖丟給手機，手機等於白下載了一堆用不到的畫素，載入自然會慢。實務上會用圖片的 srcset 或 picture 標籤，讓瀏覽器依裝置挑合適的尺寸，速度跟體驗都會好一點。
【斷點要抓多少？不要背型號，看內容】
新手最常問的是「斷點要設幾 px」。網路上會給一串表：手機 720 以下、平板 720 到 1024、桌機 1024 以上。這張表可以當起步的參考，但別把它當規定。
我們的做法是：把瀏覽器視窗從最寬慢慢往左縮，盯著版面看。文字開始擠成一團、圖片開始被壓扁、並排的東西開始不對勁的那個寬度，就是該設斷點的地方。每個網站的內容不一樣，斷點自然不會一樣。硬背裝置尺寸，等於又變相把版面綁死在固定寬度上，反而失去 RWD 的意義。
【RWD、AWD、手機版，到底差在哪】
同樣是「讓手機也能看」，業界其實有三種做法，常被混在一起講。
一種是 RWD。前端自己根據螢幕寬度調整，同一份 HTML、同一個網址。
一種是 AWD（自適應網頁設計，Adaptive Web Design）。它在伺服器端先判斷訪客用什麼裝置，再回傳對應的 HTML，可以是同一個網址，也可以是不同網址。
還有最早期的一種，直接做一個獨立的手機版網站，網址常是 m 開頭，跟電腦版是兩個站。
三個擺在一起，差別最明顯的是維護。手機版網站要把內容更新兩次，電腦改完忘了改手機，兩邊就不一樣；AWD 要維護多份 HTML，每次改版都得顧到每個版本；RWD 只有一份，改一次，所有裝置一起生效。
那 RWD 一定最好嗎？也不盡然。如果網站資訊量極大、分類很多層，或是有很複雜的後台操作介面、需要針對手機做很不一樣的流程，AWD 的動態服務反而能給手機更貼合的體驗。但這種做法需要工程團隊長期維護，成本也高。對絕大多數企業形象網站、服務型網站、一般電商來說，RWD 是很穩的選擇。
【你真的有 RWD 嗎？五個自己就能驗的點】
這段是我們被問最多的。很多業主說「我的網站有做手機版啊」，實際打開來，是另一回事。用下面五點自己檢查一遍。
第一，手機上往左右滑，會不會出現橫向的卷軸？有的話代表有東西超出畫面了，這通常是沒做好，不是設計。
第二，需不需要手動放大才看得清楚文字？正常的手機版字級，是不用放大就能順順讀完的。
第三，按鈕好不好按？用手指點得下去，跟用滑鼠點得下去，是兩件事。按鈕之間留點間距，手指才不會誤觸。
第四，把電腦瀏覽器的視窗慢慢縮小，版面會不會自己重排？如果只是整體一起縮小、文字圖片同步變小，那是「等比縮放」，不是 RWD。
第五，用 Google 的 PageSpeed Insights 或 Chrome 開發者工具跑一次行動版分數，看看有沒有列出「可點擊元素太近」「文字太小」這類項目。工具不會騙人。
五點過關，大概就真的能用了。有一項沒過，就值得找人看一下。
【三個最常見的誤解】
誤解一：「畫面會自動縮小就是有 RWD。」正好相反。整頁等比縮小，是沒有 RWD 的網站被手機硬塞之後的樣子。真正的 RWD 是版面重新排列，不是全部一起變小。
誤解二：「技術上做了 RWD，手機就一定好用。」技術只是門檻。字級、按鈕、圖片、載入速度這些體驗細節沒顧，一樣會被訪客關掉。
誤解三：「RWD 只是把版面做窄一點，應該比較便宜。」版面要同時在四、五種寬度下都好看，工作其實更細。真正決定價格的，是內容、頁數、功能和設計的客製程度，跟有沒有做 RWD 是兩回事。
【優點講完了，也講一下它的限制】
RWD 的優點很實在：網址單一，SEO 的權重集中，符合 Google 的行動優先索引；維護只要顧一份；品牌在每個裝置上長得一致；訪客不用縮放拖曳就能讀完。
但它也有不擅長的地方，該講清楚。
複雜的表格是其一。產品規格表、財務報表這種東西，硬塞進手機的小螢幕本來就難讀，常見的解法是改成卡片式排版，或乾脆另開一份檔案讓人下載。其二是高度客製的互動，有些操作在手機上需要完全不同的流程，硬用同一套版面做，反而卡卡的。其三是效能，前面提過，圖片和資源沒處理好，手機版會被拖慢。
這些限制不是要勸退，而是說：RWD 是主流做法，但不是萬靈丹，要看網站的性質。
【費用大概落在哪，以及要不要自己做】
行情這種東西每年都在動，只能給區間。套版型的 RWD 網站，大概萬元上下起跳；客製化的形象網站，落在數萬元到十多萬元之間很常見；牽涉金流、會員、複雜後台的專案再往上。實際金額還是要看功能、頁數、客製程度，以各家公告為準。
那能不能自己做？可以。現在多數架站平台和 WordPress 的模板本身就支援 RWD，套上去，網站至少有基本的手機版。自己做的門檻不在「版面能不能生成」，而在「排版能不能調好」：手機上文字大小、圖片裁切、選單開合，這些細節決定了訪客讀不讀得下去，也正好是最花時間的地方。
什麼時候建議直接找專業？三個訊號：網站會收錢或收個資；公司要的是一個拿得出手的品牌門面；你沒有時間、也沒耐性去調這些細節。這三種情況硬自己做，通常省了前期的錢，賠上後面的時間和形象。
【找設計公司時，把這幾題問清楚】
如果你決定交給公司做，簽約前這幾題值得問白。
第一，是真正的 RWD，還是另外做一個手機版網站？請對方講清楚是不是單一網址、共用一份內容。
第二，手機版有沒有含在報價裡？有些低價方案把「手機版」拆開另外收。
第三，圖片會不會壓縮、載入速度顧不顧？這題最能看出對方做不做得細。
第四，後台我自己改文字換圖片，手機版會不會跑版？好的後台會讓人不用懂程式也能安全更新。
第五，如果是舊網站改版，是局部調整還是整套重做？這要看原本的程式架構，請對方實際看過再回答。
【月光創意可以幫你做什麼】
我們做網站設計十多年，累積超過一千個網站，服務過的產業從中小企業形象官網、購物車電商，到基金會與健康單位都有。RWD 響應式網頁一直是我們的基本工，不是加購項目。
我們做 RWD 有幾個習慣，你可以拿來當對照：手機版是主版本，不是做完電腦版再順手縮小；圖片在上線前一定壓過、裁到實際要用的尺寸；後台讓你改字換圖不會把版面弄壞。網站結案後有後台，日常更新你自己來就行。
想看更完整的 RWD 原理、各種做法的比較，還有可以自己動手拖曳、當場看斷點變化的互動範本，都放在我們官網這一頁：
如果你正在評估新網站，或覺得現有網站在手機上表現不好，也歡迎直接來聊，我們會先幫你確認問題在哪，再決定要不要動工。
【幾個常被問到的問題】
問：舊網站一定要打掉重做，才能有 RWD 嗎？
答：不一定。要看原本的程式結構。有些網站改底層就能支援，有些重做反而更省時省錢，需要實際看過才知道。
問：用了 Bootstrap 這類框架，就等於有 RWD 嗎？
答：不等於。框架提供工具，做得對不對還是看人。用框架一樣可以做出手機上很難用的網站。
問：RWD 會不會讓網站變慢？
答：做得好不會，還會更快。會變慢通常是圖片太大、資源沒整理、載入的程式沒精簡，問題不在 RWD 本身。
問：小公司、預算不多，也一定需要 RWD 嗎？
答：只要你的客人會用手機找你，就需要。現在多數流量來自行動裝置，這是基本盤，不是選配。
0
0
52 0
拍手
留言
分享
分享到：
Line
複製連結
取消
收藏
月光創意
網頁設計
10/04 15:52
架設網站自己來：流程、費用與平台怎麼選
看更多
客人走進來或線上訊息丟過來，最常見的第一句是「架一個網站多少錢」。我們回答完，通常會先反問一句：這個網站要做什麼、給誰看？
問這句不是為了拖時間。過去十五年我們看過太多網站卡住，卡的地方不是技術，是需求從來沒被講清楚。錢是結果，前面那幾個問題沒答，後面的錢一定會算錯。
這篇我們把架設網站拆開來講：三大要素是什麼、自架和找公司的差別在哪、費用大概怎麼抓，以及自己動手時最容易踩的坑。看完你應該可以自己決定要走哪一條路。
【架設網站的三大要素】
不管你最後選哪種方式，網站要活起來，一定要有這三樣東西。
網域是門牌。像 moon-d.com 這樣的一串字，訪客輸入它才能找到你。門牌的問題在於，一旦註冊成功，幾乎不能改拼字。要改就是買一個新的，之前累積的連結、搜尋紀錄、大家記住的印象，全部歸零。所以挑網域的時候我們的建議很簡單，能短就短，能跟品牌同名就跟品牌同名，中文拼音可以接受，但盡量別用一串沒人念得出來的字。
主機是房子。網站裡的文字、圖片、程式、會員資料都放在裡面，房子夠不夠穩、有沒有保全，會直接影響你的網站會不會有一天突然開不起來。
網頁設計是裝潢。同一間房子，裝潢得好不好，訪客願意待多久、會不會打電話來問，差很多。這也是我們的工作範圍。
三樣都有，網站才會出現。少了門牌沒人找得到你，少了房子東西沒地方擺，只有裝潢而沒有房子，站不起來。
【三條路：自架、架站平台、找公司】
第一條是免費架站平台。Wix、Google Sites、WordPress.com 這類，註冊帳號、選一個模板、換掉文字和圖片，一個晚上可以有東西跑起來。學生作業、活動報名頁、作品集，這種一次性的用途，這條路最快。
限制也很明顯。你用的網址通常是平台的子網域，不是你自己的名字。想用 yourbrand.com 通常要升級。網站裡會有平台的廣告，功能有上限，版面調不到太細。更現實的問題是資料能不能匯出：將來想搬家，能不能把文章、會員紀錄、訂單整批帶走，這件事要先問清楚，不要上線後才發現。
第二條是自架站，主流做法是 WordPress 加一間虛擬主機。軟體本身免費，付費的是主機和網域。自由度最高，版面、外掛、資料結構都能自己決定，SEO 的設定也最完整。代價是主機要自己選、系統要自己更新、外掛要自己顧、備份要自己排，還有資安。做不到這些，網站就會開始出問題，而且通常是在你最需要的時候。
第三條是找網頁設計公司做。錢花下去，換到的是時間和一個能用的結果。這條路適合幾種情況：網站牽涉金流、會員、個資、募款或訂房；公司需要的是一個拿得出去的品牌門面，不是湊合的版面；或者你根本不想學，也沒耐性處理主機大小事。
要選哪一條，我的判斷標準只有一個：三年後這個網站要不要搬家？
不要搬，就用平台，省事。
要搬，而且打算在上面經營很久、寫文章、做 SEO，那就自架。
要的是品質和穩定，錢不是唯一考量，就找公司。
【網域與主機怎麼挑】
網域後綴最常見的是 .com 和 .tw。.com 辨識度高，國際品牌都這樣取，客人輸入時不容易猜錯。.tw 和 .com.tw 比較明確地指向台灣市場，價格通常也便宜一點。做本地生意、客群明確在台灣，用 .tw 系列不算失敗；如果希望網址有一天能拿去跟國外客戶談，.com 比較保險。
還有一件事比後綴重要：續約價格。註冊第一年常常有很漂亮的折扣，第二年恢復原價。有些名稱看起來便宜，續約卻是別的價。付款前把續約價看清楚，這是寫在合約裡的規則，不是猜的。
主機的話，我們看四個地方。
第一是備份。多久備一次、備份放在哪、能不能自己還原。沒有備份的主機，等於把網站的命交在別人手裡。
第二是客服。能不能用中文講、營業時間涵蓋你上線的時段。半夜網站打不開，找不到人，這個成本比省下的月費高很多。
第三是流量限制。很多低價方案的流量額度很小，超過就限速或關站。企業官網的流量通常不大，但活動頁和廣告期間的量會突然衝起來，最好留一點餘裕。
第四是能不能升級。等網站做起來要搬家時，是同一間主機換方案，還是整個重來？這決定你現在的選擇有沒有綁住未來。
還有一個常被忽略的：機房位置。訪客主要在台灣，選台灣或亞洲的機房，連線順很多。不過機房只是其中一環，網站慢更多時候是圖片太大、外掛太多，快取沒開，不要誤判成主機不好。
【費用大概要抓多少】
自己架站的行情，網域每年約 400 到 1,000 元，共享型主機約 1,500 到 6,000 元，兩項加起來，入門等級大概 2,000 到 10,000 元之間。SSL 憑證現在多半有免費方案，不一定真的要花錢買。實際金額以各供應商的公告為準，促銷和匯率都會變。
用免費平台的話，錢可以壓到零。代價是子網域、平台廣告、功能上限，以及前面講過的資料能不能帶走，平台出問題到最後容易白費心血。
找公司製作，差異就大了。套版或模組化的做法從萬元上下起跳，功能、頁面數、是否含手機版、是否含首年主機，都會影響報價。客製化的專案，市場上落在幾萬元到十多萬元很常見，需要金流、會員、串接外部系統的專案再往上。沒有什麼奇怪的價差，錢差在哪裡通常就是差在客製程度和功能數量。比較時記得問清楚：手機版算不算在內、原始碼和主機權限歸誰、後續改內容要不要另外收費。
還有三種成本不會出現在報價單上，但一定會發生：你自己花在維護上的時間、續約和加購的費用、以及將來搬家的成本。省下來的錢，有時候是從時間裡借來的。
【從零到上線的五個步驟】
步驟一，先寫一頁規格。不用漂亮，用具體。網站要達成什麼：接詢價、賣東西、還是讓人看文章？要有哪幾頁？首頁一定要出現什麼？訪客看完之後，希望他做什麼動作？把這些寫成一張紙，之後所有決定都以這張紙為準。這一張紙能省掉後面八成的來回修改。
步驟二，買網域、選主機。先買網域，因為名字要先確定下來才能設主機的綁定。名稱確定後，主機就照前面說的四個條件挑。
步驟三，決定用什麼工具做。這個決定要在第一步之後做，因為工具要服裝需求。只是一個形象頁，和要會員登入的系統，答案是不同的兩件事。
步驟四，做版面和內容。順序建議是：先把文字放進去，再調版面，最後才選顏色和圖片。反過來做的人，通常會卡在一堆漂亮版型裡，發現沒有文字可以放進去。手機版要同步做，不是之後再補，現在大部分人是從手機開始看的。
步驟五，測試和上線。用自己的手機，從頭到尾把網站滑一遍，每個按鈕都點過，電話和表單真的送出一封測試信。確認沒有測試文字和失效連結，再對外開放。上線後把網站網址提交到 Google Search Console，讓搜尋引擎知道這個站存在。提交只是讓它來看，不是保證排名。
【自己架最容易踩的坑】
這一段是我們被問最多的。
網域沒有開自動續約，忘記了，網站整個消失。最慘的狀況不是網站掛掉，是有人打電話來說找不到你的網站，你才發現原來過期兩個月了。網域和主機都開自動續約，信用卡不要用短期卡，帳號信箱要真的收得到信。這三件事設定好，五分鐘解決一個可能損失慘重的問題。
外掛裝太多。開始是為了加功能，後來變成互相衝突，網站越來越慢，作者自己也搞不清楚是哪一個在出問題。貪多通常不是好事，確定要用的才留。
只在電腦上測。桌機版看起來很完整，手機上選單跑出去、按鈕小到點不到。這種問題上線後再改，工時是前面的好幾倍。
圖片直接用相機原檔。一張幾 MB 的照片放進首頁，訪客在還沒看到你的內容之前就離開了。上傳前先壓縮，尺寸裁到你實際要用的樣子。
沒有備份，直到出事才發現救不回來。備份不是選配，是網站還活著的最低條件。
【什麼時候該放棄自架】
有三種情況，我會直接建議放棄自架。
第一，網站要收錢、要拿會員個資、要接金流或外部系統。這種站出事要有人負責，不是自己在家弄到半夜能承擔的。
第二，公司需要的是品牌形象，不是有一個網站就好。客戶看的是你做出來的東西，不會因為你省了設計費而給你加分。
第三，你沒有時間學，也沒有耐性處理主機。這種情況硬自架，結果通常是網站擺在那裡三個月沒更新，反而比一開始就委託更糟。
【月光創意可以幫你做什麼】
我們做網站架設十五年，累積超過一千個網站，服務過的產業從中小企業形象官網、購物車電商、活動網頁到基金會與健康單位都有。做的事情包括企業形象網站設計、購物車與訂房系統、RWD 響應式網頁、主機承租與網站維護，以及需要時的程式開發。
我們的做法比較單純：先談需求、給報價、簽約收訂金，製作過程會做版型讓你評估，結案後網站有後台，你自己就能改字換圖，不需要每次都丟回來。我們對圖庫的合法授權要求高，不用擔心被告。
如果你正在評估架一個網站，歡迎來看看我們的作品集和服務內容，也歡迎直接問報價。網站架設的完整費用說明、包含哪些項目、加購怎麼算，都在我們的網頁設計報價頁上面寫得很清楚，可以先自己看過再決定要不要談。
【常見問題】
問：架設網站要多少錢？
答：自己架，網域加主機每年約 2,000 到 10,000 元是常見的入門區間；用免費平台可以接近零，但會有子網域和功能限制；找公司製作從萬元到十多萬元都有，差在客製程度和功能數量。實際金額以各供應商和廠商公告為準。
問：完全不會寫程式，可以自己架設網站嗎？
答：可以。Wix、Google Sites、WordPress.com 都是用拖拉的方式排版，不用寫程式。但網域、主機、外掛、備份這些技術活會跟著一起來，時間要自己抓。
問：網站做好就會有流量嗎？
答：不會。上線只是開始。流量要靠內容更新、SEO、社群或廣告慢慢累積，通常要三到六個月才看得出穩定變化。新站最怕的是上線後就沒人管。
問：自架和找公司做，差的不只是錢吧？
答：對。差的是你要花多少時間在上面、你能不能完全掌握網站資料、以及出問題時誰處理。自架省的是前期費用和自由度，找公司買的是時間和一個有人負責的結果。
問：為什麼要先談需求，不要直接報價？
答：因為同一句「做一個網站」，形象官網和購物車網站的差異是十倍。需求沒談清楚就報價，兩邊都會錯估。
0
0
62 0
拍手
留言
分享
分享到：
Line
複製連結
取消
收藏
月光創意
網頁設計
10/02 11:45
一頁式網站是什麼？一頁式網頁設計優缺點與費用解析
看更多
很多人的第一個網站是被一則廣告逼出來的。點進一個連結，畫面一路往下滑，商品或方案從頭講到尾，滑到底的時候旁邊跳出填寫框，人就順手把手機號碼留了下來。整個過程沒有換過頁面，也沒有點過任何選單。這種把一件事從頭講到尾的頁面，就是一頁式網站（One Page Website），也有人說一頁式網頁、單頁網站。
它聽起來像一句行銷話術，其實是很樸素的工具：把該說的資訊排成一條動線，讓人不用自己找路。下面把一頁式網站能做的事、不能做的事，以及我們實際做過的幾種型態講清楚，幫你在決定花錢之前，先想明白自己到底需不需要。
一、一頁式網站是什麼
一頁式網站的全部內容都在同一個網址裡。首頁上方有主視覺和一句主打的話，往下依序排服務介紹、案例、價格、常見問題，最後放聯絡表單。頁面頂端通常會留一個選單，點了不會跳到別的頁面，而是往下滑到這一段。這種跳法叫錨點跳轉，是長頁能讀得下去的前提。
和多頁式網站比起來，差別在資訊的位置。多頁式網站把公司介紹放在「關於我們」，產品放在「產品專區」，案例放在「案例分享」，訪客要自己點進去找；一頁式網站把這些東西排在一起，順序由你決定。訪客的差別是，前者要做出選擇，後者只要一直滑。
順帶講一個常被混用的名詞。Landing Page（著陸頁）講的是位置，也就是「訪客從廣告點進來後抵達的那一頁」；一頁式網站講的是形式，也就是「這頁總共只有一頁」。位置和形式是兩件事，一頁式網站可以當著陸頁用，你官網裡的某一個服務頁也可能是著陸頁，只是它不是單頁。
一頁式網頁設計這幾個字在業界被使用得很寬鬆，實際上做的事情差很多。有的是把公司現有的簡介貼成一頁，動一下滑就到底；有的是花時間重新安排內容節奏、處理視覺階層、把表單和追蹤都接好。兩者外觀看起來都像一頁式網站，做出來能不能用，是兩回事。
二、你到底該不該做一頁式網站
在動工之前，先回答五個問題，問完大概就有答案了。
第一，你的網站要回答的問題是不是只有一個？「我們做什麼、為什麼值得信、要怎麼找我」，三句話講完就沒了，適合一頁式。如果對方會問到你沒做的部分，例如各項方案的差異、服務據點、維修收費、多年案例，那就需要多頁式。
第二，商品或服務的數量是不是收斂的？一個課程、一檔新商品、一次促銷、一項專業服務，都是好例子。整間公司二十條產品線擺進一頁，會變成一張沒人想讀的清單。
第三，你的流量從哪裡來？如果主要靠 Google 自然搜尋，建議直接跳過這個選項，理由下一節會說明。如果是投廣告、發社群、寄電子報、印在名片或 DM 上讓人掃碼，流量來源集中在一兩個地方，一頁式非常合用。
第四，內容會不會一直長下去？每月都要新增文章或案例的網站，單頁結構會很快撐不住。反過來，內容穩定、期數固定的頁面，用一頁式最省事。
第五，你要訪客做的動作是同一件事嗎？「填表預約」是，「填表之後還要選加購、加入會員、下載應用程式」就不是。一頁式的力量來自專心，如果頁面上同時有六個按鈕要人選，等於把難度還給了訪客。
五個問題裡，只要「要做 SEO」或「服務項目很多」任一成立，就該認真考慮多頁式。其餘都偏向可以使用一頁式網站。
三、一頁式網站的好處
動線短，是最實在的一項。訪客從點進來到按下送出，中間沒有換頁、沒有開新視窗、沒有回到上一頁找路。每多一個跳出點，就多一次放棄的機會，尤其是手機上。表單放在頁尾，不代表它一定被填，但它至少在視線內。
手機閱讀友善是另一個好處。現在多數人上網的動作就是滑，滑這個動作不需要學習，也不需要等頁面載入。一頁式網站的節奏本來就適合手機，設計時把手機版當主版本就好，不會出現「桌機版很好看，手機版擠成一團」的窘況。
製作快，後續修改也單純。頁面只有一個，東西要改就是改那一處，不會出現「首頁改了，內頁沒改」的情況。對只有一兩個人要維護的團隊來說，這點很實際。
還有一個比較少被講的好處：訊息會被迫一致。當你只有一個頁面可以放內容，產品文案、服務說明和價格就不容易各說各話。資訊一集中，矛盾的地方反而會自己浮出來。
四、缺點，以及最常見的三個誤區
第一個誤區是「一頁式網站也能做 SEO」。實情是它先天吃虧。所有主題共用一個網址，等於只有一個標題、一組網頁描述可以寫。你想同時被「XX 室內設計」「XX 維修」「新北 裝修推薦」找到，需要的是多個頁面各自對應一個搜尋意圖，單一長頁做不到。這不代表一頁式網站完全不會被搜尋到，而是它很難成為自然流量的主力。若網站存在的目的就是讓不認識你的人從 Google 找到你，請把預算留給多頁式。
第二個誤區是「只有一頁，所以便宜」。頁面數量不等於工作量。訪談、文案、圖片、影片授權、響應式適配、表單串接、追蹤設定、測試與上線，每一項都跟頁數無關，還常常是一頁式專案最花時間的部分。真正會讓報價拉開差距的，是這些工作有沒有被認真做。
第三個誤區是「看起來比較有規模」。這正好講反了。在金融、醫療、法律、上市上櫃這些產業，一頁式網站常被讀成小公司、沒制度、隨便做做。所以這類客戶通常會把一頁式網頁用在活動或產品募資上，正式的企業形象還是做多頁式官網。
還有幾個實際限制要知道。所有東西共用一個網址，之後想分析「哪一段的訪客最多、哪一段開始離開」，資料會比較難拆解。滑完就走的人很多，又沒有其他頁面可以逛，跳出率看起來會偏高，拿它跟多頁式官網直接相比沒有意義。頁面拉得太長也會有後果：圖片太多會拖慢載入，區塊順序亂會讓人滑到一半就放棄。一頁式能塞多少字，最後是由訪客的耐心決定，跟版面空間無關。
五、我們做過的三種一頁式網站
講完道理，換三個我們真的做過的案子，差別會比較清楚。
第一個是金融投信推出的黃金礦業 ETF 募集頁。這種頁面要在很短的時間內讓投資人相信這檔標的值得研究，所以視覺走黑金路線：深色岩質底襯出金色的光澤，標的代碼用大字級的金屬質感字型放在第一眼的位置，資訊則用比較克制的排版往下列。重點不在裝飾，而在於把「這是什麼」和「我要做什麼」分開處理。頁面右側做了懸浮的快捷工具列，申購單與銷售機構的入口一直掛在畫面上，訪客不論滑到哪一段都能立刻行動，不必回頭找。
第二個是電商通路品牌的活動頁，背景是一整檔檔的促銷套組。這種頁面最怕滑到底還是不知道要買哪一組，所以節奏比資訊更重要。做法上，讓背景的雲朵與愛心有呼吸感的微動態，商品和「立即購買」按鈕在滑入時做漸顯與微幅放大，讓「點這裡」的手感成立；影片與底部按鈕的切換也刻意調過節奏，避免看起來像被塞進去的廣告。這種頁面沒有太多字，設計的任務就是讓手指繼續往下滑。
第三個是醫療健檢中心的一頁式官網。這個型態真正的難題是信任，視覺只是外層。健檢是低頻、高單價、又牽涉身體的消費，訪客在意的是項目內容、檢查流程、院所環境、醫師陣容與預約方式。這頁的排法是照著看診的順序走：健檢項目與差別、流程說明、環境照片、醫師介紹、費用與預約入口。資訊夠完整，信任感才有地方生出來；這也是為什麼它不能只做漂亮，內容深度得跟上一頁。
三個案子擺在一起，同一種形式的側重點可以差很多。募集頁要的是權威感與行動捷徑，活動頁要的是節奏與衝動，官網要的是資訊完整與可信度。動工前先決定這一頁要說服誰，設計才有依據。
六、從想法到上線的流程
第一步，寫出一句話說明這頁要對誰說什麼。如果這一句話需要三個不同的受眾、五項服務和四種行動才能講完，問題不在頁面太短，在於任務還沒拆開。
第二步，排區塊順序。順序要照訪客的疑問走，不照公司的組織圖。訪客通常先問「這是什麼」，再問「跟你競爭的有什麼不同」，然後才問「要多少錢」「怎麼找你」。誰先誰後要想清楚。
第三步，備素材。文字、照片、影片、標誌、價格與常見問題，缺一項就會在製作階段卡住。照片建議一次備齊同尺寸，影片要先確認長度與比例。這一步沒做，後面會一直等。
第四步，決定誰做。這是整個流程裡最關鍵的一個決定，下一節會講。
第五步，驗收，而且用手機驗。檢查項目不多：首屏的主張和按鈕有沒有被蓋住、表單能不能真的收到、頁面在慢速網路下會不會卡、每張圖片有沒有替代文字、按鈕點下去有沒有被記錄。這五項沒過，不要上線。
七、自己做，還是找人做
誠實講，一頁式網站確實有免費工具能用。個人作品集、履歷、單一課程的招生頁、一次性的活動，這些用現成平台或自己動手做得又快又省錢，這點不用否定。
撐不住的情況是另一種：頁面要自己長期更新、要在上面賣東西、要能被 Google 找到、要代表一家有規模的公司、還要在手機上又快又穩。這種情況自己做的成本通常比想像中高，因為時間會卡在你根本不熟的地方，美化反而不是瓶頸。
我們（月光創意網頁設計）做的是後半段：客製化的一頁式網頁設計、響應式適配、把內容節奏重新排過、表單與系統串接、追蹤設定，以及最重要的——上線之後還可以繼續幫你改內容、追蹤數據並調整。這種頁面最好在規劃階段就把後續維護一起談掉，因為一頁式網站的內容要更新，沒有後台可以靠就會變成一份靜態文件。
八、常見問題
一頁式網站等於著陸頁嗎？
不對等。著陸頁描述的是訪客從哪裡進來，一頁式網站描述的是頁面有幾頁。前者可以有多頁，後者只有一頁。
一頁式網站能放多少商品？
沒有固定數字，判準是「滑到底還願不願意讀」。實務上把十來件、差異明確的商品放在一頁是讀得完的，數量再往上，建議改用多頁式加上分類。
做一頁式網站還需要做響應式嗎？
需要，而且建議直接以手機版為主版本再放大到桌機。絕大多數訪客是拿手機進來的，先做桌機再等比例縮小，字級和間距會一直卡住。
之後想擴充成多頁式，可以嗎？
可以，但成本不等於把頁面切開。內容重新歸類、導覽重新設計、網址與標題重新規劃都要重做。所以如果本來就預計三年內會擴充，一開始就做多頁式比較省。
九、如果還在猶豫怎麼開始
一頁式網站能不能用，取決於你的內容能不能收斂成一條線。收斂得了，它是最省力的做法；收斂不了，多花時間做也只會得到一張很長的網頁。
如果你手上的素材很多，卻不確定該排成活動頁、募集頁還是一頁式官網，可以先看月光創意整理的「一頁式網站完整指南」： https://www.moon-d.com/blog/one-page-website.php
裡面把一頁式網站的定義、與 Landing Page（著陸頁）的差別、優缺點、設計原則、報價行情與免費平台比較整理成一頁，也放了可互動的範例，建議直接存起來。
歡迎直接帶著你的需求來聊，我們會先幫你確認這一頁該不該做成一頁式。
0
0
80 0
拍手
留言
分享
分享到：
Line
複製連結
取消
收藏
月光創意
網頁設計
10/01 14:16
網頁設計公司怎麼選？8大挑選重點與避坑清單，避開低價陷阱
看更多
去年有個客戶跟我說，他諮詢過三家，開價分別是 3 萬、8 萬、15 萬，最後選了最便宜那家。網站三個月後上線，看起來還行。但半年後要改版時才發現問題：後台沒有編輯權限、想加一個欄位要另外報價、網域登記在對方公司名下、對方窗口已經換人。
這不是個案。我們做網頁設計多年，見過太多企業在簽約前沒問清楚，事後要嘛花錢贖回、將就用、還是整套重做。
這篇不談哪家好，只談怎麼把問題問在前面。
【 簽約前一定要問的 8 個問題 】
一、後台包含哪些功能？
這是最容易出事的一題。「有後台」不等於「你能自己改」。要具體問：能不能自己新增內頁、上傳圖片、修改服務項目、改價格、發布文章、匯出資料。對方如果只會說「後台很完整」，直接請他示範操作一次。
二、原始碼交付嗎？包含在價格裡嗎？
一定要寫明「交給可編輯的原始碼」，不是「提供後台」。很多公司願意給原始碼，但另外收一筆幾千到幾萬的「原始碼費用」。這一項務必寫進合約並確認金額已含在總價內。
三、網域登記在誰名下？
網域要用你自己公司或個人的名義申請，這是最基本的。如果網域登記在廠商名下，等於你隨時可能被卡住——對方不配合續費、對方公司倒閉，網站就斷。
這一點常被忽略，因為簽約當下大家都在談設計與價格，沒有人會主動提網域歸屬。但這是網站資產歸屬的核心，我見過客戶花了大把時間才把網域轉回自己名下。
四、主機在哪裡？誰在管？
問清楚是自有機房還是租用雲端、實際機房位置在哪、備份機制是什麼、主機帳密是否交給你。主機帳密不給你，代表網站主命脈握在別人手裡。
如果你的網站是企業官網、有時會有活動或新聞曝光，建議優先選擇有自有機房或明確備份方案的廠商。共用主機雖然便宜，但流量一被鄰居吃掉就會變慢，而且主機商的問題你也控制不了。
五、報價包含哪些頁面？
要求列出「首頁 + 幾個內頁設計」的具體清單，不要用「多頁」這種模糊說法。也要問清楚「一頁」的意思：一個設計的靜態頁跟一個有後台可管理自動生成的動態頁，成本差很多。
六、後續維護與費用怎麼算？
第一年是否包含、主機費多少、內容更新要不要另外計費、網域續費誰出、SSL 憑證到期誰負責。這些都要在簽約時問清楚，因為牽涉到網站能不能長期存活。
七、如果將來要換廠商，會怎麼處理？
明確要求舊碼與後台資料的交付方式。這題的答案會反映對方是否真的打算長期合作。聽到「我們公司會一直都在，不會有這種問題」的，可以再想想。
好的廠商會直接把這件事寫成合約條款：專案完成後 X 個工作天內交付原始碼、資料庫結構與後台操作說明，讓下一位工程師可以接手。聽起來像是為自己找麻煩，但這反而是專業的表現。
八、SEO 架構有納入嗎？
標題層級、網址結構、圖片 alt 文字、行動版適配、有沒有結構化資料。如果建站時沒處理，上線後要改的成本會高很多。
2026 年這一題的重要性又往上拉。消費者透過 AI 摘要找服務已經很常見，網站的內容結構是否清楚、能不能被搜尋引擎與 AI 讀懂，直接影響曝光。但這不代表你要另外花一筆錢買 SEO，先確認建站時有沒有把基礎架構做對就好。
【 2026 年台灣網頁設計費用行情 】
這組數字是整理多家廠商公開報價後的區間，實際仍依功能需求浮動。
網站架設費方面：套版型約 8,000 到 30,000 元；中小型客製化形象網站約 20,000 到 60,000 元；電商網站約 60,000 到 150,000 元起；大型客製、系統整合或多語系專案 150,000 元以上。
主機與年費方面：一般形象網站主機年費約 5,000 到 15,000 元；電商或需要較高流量的主機約 10,000 到 30,000 元；SSL 憑證多數已免費，付費型約 2,000 到 5,000 元/年。
要特別注意：低價報價通常是把部分成本留到後面加。例如「網站 2 萬」聽起來便宜，但主機費、內頁、內容更新、SSL 都可能另計。簽約前把總價問到「含主機含 SSL 含一年維護」才算數。
另外提醒，網站費用通常是「一次性投入」加上「每年持續支出」兩個部分。很多人在簽約時只看一次性，忽略了後續年費累積下來也是負擔。如果你的網站打算做五年以上，把每年要付的錢攤開算，會比只看初期報價更清楚。
再來是價格的品質差異。同一個 3 萬的預算，做出來的網站可能只有 5 個靜態頁，也可能包含響應式設計、基本後台、SEO 設定。差別在於「同樣的錢買到多少可用的功能」，而不是只看金額數字。
【 最容易踩到的 6 個陷阱 】
陷阱一：先用超低價成交，再慢慢加價
常見手法是首頁與基本頁報很低價，等你確認需求後，再逐項報價「這是額外功能」。對策在第一階段：把所有需求寫成清單，要求一次性總價報價，並註明「後續無隱藏費用」。
陷阱二：作品集好看，但都是同一套模板換圖
請要求看「跟你同產業」的案例，如果對方只能拿出其他產業的案例，代表你的產業不是他的專長。做得多不代表做得好，這個要分開看。
陷阱三：用「馬上下單優惠」製造壓力
「今天簽約減 5 千」「這個價格只保留到週五」是常見話術。網站建置不是衝動消費項目，你有權利認真比較。如果對方一直催、一直強調獨家、限時價格，這本身是警訊。
陷阱四：口頭承諾很多，合約只有兩頁
「我們都可以客製」「後台都會教你」「保固期間有問題我們全力處理」這些話，如果沒有寫在合約裡都不算數。合約是保護你的唯一工具，簽約前逐條確認，必要的口頭承諾要寫進條款。
陷阱五：隱藏的後續費用
網域續費、主機升級、內容更新、外掛安裝、SSL 續期、網站備份，都是常見的後續支出。簽約時問清楚哪些包含、哪些另計、有沒有年費上限。沒有上限的合約，等於長期開放式支出。
陷阱六：完全沒有後續維護能力
有些廠商只負責「建站」，上線後就結束。如果你要的是能長期經營的網站，要確認對方有沒有維護服務、沒有維護時出了問題誰處理。至少要知道對方公司還在不在、有沒有專職支援。
實務上，網站上線後最常見的問題不是版面壞掉，而是內容過期、掛掉的外掛、失效的表單、來不及處理的資安更新。這些都需要有人負責。如果你的網站承載業務往來，穩定性比省小錢重要。
【 一份簽約前必問清單 】
把這 12 項印出來，諮詢時逐項對答案，任何一項對方答不上來，就先別急著簽。
1. 報價總金額是多少？包含哪些項目？
2. 包含幾個內頁？每頁的功能是什麼？
3. 後台包含哪些編輯功能？
4. 原始碼是否交付？是否含在總價內？
5. 網域登記在誰名下？
6. 主機商與機房位置？帳密是否交給我？
7. SSL 憑證由誰申請與續期？
8. 製作需要多久？工作時程怎麼安排？
9. 內容與圖片由誰提供？需要我準備什麼？
10. 修改次數怎麼計算？
11. 保固範圍與時間？
12. 後續維護與年費怎麼算？總費用上限是多少？
【 預算不夠時，怎麼把錢花在刀口上 】
不是每位業主都有 10 萬以上的預算。如果預算有限，以下是我認為最值得優先保留的部分。
第一優先是手機版。現在台灣大部分流量來自手機，如果網站在手機上難用，其他設計再好也沒用。這部分不該省。
第二優先是清楚的內容結構。把服務項目、案例、聯絡方式整理好，比多加幾個動畫效果有用。網站的基本目的是讓人看懂你在做什麼、怎麼找你。
第三優先是穩定性。主機穩定、表單可以正常收到、沒有安全性問題，這些是底線，不該用低價去省。
可以先不做的是：複雜的動畫、全新的品牌視覺、短期不會用的進階功能。這些等網站做起來、有了實際反饋之後再說。
這個順序的邏輯是：先確保網站「能用」，再確保「好看」，最後才是「獨特」。很多網站死在相反的順序——花最多力氣在視覺，結果手機開不起來、表單收不到、找不到人聯絡。
【 我們的做法 】
月光創意自己就是網頁設計公司，所以講一下我們怎麼做，讓你可以當成對照標準。
我們的價格全部公開在官網，符合與算再往下談。
原始碼與網域權限我們直接寫清楚，不需要另外簽保密文件。合作前可以先確認我們的實體公司與聯絡方式，不用只靠線上對話。
我們也把「以後想換廠商怎麼辦」想過了。專案完成後會把後台操作說明一起給你，不會把你鎖在只能用我們家的系統裡。你如果後續想找別人接手，是你的自由。
如果你正在評估網頁設計公司，建議把上面 12 項清單印出來，一家一家對過去。那些答得清楚、敢簽合約的，通常就是比較適合你的團隊。
想直接看各家費用與服務特色，可以參考這篇：15 家台灣網頁設計公司費用與特色比較
如果預算真的有限，以上這個優先順序會比你多問幾家廠商更有用。因為知道錢該花在哪裡，你在比價時也會比較有方向——有些低價方案便宜在該花的地方，有些便宜在不該省的地方。
以上內容為我們的實務經驗分享，費用行情整理自多家廠商公開資訊，實際報價請以各公司最新公告為準。
我們的完整案例與作品都在官網：
0
0
65 0
拍手
留言
分享
分享到：
Line
複製連結
取消
收藏
月光創意
網頁設計
10/01 14:11
網頁設計公司推薦2026｜15間台灣網站設計公司費用與特色比較
看更多
我們執業多年被問最多的不是「哪家比較好」，而是「報價 3 萬跟 30 萬差在哪」。同一種網站價差能到 10 倍，官網看起來卻都差不多。
以下整理 15 家台灣網頁設計公司的費用與適合對象，最後更新 2026 年 10 月。資訊來自各公司官網公開頁面。
【 挑選網頁設計公司的 6 大重點 】
一、費用是否透明。先問「架設費、主機年費、功能加購怎麼計」。只說「大概 5 萬」就是坑。
二、公司還是個人。有營利登記、固定辦公室比較穩。個人接案不是不好，但對方停止接案你就變成孤兒網站。
三、作品集跨產業。同一套模板換圖改字放十遍，不叫設計能力。
四、後台你自己會用嗎。重點不是「有沒有後台」，是「不看教學能不能改一張圖」。
五、原始碼與網域歸屬。原始碼歸你、網域登記你名下、主機帳密你自己，這三件事要寫進合約。
六、SEO 與 AI 搜尋有沒有納入架構。2026 年網站不只給人看，也要給搜尋引擎讀。
依預算：2 萬以下找套版廠商，2 到 5 萬找中小型客製團隊，5 到 15 萬找有電商案例的，15 萬以上找有跨國專案經驗的。
簽約前該問的 8 個問題與避坑清單在這篇：
【 15 家台灣網頁設計公司 】
1. 月光創意｜新北｜自研系統
2009 年成立，服務企業形象網站、購物車系統、RWD 設計與資料庫開發。不用 WordPress 這類通用 CMS，而是自研 PHP 系統，第三方核心一更新就可能出包。
價格公開：套版形象網站加1年主機 15,960 元；客製型網站 29,960元(起)，購物車 40,960元(起)，套版約 7 個工作天內完成。所有後台都內建「AI 文章助手」。服務過 OPPO、台酒、饗食天堂、台北捷運。
適合預算有限、重視自然搜尋、希望自己維護的中小企業。
2. 愛貝斯網路｜台中｜RWD 響應式
台灣最早導入 RWD 的網頁設計公司之一，營運 18 年，服務超過 1,500 家上市櫃與中小企業。
價格頁：套版 6 到 8 萬、半客製 12 到 22 萬、全客製 35 萬起、電商 20 到 50 萬以上，靜態頁單價 5,000 到 10,000 元一頁。方案頁另有「風格客製 13 萬起」說法，與價格頁不完全一致，簽約前建議問清楚。週期 3 到 6 個月。適合需要系統整合、電商功能的業主。
3. 藝誠科技｜台中｜雲端系統整合
2004 年成立，2020 年累積 4,000 件作品。特色是 ISO 27001 資安認證，若客戶是金融、醫療或政府標案，這個認證在審查時有幫助。做過經濟部、財政部等公部門專案。
價格三種方案：客製型一次性 40,000 元起、年費 10,000 到 15,000 元；EZWeb 智慧型 30,000 元、年費 6,000 到 15,000 元；租用型年費 6,000 到 8,000 元。皆終身保固。適合需要 ERP、POS 串接的企業。
4. 達文西數位科技｜台中｜設計＋SEO 一條龍
2005 年成立，設計超過 1,000 家企業網站。特色是分工細，切版、後端、SEO、Ads、影音、主機代管各有專人。
價格寫得誠實：套版 75,000 元、首頁客製加內頁套版 125,000 元，都含一年代管維護；續約 1 年 15,000 元、3 年 36,000 元、5 年 50,000 元。套版 3 到 4 週，全客製 3 個月以上。官網另列「已含功能價值逾 10 萬」細項。
5. CADCH 文網｜桃園｜技術深耕
特色是自己架機房，虛擬主機、雲端主機、活動主機都自有，網站不用寄放在別人機器上。2024 年全面改用 PHP 8.3，導入 QUIC 傳輸協定與 ARM 伺服器。連續多年承接臺北商圈公協會網站。
價格公開：靜態網頁約 6,000 元起、網路開店 20,000 到 70,000 元、大型客製程式模組 6,000 到 20,000 元。適合公部門標案。
6. 元伸科技｜桃園｜100% 客製
2002 年成立，官網寫 24 年、服務超過 3,000 家企業、橫跨 40 多個產業。
核心訴求是原始碼，官網 FAQ 直接寫「原始碼 100% 交付」，另有一句「即使我們公司不在了，您的網站照樣運作」。另有 7 天出設計首稿、分階段付款、100+ 項客製功能。
要留意：官網同時寫「著作權為元伸所擁有，貴公司擁有永久使用權」，且原始碼不得轉讓第三方二次開發。費用只有起價，客製化 3 萬起。
7. 新視野｜台中、台北、高雄｜低門檻快速架站
統編 29126197，走低門檻快速上線路線：設定費 5,800 元，一年總額 15,600 元；三年 32,260 元、五年 45,000 元。全站客製需加購 22,200 元。7 個工作天完成，250 則以上 Google 評價平均 4.9 星，並提供 AEO（AI 搜尋優化）服務。
三萬元內就能做官網，對只想先有網站的小公司是合理的。但同業裡長得會比較像，需要品牌差異化的產業就不適合。
8. 易碩｜2005｜自研 CMS＋電商
易碩數位資訊有限公司。技術路線明確：自研 CMS 加自研電商，不用 WordPress 加 WooCommerce 的組合，避免外掛鏈的更新與資安風險。支援 RWD 與 AWD，600 種以上版型頁面編輯器。
價格：網路開店平台版 84,000 元、進階客製化 126,000 元起，後續每年主機與保固 15,750 元。適合不想被第三方外掛綁住的中型電商。
9. 海棠設計｜台北｜介面＋策略
海棠設計股份有限公司，自述 15 年設計歷程，累積超過 800 件全客製專案。偏介面設計與商業策略顧問，不是低價路線，範圍從 Web 與 App 介面設計、數據分析到品牌策略。適合重視品牌質感與互動體驗的產品型公司。官網未公開價格。
10. 夏木樂｜台北｜設計＋研發
夏木樂股份有限公司，統編 05626003。成立很早，官網服務範圍從早期就涵蓋網站設計，現在加上線上課程平台、商城系統、多語言網站與資安稽核。特色是設計與研發都有，適合需要處理線上課程或複雜系統的平台型專案。官網未公開價格。
11. 山川久也｜網站＋APP 雙主線
新媒體股份有限公司，2006 年投入網路技術、2010 年正式登記，團隊約 20 到 30 人，設計師與工程師各半。強項是網站與 APP 同步做，含 iOS、Android 雙版本，案子涵蓋企業形象、購物、學校與政府標案。從設計、程式到機房都是自家維運。
適合網站與 APP 需要同步上線的業主，這種需求在多數網頁設計公司是要拆兩家做的。
12. 創造力互動媒體｜台中｜大型企業＋ESG
官網 About 頁沒寫成立年份，只說「花了二十七個年頭」。服務項目包含網頁規劃、UX／UI 設計、ESG 永續網站與 B2B 系統開發，這幾年也推 AI 搜尋優化（GEO）與 AI 智慧助理。特色是 ESG 網站做得比較多。
13. 天矽科技｜台北｜企業級全客製
1996 年成立，到 2026 年累積 30 年經驗，官網寫超過 3,000 件專案。老牌企業級廠商，主打全客製與 Web 系統開發，範圍包含多語系網站、API 系統整合、SEO／AEO／GEO 與資訊安全。適合高度客製與長期維運的企業。官網未公開價格。
14. 犬哥網站｜新北中和｜WordPress＋教學
小犬科技有限公司。以 WordPress 為核心，同時經營 YouTube 架站教學頻道，這種教學型廠商在台灣不算多。特色是不限制外掛與主題安裝權限，方案完成後可自由擴充，綁定程度低。交付約 10 個工作天，提供免費一年主機代管。
要注意 WordPress 優點是自由，缺點是要自己負責更新與備份。完全不懂技術的話，這個自由度反而可能變成風險。
15. ideaweb 艾迪｜SEO＋AI 搜尋
官網案例幾乎都是日本品牌，像是 HIROSE GBS、森美術館、VanMoof 等。主打「網站設計＋SEO 架構＋AI 搜尋優化」三合一，並導入 RankAI Pro 內容成長流程。官網自述 25 年經驗。適合要做日本或海外市場的企業。官網未公開價格。
【 15 家比較總表 】
月光創意｜套版 15,960元(起)、客製 29,960元(起)｜自研 PHP、AI 文章助手
愛貝斯網路｜套版 6-8 萬、全客製 35 萬起｜RWD、1,500+ 客戶
藝誠科技｜客製 40,000 起｜ISO 27001、公部門標案
達文西數位｜套版 75,000、客製 125,000｜功能折現逾 10 萬
CADCH 文網｜靜態頁 6,000 起、開店 2-7 萬｜自建機房、PHP 8.3
元伸科技｜客製 3 萬起｜原始碼 100% 交付
新視野｜一年 15,600、三年 32,260｜7 天交付、AEO
易碩｜開店 84,000 起、客製 126,000 起｜自研 CMS、不用 WordPress
海棠設計｜未公開｜800+ 全客製專案、UX 研究
夏木樂｜未公開｜線上課程平台、多語系
山川久也｜未公開｜機房自營、APP 雙平台
創造力互動媒體｜未公開｜ESG 網站、B2B 系統
天矽科技｜未公開｜30 年、3,000+ 專案
犬哥網站｜未公開｜不限制外掛主題、10 天交付
ideaweb 艾迪｜未公開｜日本品牌案例多
【 簽約前要盯的 4 件事 】
一、要求分項報價單，分開列設計、開發、主機、維護、SSL 與網域。只給一句「大概多少錢」的，後面一定會加錢。
二、把「專案包含項目清單」寫進合約：幾個內頁、後台有哪些功能、保固多久、修改幾次。問到這些就答不上來的廠商，別碰。
三、網域必須登記在你自己的名義下，主機帳密也要給你。這兩項沒寫清楚，未來想換廠商會被卡住。
四、避開什麼都接的公司。同時做網站、APP、影片、SEO、廣告的團隊，網頁設計通常會往外包。
【 常見問題 】
Q：報價 3 萬和 30 萬差在哪？
A：主要差在客製程度。套版是改現成版型，客製是從零做版面與功能，後者還要處理後台欄位、金流串接、多語系。簽約前要求對方說明「包含幾個內頁、後台有哪些功能」。
Q：套版和客製化怎麼選？
A：預算有限、需要官網先頂著，套版夠用，一週能上線。產業競爭激烈、網站要負責品牌形象與轉換，就值得投資客製。
Q：一定要拿原始碼嗎？
A：要。「可編輯的原始碼」跟「只有編輯後台」是兩回事，只有後台你只能改文字和圖片，不能改功能。
Q：網站做好後還要另外找 SEO 公司嗎？
A：建站時就把 SEO 架構納入規劃，後續專注「內容行銷」才是關鍵！
以上資訊整理自各公司官網公開資料，價格可能隨市場調整，請以各公司最新公告為準。本篇僅依服務定位分類，無排名先後。
我們的完整案例與作品都在官網：
0
0
65 0
拍手
留言
分享
分享到：
Line
複製連結
取消
收藏