預算方案
$1800
劃一網頁設計 $1800 一次性收費，永久網頁
開始合作Quick Answer
TERO 的網頁設計服務包含什麼？
TERO 網頁設計公司成立於 2014 年，提供香港中小企的網頁設計與網站製作服務，涵蓋企業形象網站、品牌網站、一頁式 Landing Page、產品展示網站、多語言網站，以及舊網站的改版與重構。每個項目包含需求分析、UI/UX 介面設計、響應式前端開發、CMS 後台配置、基礎 SEO 架構設定、跨瀏覽器測試與上線部署。收費為劃一網頁設計 $1800 一次性收費，交付後屬永久網頁，資料齊備情況下最快 3 天完成上線。
與坊間常見做法不同的是，我們在設計階段就同步處理 SEO 架構——H1 至 H3 標題層級、meta 標籤、圖片 alt 屬性、內部連結、結構化資料、sitemap 與 canonical。這些工作在建站時做成本近乎為零，上線後補做往往要重寫整個內容架構。網站上線後的主機與維護由網頁寄存服務承接，流量增長則由SEO 與網上推廣負責。
Deliverables
網頁設計服務項目
以下為完整服務清單，可整套委託或按需要選用個別項目。
- 網頁策劃與需求分析
- 競爭對手網站與行業慣例分析
- 視覺設計（品牌識別、UI 設計）
- 響應式設計（跨裝置介面適配）
- UX 使用者流程與轉換路徑規劃
- 前端開發（HTML5／CSS3／JavaScript）
- 後端開發（CMS 或自訂系統）
- CMS 後台配置與操作培訓
- 基礎 SEO 架構（標題層級、meta、alt、sitemap）
- 結構化資料 Schema.org 標記
- 網站速度與 Core Web Vitals 優化
- 域名與網頁寄存空間管理（註冊、設定、寄存）
- 網站設計與推廣（SEO 優化、流量增長）
- 多語言版本（繁中、簡中、英語等）
- 互動元素（網頁動畫、滾動效果）
- 聯絡表單、WhatsApp 按鈕與查詢通知
- Google Analytics 4 安裝與基本事件設定
- 其它增值服務（安全維護、備份、技術支援）
Website Types
網站類型：你需要哪一種
選錯類型比選錯設計風格代價更高。以下是各類網站的實際用途與適用對象。
| 類型 | 典型結構 | 主要目的 | 適合對象 |
|---|---|---|---|
| 一頁式網站 Landing Page | 單頁長版面，分區呈現 | 單一訊息、單一行動呼籲 | 初創驗證市場、活動推廣、廣告落地頁 |
| 企業形象網站 | 首頁、關於、服務、案例、FAQ、聯絡 | 建立信任、承接搜尋流量 | 中小企、專業服務、貿易與工程公司 |
| 品牌網站 | 視覺主導，故事線敘述 | 傳達品牌調性與價值 | 時裝、美容、餐飲、生活品牌 |
| 產品／服務展示網站 | 分類目錄 + 詳情頁 | 展示產品規格與應用 | 批發商、製造商、代理商 |
| 多語言網站 | 繁中／簡中／英文並行 | 覆蓋不同語言市場 | 面向內地與海外客戶的企業 |
| 內容型網站 | 網誌、知識庫、資源中心 | 累積 SEO 流量與專業形象 | 需要長期經營搜尋流量的行業 |
| 網店 （電商平台） | 商品目錄 + 購物車 + 付款 | 線上直接銷售 | 零售、批發，詳見電商平台 |
| 網站改版／重構 | 沿用內容，重建架構與版面 | 解決速度、手機與 SEO 問題 | 網站已用多年、排名下滑的企業 |
一頁式與多頁式：怎樣選
一頁式的優點是製作快、訊息集中、適合配合廣告投放；缺點是 SEO 空間有限——因為一個頁面只能主打一組關鍵字，無法覆蓋多個搜尋意圖。如果你的目標是長期靠 Google 帶來查詢，多頁式結構幾乎是必需的，因為每個服務、每個常見問題都需要獨立頁面去承接不同的搜尋詞。
常見的判斷錯誤
- 只需要一個介紹頁，卻做了二十頁——內容稀薄反而拖累整站質素評價
- 要靠搜尋接單，卻只做一頁式——覆蓋不到長尾關鍵字
- 要賣貨，卻只做展示網站再叫客人 WhatsApp 落單——流失大量即時購買意欲
- 做了多語言版本，卻只是機器翻譯——內容質素低反而影響整站評價
Pricing
網頁設計價錢：$1800 方案詳解
「網頁設計價錢」是查詢時最常見的問題。我們把包含與不包含的項目全部寫在頁面上，減少來回議價。
香港市場價格對照
要判斷一個報價是否合理，先要知道市場行情。以下為 2026 年香港市場公開資料整理出的普遍區間，作為參考基準：
| 網站類型 | 市場常見區間（HK$） | 一般工期 |
|---|---|---|
| 一頁式 Landing Page | 約 3,000 – 8,000 | 3 日至 2 星期 |
| 基本企業網站（5–10 頁） | 約 8,000 – 25,000 | 2 至 6 星期 |
| 全客製企業網站 | 約 20,000 – 60,000 | 6 星期以上 |
| 基本網店 | 約 15,000 – 80,000 | 1 至 3 個月 |
| 大型電商或會員系統 | 約 100,000 起 | 3 個月以上 |
| 網站維護月費 | 約 500 – 3,000／月 | 持續 |
上述數字綜合自多家香港網頁設計公司於 2026 年公開發佈的價格指南，不同來源的統計基準與樣本各異，應視為區間參考而非固定行情。TERO 的 $1800 屬市場入門定價，能做到的原因在於流程標準化與設計元件化——我們把重複性的技術工作系統化，把時間集中在真正需要客製的部分。
$1800 包含什麼
| 項目 | 是否包含 | 說明 |
|---|---|---|
| 版面設計與前端製作 | 包含 | 響應式設計，適配手機、平板與桌面 |
| UI/UX 介面規劃 | 包含 | 導覽結構、內容層級、行動呼籲位置 |
| 基礎 SEO 設定 | 包含 | title、description、H1–H3 結構、圖片 alt、sitemap、robots |
| 結構化資料標記 | 包含 | Organization、LocalBusiness 等基本 Schema |
| 聯絡表單與 WhatsApp 按鈕 | 包含 | 直接接收查詢，減少流失 |
| 跨瀏覽器與跨裝置測試 | 包含 | Chrome、Safari、Edge 與主流手機尺寸 |
| 上線部署 | 包含 | 域名綁定、SSL 安裝、Search Console 提交 |
| 永久使用權 | 包含 | 一次性收費，交付後長期使用 |
| 域名與網頁寄存 | 按需報價 | 屬第三方持續成本，詳見網頁寄存 |
| 文案撰寫與翻譯 | 另行報價 | 如需我們代筆或翻譯 |
| 攝影與插圖製作 | 另行報價 | 如需實拍或原創插畫 |
| 電商購物車與金流 | 另行報價 | 屬電商平台開發範疇 |
| 手機 App 開發 | 另行報價 | 屬Apps 製作範疇 |
| 持續 SEO 與廣告投放 | 另行報價 | 屬網上推廣範疇 |
市場上常見的隱藏收費
比較報價時，以下幾項最容易在合約外突然出現，值得逐一問清楚：
- 修改次數上限，超出後按次收費
- 圖庫圖片授權費用
- 字體商業授權費用
- SSL 憑證與域名的第二年續期價格（首年優惠、次年大幅上調）
- 「基本 SEO」的實際範圍——有些只是填了 meta title
- 交付後的網站檔案與後台權限是否完整移交
- 取消或暫停專案的條款
一個實用問題：問對方「如果日後我想換服務商，網站檔案、資料庫與域名管理權能否完整交給我？」答案含糊的，通常代表你會被鎖死在該供應商。TERO 的立場是：網站與域名屬於客戶，隨時可完整移交。
Process
網頁設計流程與 3 天交付
「最快 3 天起貨」的前提是資料齊備。以下是完整流程與你需要預先準備的內容。
- 查詢與需求確認（約 1 小時）：說明業務性質、目標客群、需要的頁數與功能，我們即時判斷方案方向
- 報價與範圍鎖定（同日）：確認頁面清單、功能清單、交付日期與付款安排，範圍在此階段定案
- 資料與素材提交（由你提供）：這一步最影響速度，詳見下方清單
- 設計與開發（1–2 天）：版面設計、前端製作、內容排版、SEO 標籤與結構化資料同步進行，期間提供預覽連結
- 修改與測試（同步進行）：跨瀏覽器與跨裝置測試、表單收信測試、連結檢查、圖片壓縮與速度檢測
- 上線與交付：綁定域名、安裝 SSL、提交 sitemap 至 Search Console、設定 GA4，交付後台登入資料與操作說明
網頁設計前要準備咩？
- 域名（未有的話我們可代辦註冊）
- 公司 Logo，優先提供 AI、SVG 或高解析 PNG
- 公司簡介、服務或產品說明文字
- 產品、環境或團隊相片（避免用低解析度截圖）
- 準確的營業地址、電話、電郵與營業時間
- 參考網站 2–3 個，說明你喜歡的風格與不喜歡的地方
- 如有品牌指引（色票、字體規範）請一併提供
為什麼有些網站要做幾個月？
拖慢進度的往往不是設計本身，而是這幾項：客戶內部對設計方向意見分歧、文案遲遲未定稿、素材要等攝影排期、審批流程層層上報、以及中途新增功能。我們的做法是在報價階段就鎖定範圍與交付節點，把決策點提前，而非留到後期反覆推翻。
提提你：3 天交付適用於結構清晰、資料齊備的標準網站。若涉及大量客製功能、電商系統或多語言內容，時間表會在報價時個別確認。App 開發則不適用此承諾。
Responsive & UX
響應式設計與 UI/UX
行動裝置優先，不是選項而是前提
Google 已完成向行動優先索引（Mobile-First Indexing）的全面遷移——自 2024 年 7 月 5 日起，餘下仍以桌面版 Googlebot 抓取的少數網站亦改為只用 Googlebot Smartphone 抓取與索引。Google 明確指出：若網站內容在流動裝置上完全無法存取，就不再具備可索引性。換言之，手機版就是 Google 眼中的「正版」，桌面版反而是次要。
我們的斷點與設計原則
- 由 360px 起繪製，向平板與桌面延伸，而非把桌面版縮細
- 觸控目標尺寸符合 WCAG 2.2 的最低要求（2.5.8 Target Size 為至少 24×24 CSS 像素），實務上我們採用更寬鬆的尺寸以改善誤觸
- 圖片全部設定寬高屬性，避免載入時版面跳動
- 字級與行距按閱讀距離調整，中文正文一般不小於 16px
- 表單欄位配備明確標籤、適當的輸入類型與錯誤提示
- 重要行動呼籲在手機版必須落在拇指易觸範圍
UI/UX 的實際判斷準則
介面好不好用，不靠主觀感覺，而看幾項可觀察的行為：訪客能否在五秒內知道你做什麼、找到聯絡方式需要幾多次點擊、手機版能否單手完成查詢、表單欄位是否問了不必要的資料。我們的設計原則是減少決策成本——每多一個選項、多一個欄位、多一次跳轉，就多一批流失。
網頁動畫的取捨
滾動效果與過場動畫能提升質感，但過度使用會拖慢載入、干擾閱讀，甚至觸發部分用戶的不適。我們的做法是動畫只用於引導視線與提示狀態，並尊重系統的「減少動態效果」偏好設定（prefers-reduced-motion），確保有需要的用戶可以關閉。
Technical Standard
技術標準：我們用什麼指標驗收
「靚」是主觀的，「快」與「搜尋得到」是可以量度的。
Core Web Vitals
| 指標 | 量度內容 | 良好 | 需要改善 | 差 |
|---|---|---|---|---|
| LCP（最大內容繪製） | 主要內容的載入速度 | 2.5 秒或以下 | 2.5–4.0 秒 | 超過 4.0 秒 |
| INP（互動至下次繪製） | 對點擊、輕觸、按鍵的反應速度 | 200 毫秒或以下 | 200–500 毫秒 | 超過 500 毫秒 |
| CLS（累計版面配置位移） | 載入期間版面的意外跳動 | 0.1 或以下 | 0.1–0.25 | 超過 0.25 |
三項指標均以真實訪客數據的第 75 百分位數計算，並分別按行動與桌面裝置評定。INP 已於 2024 年 3 月正式取代原本的 FID。常用優化手段包括：現代圖片格式與壓縮、圖片明確寬高、延遲載入非首屏資源、精簡 JavaScript 執行、避免彈窗造成版面位移。伺服器層面的優化屬網頁寄存範疇。
無障礙設計（WCAG 2.2）
《Web 內容無障礙指引》WCAG 2.2 由 W3C 於 2023 年 10 月 5 日發佈為正式建議（2024 年 12 月 12 日更新），設有 A、AA、AAA 三個符合等級，其中 AA 級是全球最普遍採用的實務基準。WCAG 2.2 在 2.1 基礎上新增 9 項成功準則，並移除已過時的 4.1.1 Parsing。
我們在標準製作中會處理的項目
- 每頁單一 H1，H2 與 H3 層級不跳級
- 所有具意義的圖片提供 alt 文字
- 文字與背景維持足夠對比度
- 導覽與表單可用鍵盤完整操作，並有可見的焦點指示
- 「跳至主要內容」連結
- 表單標籤與錯誤訊息明確關聯
- ARIA 標籤只在原生語意不足時使用
需要留意：自動化檢測工具一般只能發現約三至四成的無障礙問題，完整符合仍需人手檢視與輔助技術測試。如你的機構有明確的合規要求，請在報價階段提出，我們會按等級調整驗收流程。
語意化與程式碼質素
我們以語意化 HTML5 撰寫（header、nav、main、section、article、footer），CSS 以自訂屬性分層管理（變數、基礎、版面、元件），JavaScript 以原生實作為主，不為了單一效果引入整個框架。這種做法令頁面體積細、載入快，日後改版與維護的成本亦顯著較低。
SEO Architecture
內建 SEO 架構：由設計階段開始
建站時就要做好的九件事
- 網址結構：簡短、可讀、具語意，並確立是否加
www與是否用尾斜線 - 標題層級：每頁單一 H1 對應該頁主要關鍵字，H2 分區，H3 分點
- Meta 標籤：每頁獨立的 title 與 description，避免全站重複
- 圖片優化：具描述性的檔名與 alt、適當尺寸、現代格式
- 內部連結：以完整關鍵字作錨文字，重要頁面維持在三次點擊內
- 結構化資料：Organization、LocalBusiness、Service、FAQPage、BreadcrumbList
- Sitemap 與 robots：自動產生並提交至 Search Console
- Canonical：處理重複內容與參數網址
- 分析工具：GA4 與 Search Console 由第一天開始收數據
內部連結：最被低估的一環
內部連結決定站內權重如何分配，亦是搜尋引擎理解主題關係的線索。我們採用樞紐輻射（Hub-and-Spoke）結構：首頁連向各服務主頁，服務主頁與同叢集子頁雙向連結，跨叢集則以真實語境自然連結。錨文字使用完整關鍵字而非「按此」或「了解更多」，但亦要保持多樣化，避免數十次使用完全相同的文字。詳細策略見SEO 優化服務。
多語言網站的正確做法
- 每個語言版本有獨立網址，不要用 JavaScript 即時切換內容
- 正確設定
hreflang標籤，並互相對應 html lang屬性須與該頁實際語言一致- 內容以人手翻譯或審校為主，純機器翻譯的質素風險高
- 語言切換連結在每頁可見，並保持在對應頁面之間跳轉
GEO：讓 AI 正確引用你
當搜尋結果頁上方出現 AI 生成的答案，「有沒有被引用」與「排第幾」同樣重要。GEO 的做法包括：每個主題以一句清晰可獨立引用的定義句開頭、提供可核實的具體事實（數字、日期、規格、流程）、採用問答式結構、以表格整理比較資訊，並確保實體資訊（公司全名、成立年份、地址、電話、服務範圍）在全網一致。這些做法同時也是好的 SEO 做法。詳見GEO 生成式引擎優化。
CMS & Development
CMS 系統、自訂開發與系統整合
靜態網站、CMS 還是自訂系統
| 方式 | 優點 | 限制 | 適合情況 |
|---|---|---|---|
| 靜態網站 | 最快、最安全、維護成本最低 | 內容更新需要技術人員或編輯流程 | 內容穩定的企業形象網站、Landing Page |
| CMS（如 WordPress） | 客戶可自行更新，外掛生態成熟 | 需定期更新核心與外掛，否則有安全風險 | 需要經常發佈文章、產品或活動的網站 |
| 自訂系統開發 | 完全貼合業務流程，無多餘功能 | 開發成本較高，需要明確需求 | 有特定流程、報價、會員或內部管理需求 |
選 CMS 的關鍵問題只有一條：你會唔會真係自己更新？若一年只改兩三次，靜態網站配合我們的更新服務往往更划算，亦省卻長期的安全維護負擔。
WordPress 的實務提醒
WordPress 靈活，但長期成本容易被低估：核心、主題與外掛需要持續更新，外掛越多、衝突與漏洞風險越高。實務建議是控制外掛數量、選用維護活躍的外掛、定期備份，並保持 PHP 在受支援版本。這些工作可交由網站維護服務處理。
API 開發與系統整合
網站往往需要與其他系統對接：會員資料、訂單系統、庫存、CRM、預約系統、支付與物流。我們可開發 API 介面或串接第三方服務，讓網站、網店與手機 App 共用同一套資料源，避免多套系統互相不同步。
Redesign
網頁改版、網站重構與速度優化
什麼時候應該改版
- 手機上排版錯亂或需要放大才看得清
- 載入速度慢，Core Web Vitals 未達標
- 後台無法更新內容，或已無人懂得操作
- 網站使用的技術已停止支援（如舊版 PHP 或已停用的外掛）
- 搜尋排名持續下滑，或從未有過自然流量
- 視覺風格與現時品牌定位脫節
- 被入侵過，或存在未修補的安全漏洞
改版最大的風險：流失既有排名
重做網站時如果改動網址結構卻沒有處理轉址，舊網址累積多年的排名與外部連結會全數流失。正確流程是：
- 改版前完整匯出現有網址清單與排名數據作為基準
- 建立新舊網址的一對一 301 轉址對照表
- 保留表現良好的頁面內容，不要為了「新鮮」而砍掉重寫
- 上線後更新 sitemap 並在 Search Console 觀察索引與錯誤
- 持續監察 3 個月，比對改版前後的流量與排名變化
如同時涉及更換主機或域名，搬遷流程另見網站搬遷。
速度優化的常見著手點
- 圖片：轉用現代格式、壓縮、按實際顯示尺寸輸出、延遲載入
- 字體：限制字重數量，使用
font-display避免文字閃爍 - JavaScript：移除未使用的程式碼與外掛，延後非必要腳本
- CSS：精簡選擇器，優先載入首屏樣式
- 快取與 CDN：由主機層面處理，見網頁寄存
FAQ
網頁設計常見問題
網頁設計價錢是多少？$1800 是最終價嗎？
TERO 採劃一 $1800 一次性收費，涵蓋版面設計、響應式前端製作、UI/UX 規劃、基礎 SEO 設定、結構化資料、聯絡表單、跨裝置測試與上線部署，交付後為永久網頁。域名與網頁寄存、文案撰寫與翻譯、攝影與插圖、電商購物車與金流、App 開發、持續 SEO 與廣告投放屬額外項目，會在報價單上分項列明，不會在合約外追加設計費用。
香港網頁設計市場價一般幾多？
綜合 2026 年香港多家公司公開的價格指南：一頁式 Landing Page 約 HK$3,000–8,000，基本企業網站（5–10 頁）約 HK$8,000–25,000，全客製企業網站約 HK$20,000–60,000，基本網店約 HK$15,000–80,000，大型電商或會員系統由 HK$100,000 起，網站維護月費約 HK$500–3,000。不同來源的統計基準各異，宜視為區間參考。
「最快 3 天起貨」實際要多久？
3 天是資料齊備情況下的最快交付時間，適用於結構清晰的標準網站。若文字與圖片需要我們協助撰寫或處理、頁數較多、涉及電商或大量客製功能，時間會相應延長。實際交付日期會在報價階段確認並寫入合約。
「永久網頁」是什麼意思？
指網頁設計費用為一次性支付，交付後你可長期使用該網站，毋須每年再繳設計費。但網站要持續在網上運作，仍需維持域名續期與網頁寄存等第三方服務，這些屬於獨立的年費或月費項目。
我可以自己更新網站內容嗎？
可以。我們會按需要配置 CMS 內容管理系統，讓你自行更新文字、圖片、產品與文章，交付時提供後台登入資料與操作說明。若涉及版面結構調整或新功能開發，則需要我們協助。若你一年只更新兩三次，靜態網站配合更新服務可能更划算。
應該做一頁式還是多頁網站？
一頁式製作快、訊息集中，適合活動推廣與廣告落地頁，但 SEO 空間有限，因為一頁只能主打一組關鍵字。若你要靠 Google 搜尋長期帶來查詢，多頁式結構幾乎是必需的——每項服務、每個常見問題都需要獨立頁面承接不同搜尋意圖。
手機版一定要做嗎？
必須。Google 已完成行動優先索引的全面遷移，自 2024 年 7 月 5 日起連最後一批網站亦改為只用 Googlebot Smartphone 抓取與索引。Google 明確指出，若網站內容在流動裝置上完全無法存取，就不再具備可索引性。換言之手機版才是 Google 眼中的「正版」。
網站要符合無障礙標準嗎？
視乎你的機構性質與合規要求。國際實務基準是 WCAG 2.2 的 AA 級——WCAG 2.2 由 W3C 於 2023 年 10 月 5 日發佈為正式建議，2024 年 12 月 12 日更新，分 A、AA、AAA 三級。我們在標準製作中已包含大部分基礎項目（標題層級、圖片 alt、對比度、鍵盤操作、跳至主要內容連結）；如需完整符合特定等級，請在報價階段提出，因為完整驗收需要人手檢視與輔助技術測試。
網站上線後多久會在 Google 搜尋到？
提交 sitemap 後，Google 通常在數天至數星期內完成收錄，但收錄不等於排名。品牌名稱等競爭低的字詞可能很快出現；「網頁設計」「網店製作」這類高競爭商業字詞，一般需要持續數月的內容累積、內部連結建設與外部引用。任何承諾「保證上第一位」的說法都應該小心對待。
我已有網站，只想改版可以嗎？會否影響排名？
可以。關鍵是妥善處理網址：改版前先匯出現有網址與排名數據作基準，建立新舊網址的一對一 301 轉址對照表，保留表現良好的頁面內容，上線後更新 sitemap 並在 Search Console 監察 3 個月。做齊這幾步，排名不但不會流失，通常會因速度與結構改善而提升。
網站檔案與域名是屬於我的嗎？
是。TERO 的立場是網站與域名屬於客戶，日後如需更換服務商，網站檔案、資料庫與域名管理權可完整移交。選擇服務商時建議一定要問清楚這一點——答案含糊的，通常代表你會被鎖死在該供應商。
可以做多語言網站嗎？
可以，支援繁體中文、簡體中文與英文等版本。正確做法是每個語言有獨立網址、設定對應的 hreflang 標籤、html lang 屬性與實際語言一致，並以人手翻譯或審校為主。純機器翻譯的內容質素風險高，可能反過來影響整站評價。
Related Services
配合網頁設計的其他服務
電商平台、網店製作
當網站需要直接銷售，加入購物車、會員、支付與物流整合，由展示型升級為交易型。
查看電商平台
網上推廣、SEO 優化
網站建好只是起點，SEO、Google Ads 與 GA4 追蹤負責把流量與查詢帶進來。
查看網上推廣
網頁寄存、網站維護
域名、主機、SSL、企業電郵、備份與安全防護，決定網站長期的穩定與速度。
查看網頁寄存
Apps 製作
當網站已有穩定客群、需要推送通知與提升回頭率時，才是投入 App 的合適時機。
查看 Apps 製作
社交平台推廣
社交負責建立認知與信任，網站負責承接成交，兩者的視覺與訊息需要一致。
查看社交推廣
關於 TERO
成立於2014年的香港網頁設計公司，設計、開發、推廣與寄存由同一團隊負責。
返回首頁了解更多