鴻築室內裝修有限公司 · 官方網站建置分析與報價
製作日期:2026 年 3 月 31 日 委託單位:鴻築室內裝修有限公司 FP Decoration 文件性質:專案分析 · 建置規格 · 費用估算
一、現有網站結構分析
1.1 整體定位
本網站為室內裝修設計產業之形象官方網站,定位為 B2B 商業客戶開發與品牌信任建立,目標受眾涵蓋建設公司、百貨商場、酒店集團等企業客戶,同時兼顧中英雙語需求,具備國際業務拓展能力。
1.2 頁面架構總覽
| 頁面 | 路徑 | 主要內容區塊 |
|---|---|---|
| 首頁 | /index.html | Hero 主視覺、品牌介紹、服務概覽、作品精選、最新消息預覽、聯絡表單 |
| 關於鴻築 | /about.html | 公司故事、發展歷程時間軸(2010→2015→現今)、組織部門架構、聯絡 |
| 服務項目 | /services.html | 六大服務卡片、四步驟合作流程、聯絡 |
| 工程實績 | /portfolio.html | 案例作品集格狀圖庫、聯絡 |
| 最新消息 | /news.html | 消息列表、員工活動、友站連結、聯絡 |
| 英文版 | /en/index.html | 完整英文版(與中文版內容對應) |
共計頁面:6 個主要頁面(含英文版鏡像)
1.3 六大服務項目
- 商業空間設計 — 購物中心、百貨公司、酒店旅館等整體空間規劃
- 室內裝修工程 — 專業施工全程執行、品管控制
- 專案管理 — 全程監管、進度掌握、預算成本控管
- 住宅公設規劃 — 住宅大樓公共設施設計施工
- 建築規劃諮詢 — 初期決策方向專業意見
- 預算成本控管 — 精準預算規劃與成本分析
1.4 功能項目盤點
導覽與互動
- Sticky 黏性導覽列(深色半透明毛玻璃效果)
- 中英雙語切換(繁中 | EN)
- 頁面錨點快捷連結(#contact, #hero 等)
- 響應式設計 RWD(桌機 / 平板 / 手機三段斷點)
表單功能
- 聯絡詢問表單(姓名、電話、Email、需求說明)
- 表單出現於首頁、服務頁、作品頁、關於頁、消息頁(共 5 頁)
內容管理需求
- 作品集(Portfolio)圖文管理
- 最新消息(News)文章管理
- 員工活動(Team)相簿管理
- 友站連結管理
品牌視覺
- SVG 向量品牌 LOGO(深色背景版、標準色版、單色版)
- LOGO + 中文公司名「鴻築室內裝修」+ 英文名「FP Decoration」聯合識別
- 全站統一 Header / Footer 品牌呈現
1.5 視覺設計特色
- 色彩系統:Navy 深藍主色(
#292a50)、銀灰輔色、漸層藍作為品牌語言 - 字型:中文襯線體(明體)標題 + 細體無襯線正文,呈現專業高端質感
- 版型:全寬 Hero 主視覺 + 卡片格狀佈局 + 作品集 Masonry 格狀
- 圖片:高品質商業空間實景攝影(飯店大廳、起居室、公共設施等)
- 動效:CSS Transition、backdrop-filter 毛玻璃、漸層疊加
二、2026 年同類型商業官網市場行情研究
2.1 台灣網站設計市場概況(2026)
根據台灣網頁設計市場現況,企業官網建置依複雜度分為三個層級:
| 等級 | 類型 | 報價區間(TWD) |
|---|---|---|
| 基礎級 | 套版型靜態官網(3-5頁) | NT$15,000 ~ 35,000 |
| 中階級 | WordPress 半客製化(含 CMS) | NT$50,000 ~ 120,000 |
| 高階級 | 全客製化雙語 + 完整功能 | NT$120,000 ~ 300,000+ |
本案定位:中高階商業形象官網,介於中階與高階之間,具備雙語架構、Breakdance 頁面編輯器客製化、完整後台 CMS 管理、多頁面完整設計。
2.2 技術堆疊成本分析(年度授權費)
| 項目 | 方案 | 年費(USD) | 折合台幣(估) |
|---|---|---|---|
| Bluehost WP Hosting(Choice Plus) | 一年方案 | ~$107.88 | ~NT$3,500 |
| Breakdance Pro License | 單站版 / 年 | $99.99 | ~NT$3,200 |
| WPML Multilingual CMS | Multilingual CMS / 年 | $99.00 | ~NT$3,200 |
| 網域名稱(.com.tw) | 年費 | ~$20 | ~NT$650 |
| 備份 / 安全外掛(UpdraftPlus Pro) | 年費 | ~$70 | ~NT$2,300 |
| 年度授權小計 | ~NT$12,850 |
備註:上述授權費為年度循環費用(第一年含建置,第二年起為維運成本)
2.3 市場行情說明
- 台灣室內設計、建築、裝修類型企業官網,因需大量精緻影像展示,設計複雜度高
- 雙語官網(中英)在台灣市場的附加開發費用通常為 NT$20,000 ~ 40,000
- 使用 Breakdance 等視覺化頁面編輯器可提升後續自維護性,但前期設定成本較高
- 完整聯絡表單串接(含後台 Email 通知)、SEO 設定、GA4 串接等功能,為現今商業官網標準配置
三、本專案建置規格說明
3.1 技術規格
| 類別 | 選用方案 | 說明 |
|---|---|---|
| 主機平台 | Bluehost WP Hosting | 國際品牌、一鍵安裝 WP、穩定性佳 |
| 網站架構 | WordPress 6.x | 開源 CMS,後台易操作 |
| 頁面建置 | Breakdance Pro | 視覺化拖拉編輯,元件豐富 |
| 雙語切換 | WPML Multilingual CMS | 完整中英內容管理,Breakdance 相容 |
| 安全備份 | UpdraftPlus Pro + Wordfence | 自動備份 + 防火牆安全防護 |
| SEO 外掛 | Yoast SEO / Rank Math | 雙語 SEO 設定支援 |
| 表單功能 | WPForms / CF7 + SMTP | 聯絡表單 + 信件發送整合 |
3.2 頁面開發範圍
| 頁面 | 開發說明 |
|---|---|
| 首頁 | Hero 主視覺、服務預覽、作品精選、消息預覽、聯絡表單 |
| 關於鴻築 | 公司介紹、時間軸、部門架構 |
| 服務項目 | 六大服務卡片、合作流程四步驟 |
| 工程實績 | 作品集格狀圖庫(自訂文章類型 CPT) |
| 最新消息 | 文章列表、員工活動相簿、友站連結 |
| 聯絡我們(嵌入各頁底部) | 聯絡資訊 + 詢問表單 |
| 英文版(以上全部頁面) | WPML 雙語對應,每頁獨立翻譯管理 |
合計:6 頁面(中文)+ 6 頁面(英文)= 12 頁語系版本
四、專案報價明細
4.1 第一類:基礎建設
範疇:主機環境、網域、平台授權、外掛授權等年度基礎費用
| 項次 | 項目 | 說明 | 費用(NT$) |
|---|---|---|---|
| 1.1 | Bluehost WP Hosting(Choice Plus,一年) | 含免費 SSL、不限儲存空間、CDN、每日備份 | 3,500 |
| 1.2 | 網域名稱(.com.tw,一年) | 含 WHOIS 隱私保護 | 800 |
| 1.3 | Breakdance Pro License(單站,一年) | 頁面編輯器核心授權 | 3,200 |
| 1.4 | WPML Multilingual CMS(一年) | 雙語內容管理外掛授權 | 3,200 |
| 1.5 | UpdraftPlus Pro(一年) | 自動備份 + 遠端儲存整合 | 1,500 |
| 1.6 | Wordfence Premium(一年) | 安全防護 + 防火牆外掛 | 1,500 |
| 小計 | 13,700 |
4.2 第二類:視覺設計
範疇:網站 UI 設計、品牌整合、前端頁面製作(一次性費用)
| 項次 | 項目 | 說明 | 費用(NT$) |
|---|---|---|---|
| 2.1 | 品牌識別整合規劃 | LOGO 置入、色彩系統定義、字型規範、設計語彙建立 | 18,000 |
| 2.2 | 首頁設計與 Breakdance 開發 | Hero 主視覺、全版面互動設計、動效 | 25,000 |
| 2.3 | 子頁面設計(5 頁 × NT$8,000) | 關於、服務、作品、消息、聯絡(嵌入版) | 40,000 |
| 2.4 | 響應式設計優化(RWD) | 桌機/平板/手機三段斷點調整 | 10,000 |
| 2.5 | Header / Footer 全站統一設計 | 含品牌識別、導覽、版權資訊 | 6,000 |
| 2.6 | 圖片素材整理與視覺優化 | 圖片壓縮、裁切規格統一、WebP 轉換 | 5,000 |
| 小計 | 104,000 |
4.3 第三類:研究開發
範疇:功能開發、雙語架構、後台整合、SEO 與效能(一次性費用)
| 項次 | 項目 | 說明 | 費用(NT$) |
|---|---|---|---|
| 3.1 | WordPress + Breakdance 環境建置 | 安裝、主題設定、Breakdance 初始化配置 | 8,000 |
| 3.2 | 雙語架構規劃與實作 | WPML 設定、語系切換導覽、URL 結構規劃 | 22,000 |
| 3.3 | 聯絡表單功能開發 | 表單欄位設計、SMTP 信件發送、後台通知整合 | 8,000 |
| 3.4 | 作品集(Portfolio)CPT 建置 | 自訂文章類型、分類標籤、圖庫管理後台 | 12,000 |
| 3.5 | 最新消息管理後台 | WP 原生文章系統整合、分類、員工活動相簿 | 6,000 |
| 3.6 | SEO 基礎設定 | Meta 標籤、Open Graph、XML Sitemap、Robots.txt | 6,000 |
| 3.7 | GA4 / Google Search Console 串接 | 追蹤碼安裝、事件設定、後台驗證 | 4,000 |
| 3.8 | 效能優化 | 快取設定(WP Rocket)、圖片 Lazy Load、Core Web Vitals 優化 | 8,000 |
| 3.9 | 測試、修訂與正式上線 | 跨瀏覽器測試、行動裝置測試、驗收修訂、DNS 切換 | 10,000 |
| 小計 | 84,000 |
4.4 費用總覽
| 類別 | 費用(NT$) |
|---|---|
| 第一類:基礎建設(年度授權,第一年) | 13,700 |
| 第二類:視覺設計(一次性) | 104,000 |
| 第三類:研究開發(一次性) | 84,000 |
| 專案合計(含第一年基礎建設) | 201,700 |
| 建議報價區間 | NT$185,000 ~ NT$215,000 |
第二年起年度維運費用(授權更新):約 NT$13,700 / 年
五、市場行情對標
| 類型 | 市場行情 | 本案定位 |
|---|---|---|
| 中階 WordPress 企業官網 | NT$50,000 ~ 120,000 | — |
| 高階雙語客製化官網 | NT$120,000 ~ 300,000 | ✓ 本案落點 |
| 本案估算 | NT$185,000 ~ 215,000 | 合理區間內 |
本案相較同類競業(高端室內設計、建築顧問類官網),報價合理且具競爭力。採用 Breakdance + WPML 組合,確保業主在完工後能自行維護內容,降低長期依賴外包的維護成本。
六、專案注意事項與報價說明
- 報價有效期:本報價單自發出日起 30 日內有效。
- 付款方式:建議分三期付款(簽約 30% / 設計稿確認 40% / 驗收上線 30%)。
- 授權費用說明:Bluehost、Breakdance、WPML 等為年度循環授權,第一年含於本報價中,第二年起由委託方自行續約或委由我方代為管理。
- 圖文素材:公司簡介文字、實績照片、LOGO 等素材由委託方提供;如需協助撰寫中英雙語文案,請另行估算。
- 中文文案翻譯:英文版網站文案翻譯如非委託方自行提供,專業翻譯費用另計(估 NT$10,000 ~ 18,000)。
- 超出範疇修改:驗收後之規格異動或追加功能,以工時費 NT$1,500 / 小時計算。
- 稅金:上述報價均為未稅金額,依法加收 5% 營業稅。
七、參考資料來源
- Breakdance 官方定價:https://breakdance.com/get/
- 台灣 2026 年網站設計費用行情:https://www.nsc.tw/article_detail/reasonable-website-fee
- 台灣網頁設計報價指南:https://leaderweb.com.tw/web-design/webdesign-fee/
- WordPress 多語言外掛比較:https://iambigd.tw/wordpress-multilingual-plugin-wpml-polylang-translatepress
- 台灣網站設計費用完整指南:https://your-planner-jin.com/wordpress-website-design-cost-guide/
本文件由萬能數維代為整理分析,僅供內部評估參考。