本頁的案例是真實項目嗎？
不是。首批 56 個案例的名稱、行業與配圖均為虛構示例與圖庫素材，用以展示作品集的呈現與判讀方式。獲認領公司可提交可驗證的上線網址及作品資料，經管理員審批後公開。
網站案例：香港網頁設計公司作品集
從真實項目類型出發，再進入對應的網頁設計公司頁面。本頁收錄 56 個案例，來自 14 間網頁設計公司、網站設計公司及網頁製作公司，覆蓋 38 個行業標籤與 11 類服務。看案例的目的不是欣賞美術，而是回答一個問題：「我這類生意、這個規模、這種內容量的網站，對方做過幾次？」Browse website design case studies by industry and service in Hong Kong.
本頁內容： 案例統計 · 按服務分佈 · 全部 56 個案例 · 十個行業叢集 · 案例評估方法 · 案例與價格對照 · 用案例挑公司 · 常見問題
資料說明：首批案例名稱、行業與配圖均為虛構示例及圖庫素材，用以展示作品集的呈現與判讀方式，並非真實客戶項目。
Overview
案例統計摘要
先看整體結構：哪類服務案例最多、哪些行業有較多參考，再決定從哪裡開始看。
56網站案例
14網頁設計公司
38行業標籤
11服務類型
每間公司各 4 個代表案例
平台為每間收錄公司整理 4 個代表項目，方便橫向比較同類型作品。例如同是餐飲網站，Pixel Studio HK 的「East Kitchen 餐廳訂座」屬企業網站型、Urban Web Studio 的「Noodle House 菜單網站」重視菜單更新流程、Lumen Creative 的「Causeway Café 品牌頁」偏品牌視覺、Creative Grid 的「Bakehouse Mini 網站」則是 WordPress 小型網站。同一行業，四種完全不同的做法與價位。
案例數量最多的公司
本頁每間展示 4 個，但各公司累積案例總數差距很大：Prime Digital 260 個、Digital Wave 210 個、Blue Ocean Digital 168 個、WebCraft Hong Kong 140 個、NextPixel 124 個；另一端是 Northstar Web 22 個與 WebHouse HK 33 個。案例基數會影響對方是否見過你的行業難題。
By service
56 個案例的服務類型分佈
案例標籤反映該公司實際交付過什麼。留意「Website Design」與「Corporate Website」合計 18 個，佔近三分之一，這也是香港市場最常見的委託類型。
| 服務類型 | 案例數 | 代表案例 | 可篩選公司 |
|---|---|---|---|
| Website Design（網站設計） | 10 | Harbor Legal 企業網站、Eastwell Group 企業平台、New Territories Law | 企業網站 186 間 |
| Landing Page | 8 | Open Day 招生頁、Night Market 活動頁、Lead Gen 廣告登陸頁 | 142 間 |
| Corporate Website（企業網站） | 8 | City Clinic 診所網站、Pacific Parts 目錄站、Noodle House 菜單網站 | 186 間 |
| UI / UX | 6 | Peak Advisory 顧問平台、Yoga Loft 預約頁、Institution Portal | 76 間 |
| WordPress | 5 | Alliance Accounting、Shatin Music Academy、Tuen Mun Florist | 167 間 |
| SEO | 5 | Harbor B2B 企業站、Family Dental 診所、Regional SEO 重構 | 118 間 |
| E-commerce（網店） | 4 | Forma Home 品牌網店、FreshDaily 訂閱電商、Local Mart 網店 | 94 間 |
| Shopify | 4 | Linen & Co Shopify 店、Glow Lab Shopify、Prime Retail 多語言店 | 58 間 |
| Branding | 4 | Oriole 地產品牌網站、Apex Capital 品牌網站、Gallery Week 活動站 | 64 間 |
| Digital Marketing | 1 | 內容樞紐改版 | 83 間 |
| 網站維護 | 1 | 月費維護客戶後台 | 151 間 |
讀法：某公司的案例標籤若集中在 Landing Page 與 Branding（例如 Studio 88、Lumen Creative），代表擅長短周期視覺項目；集中在 SEO 與 Corporate Website（例如 Blue Ocean Digital），代表以搜尋流量為導向。服務覆蓋的完整對照見服務矩陣。
All cases
全部 56 個網站案例
每張卡片顯示項目名稱、行業與服務類型，並連到製作該案例的網頁設計公司。
By industry
十個行業叢集導讀
同一行業的網站，難點通常固定。以下按叢集說明該行業網站的核心要求、本平台的對應案例，以及應該優先比較哪幾間公司。
1. 專業服務（律師、會計、顧問）｜4 個案例
核心要求是信任感與資訊層次：服務分類要清楚、團隊資歷要可查、聯絡門檻要低。對應案例包括 Harbor Legal 企業網站與 Peak Advisory 顧問平台（Pixel Studio HK）、Alliance Accounting（WebCraft Hong Kong）、New Territories Law（HK Web Lab）、獨立會計師介紹頁（Northstar Web）、內容樞紐改版（Blue Ocean Digital）。預算對照：5–10 頁雙語企業網站市場約 HK$8,000–25,000。
2. 餐飲（餐廳、咖啡店、烘焙）｜4 個案例
難點不在首頁，而在菜單更新流程、訂座或外賣連結、分店資料與營業時間一致性。對應案例：East Kitchen 餐廳訂座（Pixel Studio HK）、Noodle House 菜單網站（Urban Web Studio）、Bakehouse Mini 網站（Creative Grid）、Causeway Café 品牌頁（Lumen Creative）。提醒：實體店要確保 Google 商家檔案與網站資訊同步。
3. 零售與電商｜9 個相關案例
要看的是產品變體處理、結帳流程、付款與物流組合。對應案例：Forma Home 品牌網店（Pixel Studio HK）、Linen & Co Shopify 店與 FreshDaily 訂閱電商（Digital Wave）、Glow Lab Shopify、Thread & Co 服飾店、SnackRoute 食品電商（NextPixel）、Local Mart 網店（Urban Web Studio）、Prime Retail 多語言店（Prime Digital）、Summer Pop-up（Studio 88）。預算對照：基本網店 HK$15,000–35,000，品牌級電商 HK$50,000–150,000＋，另計 Shopify 平台月費與 3.3% + HK$2.35 每筆手續費。
4. 醫療與診所｜3 個案例
重點是服務項目說明、醫生資歷、預約流程與私隱聲明，宣傳用語亦須謹慎。對應案例：City Clinic 診所網站（WebCraft Hong Kong）、Family Dental 診所（HK Web Lab，SEO 導向）、社區診所一頁式（Northstar Web）。這類網站的本地搜尋（地區＋服務）通常比廣泛關鍵字更有價值。
5. 教育與培訓｜3 個案例
家長與學生最常搜尋課程、時間表與收費，所以資訊層次比視覺更重要。對應案例：Open Day 招生頁（WebCraft Hong Kong）、Shatin Music Academy（HK Web Lab）、大埔補習社網站（Northstar Web）。招生季節性強，Landing Page 加報名表單的組合最常用。
6. 地產、酒店與集團｜4 個案例
需要品牌一致性、多語言與較高完成度，決策層亦較多，周期要預長。對應案例：Oriole 地產品牌網站與 Maison K 酒店微型站（BrandForm）、Eastwell Group 企業平台與 Institution Portal（Prime Digital）。預算對照：品牌系統加網站 HK$50,000–150,000，工期 8–16 週。
7. 美妝與時裝｜6 個案例
視覺與轉換要兼顧：產品攝影、變體選擇、尺碼或色號說明、社會證明。對應案例：Velvet Skin 品牌站（BrandForm）、Glow Lab Shopify 與 Thread & Co（NextPixel）、Atelier 88 Lookbook（Studio 88）、Night Silk 發布頁（Lumen Creative）、Linen & Co（Digital Wave）。留意 Landing Page 與長期店面是兩種不同投資。
8. 非牟利與社區組織｜3 個案例
預算有限但內容多，重點是捐款或參與路徑清晰、無障礙可用、內容易於自行更新。對應案例：Green Path 環保機構（HK Web Lab）、社區中心介紹頁（WebHouse HK）、Gallery Week 活動站（Lumen Creative）。WordPress 加培訓通常最實際。
9. 工業、貿易與 B2B｜4 個案例
要處理產品目錄、規格下載、詢價表單與多語言，SEO 應在設計前先做關鍵字盤點。對應案例：Harbor B2B 企業站、Pacific Parts 目錄站、Lead Gen 廣告登陸頁（Blue Ocean Digital）、North Logistics 企業頁（WebCraft Hong Kong）。詢盤型網站的價值在表單轉換，而非瀏覽量。
10. 創意、活動與產品發布｜8 個案例
周期短、視覺強、上線日固定，通常不需要 CMS 但需要極快的載入。對應案例：Night Market 活動頁與 Kite Watch 產品發布（Studio 88）、Lee Studio 作品集與 Photo Grid 攝影師站（Creative Grid）、Lumen Watch Lookbook 與 Gallery Week（Lumen Creative）、Kwun Tong Co-work（Urban Web Studio）、Wave SEO 客戶報告平台（Digital Wave）。預算對照：一頁式 HK$3,000–8,000，最快 3 個工作日至 1 週。
Evaluate
案例評估方法：七項核對
作品集是供應商自選的最佳表現，所以要用對的問題把它變成可驗證的資訊。
1. 網站是否仍然在線
索取上線網址而非只看截圖。已下線的案例代表你無法驗證實際速度、手機表現與後續維護；若大部分案例都已下線，要問清楚是客戶結業、改版換供應商，還是合約結束後無人維護。
2. 規模是否相近
8 頁網站與 80 頁多語言網站的難度差幾個等級。比較時看頁數、語言數、產品或文章數量、是否有會員或付款，而不只是看行業標籤相同。
3. 效能實測
用 PageSpeed Insights 直接測對方的案例網址。Core Web Vitals 良好門檻為 LCP 2.5 秒或以下、INP 200 毫秒或以下、CLS 0.1 或以下，以真實用戶第 75 百分位計算。多個案例都明顯超標，代表對方在效能上的優先度不高。
4. 內容深度與結構
看服務頁是否只有兩三句，還是有完整說明、常見問題與案例支撐；看標題層級是否合理（每頁一個 H1、H2 對應區塊、H3 對應細項）。內容深度不足的案例，日後你要自己補大量文案。
5. 手機實機檢查
用自己的手機打開案例：首屏訊息是否清楚、按鈕是否好按、表單是否易填、菜單或產品圖是否需要放大。香港多數查詢來自手機，桌面好看不代表手機可用。
6. 更新痕跡
看最新消息、產品或活動的最後更新日期。若案例上線後兩年都沒更新，可能代表 CMS 難用或客戶未獲培訓——這正是你最應該避免的結果。
7. 版權與保密
部分項目受保密協議限制，供應商未必能公開展示。可以要求在會議中展示，或提供可聯絡的推薦人。反之，若對方展示明顯不屬其製作的作品，是嚴重警號。
Benchmark
這些案例大約要幾錢？
以下為 2026 年香港市場常見範圍，用來估算同類案例的預算級別。實際價格仍由頁數、客製程度、內容責任與功能決定。
| 案例類型 | 對應本頁案例 | 市場價格區間 | 常見工期 |
|---|---|---|---|
| 活動頁 / 產品發布一頁式 | Night Market 活動頁、Night Silk 發布頁 | 3,000 – 8,000（套餐由 1,480 起） | 3 個工作日 – 1 週 |
| 小型 WordPress 網站 | Tuen Mun Florist、大埔補習社網站 | 4,800 – 12,000 | 1 – 2 週 |
| 中型企業網站（5–10 頁） | City Clinic 診所網站、Alliance Accounting | 8,000 – 25,000 | 2 – 4 週 |
| 客製企業網站 / 目錄站 | Harbor Legal、Pacific Parts 目錄站 | 20,000 – 60,000 | 4 – 8 週 |
| 基本網店 | Local Mart 網店、Forma Home | 15,000 – 35,000 | 4 – 6 週 |
| Shopify 客製 / 多語言電商 | Glow Lab Shopify、Prime Retail 多語言店 | 50,000 – 150,000+ | 8 – 16 週 |
| 品牌系統加網站 | Oriole 地產品牌網站、Apex Capital | 50,000 – 150,000 | 8 – 12 週 |
| UX 流程重構 | Peak Advisory 顧問平台、Yoga Loft 預約頁 | 10,000 – 80,000 | 2 – 6 週 |
| SEO 主導的改版 | Harbor B2B 企業站、Regional SEO 重構 | 製作費另加月費 3,000 – 30,000 | 3 – 6 個月見趨勢 |
別忘記持續成本：域名 .com 約 HK$100–300／年、.com.hk 約 HK$300–500／年；寄存 HK$1,000–6,000／年；SSL 免費（Let's Encrypt）或 HK$500–1,500／年；維護 HK$500–3,000／月。完整說明見常見問題的域名章節。
Shortlist
由案例走到候選名單的四步
看案例只是起點，目標是收窄到 2 至 3 間可以認真問價的公司。
第一步：挑三個最貼近你的案例
不要挑最靚，挑最似你的：行業相近、頁數相近、功能相近。記下製作公司名稱，然後到對應的公司頁看服務覆蓋與收費起點。
第二步：核對服務覆蓋
例如你要 Shopify，14 間公司中只有 3 間提供（Digital Wave、NextPixel、Prime Digital）；要 SEO 則有 7 間，要維護有 11 間。完整矩陣見服務覆蓋對照。
第三步：檢查預算匹配
最低收費由 HK$4,800 到 HK$55,000 起，平均項目預算由 HK$6,000 到 HK$180,000。讓你的預算落在對方平均項目區間之內，合作體驗通常最好，詳見收費與規模矩陣。
第四步：用同一份需求書問價
把案例參考寫進需求書（「參考本平台的 X 案例，喜歡它的服務頁結構」），再向 2 至 3 間索取逐項報價。附上參考案例可大幅減少來回猜測。
FAQ
網站案例常見問題
關於作品集的可信度、版權與判讀方式。
為什麼每間公司只展示 4 個案例？
為了方便橫向比較。各公司的累積案例總數由 22 至 260 個，全部展示反而難以對比；代表案例的作用是快速判斷風格與服務類型，再由你索取更多同類例子。
案例漂亮就代表做得好嗎？
不一定。要用七項核對：是否仍在線、規模是否相近、Core Web Vitals 實測、內容深度與標題結構、手機實機表現、更新痕跡，以及是否確屬對方作品。
怎樣知道案例是否真的由該公司製作？
要求上線網址與可聯絡的推薦人，或在會議中請對方說明當時的技術決定與難題。回答含糊、只能展示圖片而無網址，是明顯警號。
為什麼有些公司不能公開案例？
部分項目受保密協議限制，尤其金融、機構與上市公司客戶。合理做法是在會議中私下展示，或提供匿名化的流程與成果說明。
我的行業沒有相關案例怎麼辦？
改看結構相近的案例。例如診所預約流程與健身班預約、產品目錄與規格下載的邏輯相通。行業經驗有幫助，但資訊架構能力更關鍵。
案例網站可以直接照抄嗎？
不可以。設計、文案與圖片都受版權保護。正確做法是提供參考網站並說明喜歡哪一部分（版面、字體、動線、內容深度），由設計公司做出原創方案。
一個案例的製作費大約幾錢？
按類型分：活動一頁式 HK$3,000–8,000；小型 WordPress HK$4,800–12,000；中型企業網站 HK$8,000–25,000；客製企業網站 HK$20,000–60,000；基本網店 HK$15,000–35,000；Shopify 客製或多語言電商 HK$50,000–150,000＋。
案例中的相片由誰提供？
多數報價預設由客戶提供。商業攝影半日市場約 HK$3,000–8,000；使用圖庫則要確認網頁商用授權。實拍照對信任度與轉換的影響，通常大於版面動畫。
怎樣找同區的公司看實體案例？
看完案例下一步應該做什麼？
挑三個最貼近你的案例、記下公司、核對服務覆蓋與預算匹配，然後用同一份需求書向 2 至 3 間索取逐項報價，並在比較表逐行對照。
How should I use a web design company's portfolio when shortlisting?
Ask for live URLs rather than screenshots, match the case studies to your own page count and feature set, run PageSpeed Insights against them, check the heading structure and content depth, open them on your own phone, and look for signs of ongoing updates after launch.
Next step
看中某個案例？直接問同一間公司
在需求書中附上參考案例，報價會準確得多。建議同時問 2 至 3 間，逐項對比範圍與時間表。