「我到底要做一個網站，還是要做一支 App？」——這是中小企業老闆問我們最多的問題之一，而且常常一開口就先報錯規格：明明只是想讓客人線上預約，卻編了一筆 NT$60 萬的原生 App 預算；或反過來，需要離線掃碼、推播的內場工具，卻硬塞進一個純網站，上線後天天卡。這篇把三條路——響應式網站（RWD）、漸進式網頁 App（PWA）、原生 App——的真實成本、適用情境和決策樹一次講清楚，讓你在花錢前就選對。
適用情境 × 不適用情境
- 適合響應式網站（RWD）：以「被搜尋到、被 AI 引用、內容行銷」為主的生意；型錄、預約、簡單金流；預算有限想快速上線。
- 適合 PWA：希望「像 App 一樣加到主畫面、能推播、弱網也能用」，但不想被 App Store 抽成與審核綁住；電商、內容訂閱、內部工具。
- 適合原生 App：重度使用相機／藍牙／NFC／地理圍欄、需要順滑動畫或大量離線資料、要用 iOS/Android 原生付費機制的產品。
- 不適合原生 App：一年更新兩次的型錄、內容以 SEO 為命脈、預算 30 萬以下卻要雙平台——這時做 App 幾乎是燒錢。
- 不適合純 RWD：需要穩定推播、離線作業、硬體深度整合的場景。
替代方案矩陣
| 方案 | 優點 | 缺點 | 成本級距（台灣行情） |
|---|---|---|---|
| 響應式網站 RWD | SEO/GEO 最強、開發最快、單一程式碼、無抽成 | 推播弱、硬體整合有限 | NT$8 萬–40 萬 |
| PWA | 可加主畫面＋推播＋離線、不被商店抽成與審核卡、一套碼跨平台 | iOS 部分能力仍受限、無商店曝光 | NT$15 萬–60 萬 |
| 跨平台原生（Flutter） | 接近原生體驗、一套碼上雙商店、硬體整合完整 | 成本較高、需上架維運 | NT$40 萬–120 萬 |
| 雙原生（Swift＋Kotlin） | 極致效能與平台特性 | 最貴、兩套碼、維護加倍 | NT$100 萬起 |
對多數中小企業，我們的預設建議是：先 RWD 打底、需要 App 體驗時上 PWA，真的碰到硬體或商店需求，再用 Flutter 一套碼上雙平台，把「兩套原生」留給極少數。
完整流程拆解（含工具與交付物）
- 階段 1・需求與選型（3–5 天）：釐清核心任務、是否需要硬體/推播/離線，產出「三方案取捨表 + 決策結論」。工具：Notion、Figma 白板。
- 階段 2・設計（1–2 週）：資訊架構、線框圖、視覺稿。交付物：Figma 可點擊原型。
- 階段 3・開發（3–8 週，依方案）：RWD/PWA 用前端框架；跨平台 App 用 Flutter。交付物：測試環境連結。
- 階段 4・整合與測試（1–2 週）：金流（綠界／TapPay）、推播（FCM）、分析（GA4）串接與 UAT。交付物：UAT 驗收清單。
- 階段 5・上線與上架（3–10 天）：網站部署或送 App Store／Google Play 審核。交付物：正式站／商店連結、維運文件。
真實成本完整拆解
- 開發費：見上表（依方案 NT$8 萬–120 萬）。
- 金流手續費：綠界信用卡約 2.75%–3.5%、Stripe 約 3.4%＋固定費——這是每筆交易的持續成本，別漏算。
- 商店費用：Apple 開發者帳號每年 US$99、Google Play 一次性 US$25；App 內購另有 15%–30% 抽成。
- 基礎設施：主機/雲端每月 NT$500–5,000、SSL（多數免費）、網域每年約 NT$500。
- 隱藏費用：推播服務、簡訊 OTP（每則約 NT$1–2）、第三方 API、App 上架後每次系統改版的相容性維護。
- 後續維護：建議抓開發費的 15%–20%／年做維運與安全更新。
實施真相 vs 客戶想像
- 想像：做 App 客人就會下載。真相：讓人裝一支 App 的門檻極高，多數小生意的用戶寧可用網頁；沒有留存策略，App 下載完就躺著。
- 想像：App 一次做好就不用管。真相：iOS/Android 每年改版，不維護的 App 會被下架或閃退。
- 想像：PWA 跟原生完全一樣。真相：PWA 在 iOS 的推播與部分硬體能力仍有限制，選前要確認你要的功能支援度。
常見陷阱 × 怎麼避開
- 陷阱：一開口就要雙原生。解法：先問「有沒有非原生不可的硬體需求」，沒有就用 Flutter 或 PWA 省一半。
- 陷阱：把 SEO 命脈的內容塞進 App。解法：內容留在網站（可被搜尋與 AI 引用），交易/工具功能才進 App。
- 陷阱：忽略金流抽成。解法：把每筆 2.75%–3.5% 算進商業模式，高頻小額生意尤其敏感。
- 陷阱：沒規劃推播與留存。解法：上線前就想好「為什麼用戶要回來」，否則 App 是負資產。
- 陷阱：低估上架審核時間。解法：App Store 審核可能來回數天，行銷檔期要預留緩衝。
成功指標 + 上線後 90 天路線圖
- 第 30 天：看核心任務完成率（預約/下單/註冊）、LCP 等 Core Web Vitals、崩潰率；修最痛的三個卡點。
- 第 60 天：看留存（7/30 日回訪）、推播開啟率、金流成功率；A/B 測試關鍵流程。
- 第 90 天：算單一使用者成本與回本，決定加碼哪條路（例如 PWA 表現好就先不做原生）。
決策清單（RWD / PWA / 原生 App 怎麼選）
- ☐ 我的核心需求需要相機／藍牙／NFC／地理圍欄嗎？
- ☐ 我需要穩定的推播通知嗎？
- ☐ 我需要離線也能運作嗎？
- ☐ 內容能不能被 Google／AI 搜尋到，對我很重要嗎？
- ☐ 我能接受 App Store 15%–30% 抽成嗎？
- ☐ 我的預算含首年維護有超過 NT$40 萬嗎？
- ☐ 我有能力每年為 App 做系統相容更新嗎？
- ☐ 我的用戶「願意特地裝一支 App」嗎？
- ☐ 我需要雙平台（iOS＋Android）同時上嗎？
- ☐ 我有明確的「用戶為什麼回來」的留存策略嗎？
勾越多「需要硬體/推播/離線/雙平台」→ 往 Flutter 原生；主要為內容/SEO/快速上線 → RWD；想要 App 體驗但怕抽成審核 → PWA。
常見問題 FAQ
先做網站還是先做 App？
九成情況先做網站。網站是被搜尋、被 AI 引用、建立信任的地基；等你驗證了需求、有回頭客，再決定要不要 App，風險最低。
PWA 真的能取代原生嗎？
對電商、內容、內部工具多半可以；但重度硬體整合或需要 iOS 原生付費、順滑遊戲級動畫的產品，還是要原生。
用 Flutter 一套碼上雙平台，品質會打折嗎？
對絕大多數商業型 App 不會，體驗接近原生又省一半成本；只有極致效能或深度平台特性的產品才需要雙原生。
App 上架後還要花多少維護？
抓開發費的 15%–20%／年較安全，含系統相容、安全更新與小功能迭代。
行動呼籲
還在猶豫該做網站、PWA 還是 App？把你的核心需求、預算與時程告訴我們，ScriptWalker 提供免費 30 分鐘技術諮詢，用你的實際情境跑一次決策樹，直接給你「這條路最划算」的結論。網站規劃自 NT$8 萬起、Flutter 跨平台 App 自 NT$40 萬起。
- Email：[email protected]
- 電話：0916-224-047
- LINE：@ufv9089p