網頁設計、網站製作
網店的版面設計、UI/UX 與品牌形象基礎,劃一 $1800 一次性收費的標準網站方案。
查看網頁設計Quick Answer
TERO 網頁設計公司自 2014 年起提供電商平台開發與網店製作服務,涵蓋八大模組:網店建立與版面設計、商品與庫存管理、訂單與物流管理、支付閘整合、行銷與優惠工具、會員與 CRM 積分系統、數據分析報表,以及 POS 與 O2O 線上線下整合。方案適用於 B2C 零售網店、B2B 批發電商平台,以及需要同時經營實體門市與網上銷售的多渠道業務。
與展示型網站最大的分別在於:網店是一套會處理金錢與庫存的系統,任何環節出錯都是實質損失——超賣、重複扣款、運費計錯、訂單漏單。因此我們在開發時的重點不只是版面美觀,而是流程的準確與可追溯。網店的基礎版面設計屬網頁設計範疇,主機與備份屬網頁寄存範疇,開店後的流量則由SEO 與 Google Ads 及社交平台推廣負責。
Features
以下為完整功能清單,可整套建置或分階段實施。
Platform Choice
這是開店前最重要的決定,直接影響長期成本結構與資料擁有權。
| 比較項目 | 自建網店 | SaaS 平台 | 市集平台上架 |
|---|---|---|---|
| 初期成本 | 較高(一次性開發) | 低(月費起) | 最低 |
| 長期成本 | 主機與維護 | 月費隨功能與訂單量遞增 | 按銷售額抽成,持續 |
| 客戶資料 | 完全屬於你 | 可匯出但受平台規則限制 | 多數不完整或不可取得 |
| 版面與功能自由度 | 最高 | 受主題與外掛限制 | 幾乎沒有 |
| SEO 空間 | 完全可控 | 部分可控 | 流量屬於平台 |
| 系統整合 | 可對接任何系統 | 視乎平台開放的 API | 極有限 |
| 技術維護責任 | 需要維護方 | 由平台負責 | 由平台負責 |
| 適合階段 | 已有穩定訂單、需要客製流程 | 剛起步、快速測試市場 | 借用既有流量獲取新客 |
市集平台與社交商店適合用來獲取新客,因為它們本身就有流量池;但長遠一定要把客戶引導回自己的網店與電郵名單。原因很簡單:平台隨時可以改規則、加抽成、調整演算法,甚至封停帳戶,而你的網站與客戶名單才是真正屬於你的資產。
Modules
商品資料是整個網店的基礎,設計不當會在日後造成大量人手補救。我們處理的重點包括:多規格商品(顏色、尺碼、容量)與各規格獨立庫存、商品分類與標籤架構、SKU 編碼規則、批次匯入與匯出、上下架排程、低庫存提示與缺貨處理策略(顯示缺貨、接受預訂,或自動隱藏)。
庫存的關鍵是扣減時機:應該在加入購物車、開始結帳,還是付款成功後才扣?不同業務有不同答案——限量商品宜早扣並設保留時限,一般商品宜在付款成功後扣以免佔用庫存。這個決定會直接影響超賣風險與轉換率。
訂單狀態流轉需要清晰定義:待付款、已付款、處理中、已出貨、已完成、已取消、退款中、已退款。每次狀態變更都應留下記錄與時間戳,方便日後查核爭議。此外需要處理:部分出貨、換貨與退款流程、訂單備註與內部標籤、批量列印出貨單、以及與會計系統的對接。
會員資料可與手機 App 共用同一套後端,令用戶在網店、App 與門市看到一致的積分與訂單記錄。
包括折扣碼(固定金額、百分比、免運)、限時促銷與倒數、滿額折扣與滿額免運、買一送一與套裝優惠、會員專屬價、新客首單優惠、以及推薦好友機制。設計優惠時要注意疊加規則——多重優惠同時生效造成虧本銷售,是常見而昂貴的錯誤。
網店應該看的核心數字:銷售額與訂單數、平均訂單價值(AOV)、轉換率、棄單率、各流量來源的實際收入、熱賣與滯銷商品、回頭客比例與客戶終身價值。這些數據需要配合 GA4 的電子商務事件追蹤才完整,設定方法見GA4 與轉換追蹤。
有實體門市的商戶,最常遇到的問題是網店與門市庫存各自為政。O2O 整合的核心是把兩邊的商品、庫存與會員資料打通,實現:門市與網店共用庫存、線上購買門市自取、門市掃碼查詢網上庫存、會員積分跨渠道通用、以及統一的銷售報表。實際可行程度取決於你現有 POS 系統是否開放 API,我們會在報價前先確認。
把商品同步至社交商店、小程式與市集平台,訂單集中回流至同一介面處理。最大的風險是庫存不同步造成超賣——客戶下單後才發現無貨,退款事小,信任受損事大。解決方法是以你的網店系統作為單一資料來源,各渠道由中央同步而非各自維護。相關的社交渠道經營見社交電商整合。
Payment
收款方式的選擇同時影響轉換率與毛利。以下為香港市場常見選項與公開收費資料。
| 支付方式 | 公開收費 | 特點 | 適合情況 |
|---|---|---|---|
| Stripe(信用卡) | 本地卡 3.4% + HK$2.35/筆;國際卡另加 0.5%(以美元結算時);需貨幣兌換再加 2% | 開發者友善、支援訂閱與多幣種 | 面向本地與海外客戶的網店 |
| PayMe for Business | 無開戶費與月費;App 內交易 1.2%;經 API 或合作 POS 終端 1.5% | 香港用戶普及度高,操作熟悉 | 本地零售、餐飲、服務業 |
| FPS 轉數快 | 視乎銀行或收單機構安排 | 即時到帳、7×24 運作、支援 QR 收款 | 希望降低交易成本的本地商戶 |
| PayPal | 按 PayPal 公佈的商戶費率(含固定費用) | 國際認受性高,買家保障機制完善 | 海外訂單、跨境銷售 |
| 支付寶(香港)/微信支付 | 按商戶協議 | 覆蓋內地訪客與跨境客群 | 旅遊零售、跨境電商 |
| 八達通網上收款 | 按商戶協議 | 本地滲透率極高 | 本地日常消費類商品 |
| 分期付款 | 按服務商方案(部分由商戶承擔費用) | 提高高單價商品成交率 | 電器、傢俬、課程、療程 |
| 貨到付款(COD) | 物流商代收費用 | 降低新客信任門檻 | 首次購買、實物商品 |
轉數快(FPS)已成為香港重要的即時支付基建。根據香港銀行同業結算有限公司公佈的數據,轉數快登記帳戶數持續增長,並已達到每日處理超過一百萬宗港元即時交易的規模,日均交易金額以十億港元計。對商戶而言,這代表 QR 收款與即時到帳已是本地客戶普遍接受的付款方式。
不是越多越好。每增加一種方式,就多一套對帳流程、多一份手續費結構、多一個結帳頁上的選擇負擔。務實建議:先支援兩至三種覆蓋大多數客戶的方式(例如信用卡 + PayMe 或 FPS),觀察實際使用比例三個月,再決定是否加開。結帳頁上放八個付款按鈕,反而會令客戶猶豫。
Logistics
當訂單量上升,人手抄地址、貼單、逐張輸入追蹤編號會迅速變成瓶頸,而且極易出錯。物流 API 整合可自動完成:由訂單資料生成運單、列印面單、回寫追蹤編號至訂單、自動通知客戶、以及同步派送狀態。我們可對接香港常用的物流服務商(包括順豐等提供 API 的供應商),實際可用的介面與功能需按你的物流合約確認。
運費規則設計不當,是網店最常見的隱形虧損來源。可支援的計算方式包括:
建議在設定前先計一次實際成本:把過去三個月的訂單按重量與地區分佈統計,就能看出現行規則是賺是蝕。「滿 HK$500 免運」聽落吸引,但如果平均訂單重量令運費成本達 HK$60,而毛利只有 HK$80,就要重新計算門檻。
自動化的狀態通知(已接單、已出貨、派送中、已送達)能顯著減少客服查詢量。通知渠道可用電郵、SMS 或 WhatsApp;電郵通知能否送達收件匣,取決於 SPF、DKIM 與 DMARC 設定是否正確——詳見企業電郵設定。
清晰的退換貨政策本身就是轉換率工具:客戶知道買錯可以退,下單的心理門檻就低。系統上需要處理:退貨申請入口、退貨原因記錄、退款狀態追蹤、庫存回補,以及退貨運費由誰承擔的規則。
E-Commerce SEO
網店的 SEO 難點與一般網站不同:頁面數量龐大、內容重複、篩選參數容易產生大量無價值網址。
為產品頁加入 Schema.org 的 Product 標記,包含名稱、圖片、描述、SKU、品牌、價格、貨幣、供應狀態與評價。正確標記後,搜尋結果有機會顯示價格與供應狀態等豐富資訊;同時,這也是 AI 系統理解你產品資料的主要途徑。要注意標記內容必須與頁面上實際顯示的一致,否則可能違反結構化資料指引。
顏色、尺碼、價格區間等篩選功能會產生大量參數網址(例如 ?color=red&size=m&sort=price)。若不處理,會造成索引膨脹與抓取預算浪費。標準做法:
直接刪除頁面會浪費累積的排名與外部連結。建議做法:暫時缺貨的保留頁面並標示補貨時間、提供到貨通知;永久停產的以 301 轉址至替代產品或所屬分類頁;季節性商品則保留頁面,下季再上架。
AI 搜尋在購物類查詢的作用日增。要令 AI 正確引述你的產品,內容需要具備可核實的具體資訊:確切規格、尺寸、材質、價格、配送方式與退換條款,並以問答與表格形式呈現。詳細做法見GEO 生成式引擎優化。
Conversion
購物車棄單是所有網店都會面對的情況。從實務觀察,主要原因集中在幾類:結帳時才出現的額外費用(運費、手續費、稅項)、強制註冊帳戶、結帳步驟過多或表單太長、付款方式不足、送貨時間過長或不明確、對網站安全性存疑,以及網站載入太慢。
系統可在客戶棄單後自動觸發提醒:第一次於數小時內以電郵或訊息溫和提醒,第二次於一至兩日後補上限時優惠。要注意頻率與時機——過度追擊會造成反感。配合廣告層面的再營銷投放,見再營銷策略。
B2B
B2B 網店的邏輯與零售完全不同:客戶是重複採購的企業,重視效率、價格準確與帳務清晰,而非視覺華麗或衝動購買。
B2B 平台的價值主要體現在減省人手處理訂單的時間。若你的銷售團隊每日花大量時間接電話、抄單、報價、對帳,這些流程正是自動化最有回報的部分。
Process & Cost
不是開發本身,而是外部審批與資料準備:支付服務商的商戶帳戶審批、物流合約與 API 權限申請、以及客戶提供商品資料與圖片的速度。一個有五百件商品的網店,如果圖片與規格未整理,單是資料準備就可能比開發本身耗時更久。我們會在報價時把這些依賴列明並訂出交付節點。
| 項目 | 性質 | 說明 |
|---|---|---|
| 系統開發與設計 | 一次性 | 視功能模組數量與客製程度 |
| 商品資料建置 | 一次性 | 視商品數量,可由客戶自行輸入以節省成本 |
| 網頁寄存與主機 | 月費/年費 | 網店對資源與備份頻率要求較高,見網頁寄存 |
| 域名與 SSL | 年費 | SSL 有效期正在縮短,建議自動續期 |
| 支付閘手續費 | 按交易 | 由支付服務商收取,見上方費率表 |
| 物流費用 | 按訂單 | 由物流商收取 |
| 系統維護與更新 | 月費 | 安全更新、備份、故障處理 |
| 推廣費用 | 持續 | 廣告費直接付予平台,見網上推廣 |
我們的報價會把付予 TERO 的費用與付予第三方的費用分開列明,避免日後出現爭議。網頁設計部分的收費結構可參考首頁的透明價格說明。
FAQ
剛起步、需要快速測試市場,SaaS 平台的初期成本較低;已有穩定訂單、需要客製流程或深度系統整合,自建網店的長期成本效益較高,而且客戶資料、版面與 SEO 完全由你掌控。判斷時機的訊號包括:平台月費已接近自建攤分成本、需要的功能平台做不到、或需與 ERP 及倉庫系統整合。
可按需要整合信用卡(經 Stripe 等收單服務)、PayMe、FPS 轉數快、PayPal、支付寶(香港)、微信支付、八達通網上收款、分期付款與貨到付款。實際可開通的方式取決於你的商戶帳戶審批結果、行業類別與風險評級,我們會在報價前先確認可行組合。
以 Stripe 香港公開費率為例,本地發卡的信用卡為每筆 3.4% + HK$2.35;國際卡在以美元結算時另加 0.5%;如需貨幣兌換再加 2%。其他收單機構的費率各有不同,簽約前應以服務商最新公佈為準。
PayMe for Business 不設開戶費與月費,只在成功收款時按比例收費:透過 PayMe for Business 應用程式收款為每筆 1.2%,透過 PayMe API(例如整合至網店結帳頁)或合作夥伴 POS 終端收款為每筆 1.5%。
不是越多越好。每增加一種就多一套對帳流程與手續費結構,結帳頁選項過多亦會令客戶猶豫。建議先支援兩至三種覆蓋大多數客戶的方式(例如信用卡加 PayMe 或 FPS),觀察三個月實際使用比例後再決定是否加開。
可以。透過物流 API 整合,系統可由訂單資料自動生成運單、列印面單、回寫追蹤編號並通知客戶。運費可按重量或體積重分段、按訂單金額分段、按地區分區、按配送方式,或加設特殊商品附加費。實際可用的 API 功能需按你的物流合約確認。
可以,這就是 O2O 整合。可實現門市與網店共用庫存、線上購買門市自取、門市查詢網上庫存、會員積分跨渠道通用與統一報表。實際可行程度取決於你現有 POS 系統是否開放 API,我們會在報價前先確認。
會,這是多渠道銷售最常見的問題。解決方法是以自家網店系統作為單一資料來源,商品、價格與庫存由中央系統同步至社交商店、小程式與市集平台,訂單集中回流至同一介面處理,而非每個渠道各自維護一份庫存。
重點包括:H1 為完整產品名稱、撰寫獨一無二的產品描述(不要直接複製供應商文案)、規格以表格呈現、圖片具描述性 alt、加入常見問題與客戶評價、以及正確的 Product 結構化資料(名稱、SKU、品牌、價格、供應狀態)。此外必須處理篩選參數產生的重複網址,避免索引膨脹。
不建議直接刪除,因為會浪費累積的排名與外部連結。暫時缺貨的保留頁面並標示補貨時間、提供到貨通知;永久停產的以 301 轉址至替代產品或所屬分類頁;季節性商品保留頁面待下季再上架。
常見原因包括:結帳時才出現額外費用(運費、手續費)、強制註冊帳戶、步驟過多或表單太長、付款方式不足、送貨時間不明、對安全性存疑、以及網站載入太慢。對應做法是提早顯示運費、開放訪客結帳、精簡表單、加入信任元素,並配合棄單自動提醒與再營銷。
視乎商品數量與功能複雜度。影響時間最大的往往不是開發,而是外部依賴:支付服務商的商戶帳戶審批、物流 API 權限申請,以及商品資料與圖片的準備進度。網頁設計的「最快 3 天起貨」承諾只適用於標準網站製作,不適用於電商平台。
Related Services
網店的版面設計、UI/UX 與品牌形象基礎,劃一 $1800 一次性收費的標準網站方案。
查看網頁設計
開店只是第一步,購物廣告、SEO 與 GA4 電商追蹤才能把商品帶到有購買意圖的人面前。
查看網上推廣
社交商店、KOC 種草與棄單再營銷,是網店新客與回頭客的主要來源之一。
查看社交推廣
會員 App 可與網店共用同一套會員、積分與訂單資料,推送通知提升回購率。
查看 Apps 製作
網店對主機資源、SSL、每日備份與安全防護的要求高於一般網站,不能將就。
查看網頁寄存
成立於2014年的香港網頁設計公司,網站、網店、App、推廣與寄存由同一團隊負責。
返回首頁了解更多