接到一個新專案，老闆說：「我們要做一個網站。」
然後呢？你第一個該問的問題是：這是什麼類型的網站？
不同類型的網站，技術架構差很多、要開的功能也不一樣。搞清楚類型，PM 才知道怎麼寫規格、工程師才知道怎麼設計系統。
這篇文章整理了六種最常見的網站類型，每種都會告訴你：它長什麼樣、核心功能是什麼、技術上要注意什麼。
形象網站（官網）
這是什麼？
品牌的門面，像 Apple 官網、Spotify 官網。目的就是讓訪客認識品牌、建立好印象。
核心特色
- 視覺為主：大圖、動畫、影片，整個網站在「說故事」
- 互動很少：使用者主要是「看」，不太需要複雜操作
- 功能單純：頂多有個聯絡表單、最新消息
技術上要注意什麼？
形象網站對工程師來說相對單純，但有幾個重點：
前端面
- 視覺效果要到位：動畫、轉場、滾動效果
- RWD 響應式設計：手機、平板、桌機都要好看
- 效能優化：圖片太大會讓網站很慢
- SEO：讓 Google 搜得到
後端面
- 可能根本不需要後端，純靜態頁面就搞定
- 頂多做個簡單的 CMS，讓行銷可以自己更新消息
PM 開規格要注意什麼？
- 確認誰負責更新內容？需不需要後台？
- 有沒有多語系需求？
- 要不要追蹤訪客行為（GA、像素）？
電商網站
這是什麼？
蝦皮、PChome、momo 這種，讓人在網路上買東西的網站。
核心特色
- 會員系統：註冊、登入、個人資料管理
- 商品管理：上架、下架、庫存、分類
- 購物車 + 結帳：選商品、算金額、下單
- 金流串接：信用卡、ATM、超商付款
- 物流串接：宅配、超商取貨
技術上要注意什麼？
電商網站是大魔王等級，前後端都有很多挑戰。
前端面
- 商品列表、篩選、排序功能
- 購物車狀態管理（加入、修改數量、刪除）
- 結帳流程的 UX 要順暢，不然使用者會跑掉
- 金流串接時的畫面處理（跳轉、iframe、回調）
後端面
- 資料庫設計：會員、商品、訂單、庫存，關係很複雜
- 訂單狀態機：待付款 → 已付款 → 出貨中 → 已完成
- 第三方串接：金流（綠界、藍新）、物流（黑貓、超商）
- 防止超賣：庫存鎖定機制
- 高併發處理：搶購時不能掛掉
PM 開規格要注意什麼？
- 支援哪些付款方式？哪些物流？
- 要不要支援優惠券、折扣碼？
- 退換貨流程怎麼走？
- 要不要讓使用者開店（變成平台模式）？
部落格 / CMS 網站
這是什麼？
Medium、WordPress、公司的新聞專區。讓人發文章、管理內容的網站。
什麼是 CMS？
CMS = Content Management System = 內容管理系統
核心概念就是「管理」：怎麼新增文章、怎麼分類、怎麼讓讀者找到想看的內容。
核心特色
- 文章 CRUD：新增、編輯、刪除、發布
- 分類 & 標籤：把內容整理好
- 搜尋功能：讓讀者快速找到東西
- 權限管理：誰可以發文、誰可以審核
技術上要注意什麼？
前端面
- 文章閱讀體驗：排版、字體、程式碼區塊
- 編輯器整合：富文本編輯器（CKEditor、TinyMCE）或 Markdown
- 圖片上傳、拖拉排序
後端面
- 資料庫設計：文章、分類、標籤（多對多關係）
- 草稿、排程發布功能
- 搜尋功能：小網站用 SQL LIKE，大網站可能要 Elasticsearch
PM 開規格要注意什麼？
- 誰可以發文？需要審核機制嗎？
- 要不要支援多作者？
- SEO 功能要做到什麼程度？（自訂 meta、slug）
- 需要留言功能嗎？
社群網站
這是什麼？
Facebook、Instagram、YouTube、Dcard。讓人互動、建立關係的網站。
核心特色
關聯性是社群網站跟其他網站最大的差別：
- 人跟人的關係：好友、追蹤、粉絲、封鎖
- 內容跟內容的關係：按讚、留言、分享、hashtag
- 動態牆演算法：根據關係決定你看到什麼
技術上要注意什麼？
社群網站的複雜度非常高，前後端都很有挑戰。
前端面
- 無限滾動載入（Infinite Scroll）
- 即時更新：新貼文、新通知、新訊息
- 複雜的互動：按讚、留言、分享、@tag 別人
- 多媒體處理：圖片、影片上傳預覽
後端面
- 資料庫設計：使用者關係表、貼文、留言、按讚
- 動態牆排序邏輯
- 即時功能：WebSocket 推播通知
- 效能挑戰：讀取量超大，要做快取（Redis）
PM 開規格要注意什麼？
- 追蹤/好友機制怎麼設計？
- 貼文可以有哪些內容？（純文字、圖片、影片、連結）
- 隱私設定要做到什麼程度？
- 檢舉/封鎖機制怎麼處理？
遊戲網站
這是什麼？
網頁遊戲，像 Agar.io、以前 FB 上的開心農場。不用下載，開瀏覽器就能玩。
核心特色
低延遲是遊戲網站最重要的事。玩家按下按鈕，畫面要馬上反應，Lag 一下就沒人玩了。
技術上要注意什麼？
遊戲開發跟一般網站差很多，是另一個專業領域。
前端面
- Canvas 或 WebGL 繪製遊戲畫面
- 遊戲迴圈（Game Loop）：每秒更新畫面好幾十次
- 鍵盤、滑鼠、觸控事件處理
- 音效整合
後端面
- WebSocket 即時通訊
- 多人連線的狀態同步
- 遊戲邏輯放前端還是後端？（防外掛 vs 減少延遲）
- 斷線重連機制
PM 開規格要注意什麼？
- 單人還是多人遊戲？
- 預期同時在線人數？
- 遊戲資料要不要存檔？
課程網站
這是什麼？
Hahow、Yotta、Udemy。線上學習平台，讓人買課、看課、學東西。
核心特色
- 課程管理：上架課程、章節、影片
- 學習紀錄：記錄看到哪裡、完成進度
- 電商功能：買課程要付錢
- 社群功能：討論區、問答
技術上要注意什麼？
課程網站基本上是「電商 + CMS + 一點社群」的混合體。
前端面
- 影片播放器客製化：進度條、倍速、字幕
- 學習進度追蹤：記住看到哪裡
- 筆記、畫重點功能
後端面
- 影片儲存與串流（通常用雲端服務）
- 防盜版機制：加密、浮水印
- 學習進度 API
- 權限控制：買了才能看
PM 開規格要注意什麼？
- 影片要支援什麼格式？
- 要不要有作業、測驗功能？
- 完課後要不要發證書？
- 講師分潤機制怎麼算？
重點：現代網站都是「混搭」的
講了六種類型，但現實中很少網站只有一種類型。
| 網站 | 原本類型 | 混搭了什麼 |
|---|---|---|
| 社群 | + 電商（商店）、+ 遊戲（小遊戲） | |
| WordPress | 部落格 | + 電商（WooCommerce） |
| YouTube | 社群 | + 課程、+ 電商（會員、超級留言） |
| Hahow | 課程 | + 電商 + 社群（討論區） |
所以分析網站時，要想的是：「這個網站混搭了哪些類型？每種類型的功能各佔多少比重？」
實戰：怎麼拆解一個網站需求？
下次接到新專案，試著用這五個角度去分析：
1. 使用者是誰？
目標用戶是誰？他們來這個網站要幹嘛？
2. 核心功能是什麼？
最重要的功能是哪個？先把這個做好，其他都是附加的。
3. 資料有哪些？
會有哪些資料？彼此的關係是什麼？
4. 要串接什麼？
金流？物流？第三方登入？其他外部 API？
5. 有什麼技術挑戰？
高併發？即時性？大量資料？跨平台？
結語
搞懂網站類型，不是要你死背，而是讓你有一個思考框架。
對 PM 來說：知道不同類型的網站有哪些常見功能，開規格時才不會漏東漏西，跟工程師溝通也更順暢。
對工程師來說：知道不同類型的網站有什麼技術特性，才能在一開始就把架構想好，不會寫到一半才發現要砍掉重練。
下次接到新專案，先問自己：「這是哪種類型的網站？」