這一頁把 ONELAB 實際承接的工作範圍列清楚。每一項都可以單獨談，也常一起做，因為香港的網站專案很少只需要其中一項：設計做出來要有人開發，開發完成要有人能更新內容，更新之後還要在搜尋結果裡被找到。以下按工作性質分開說明，方便你對照自己的需求。
網頁設計與 UI/UX 規劃
設計從資訊架構開始，先確認網站要有哪些頁面、彼此怎麼連結、訪客從哪裡進來又會往哪裡走。接著處理版面邏輯、字級層級、表單欄位與互動回饋。
香港客戶常見的狀況是舊網站內容很多但找不到，這通常不是視覺問題，而是分類與導覽層級沒有整理過。UI/UX 設計的價值就在這裡，它讓後續的視覺設計有依據。
頁面清單、連結關係與表單欄位先落在紙上，再進入視覺設計。
響應式設計與跨裝置體驗
我們以手機、平板、桌面三種寬度為基本檢查範圍。重點不只是排版不跑掉，還包括手機上的導覽是否容易點、表單是否好填、重要聯絡方式是否在合理位置。
香港使用者常直接用手機打電話或查地址，所以電話與地址的呈現方式會特別處理。這一項通常與設計階段同步進行，而不是等切版時才補。
Mobile
導覽好點、表單好填
Tablet
版面比例與圖片裁切
Desktop
資訊密度與閱讀動線
前端開發與切版
前端開發負責把設計稿轉成瀏覽器實際呈現的頁面，包括語意化標記、圖片輸出尺寸控制、載入順序安排與基本互動行為。這部分直接影響網站速度與搜尋引擎讀取內容的方式。
我們會控制第三方腳本的數量，因為很多香港網站變慢的原因不是主機，而是塞了太多追蹤與外掛。
語意化標記
標題層級與段落結構寫對，搜尋引擎才讀得懂內容的重點在哪。
圖片輸出與載入
依版面需要輸出對應尺寸，安排載入順序，避免手機一進站就等大圖。
第三方腳本控制
追蹤碼與外掛逐一檢視，只留真的會用到的，減少不必要的載入負擔。
後台開發與內容管理系統建置
依你的維護需求選擇系統。建置時會設定好使用者權限與可編輯範圍，避免同事誤改版型。系統選擇會在架構階段確認，不是開發到一半才換。
WordPress
適合更新頻繁、需要快速上手的團隊。文章與頁面的編輯流程熟悉，同事接手不需要重新學一套後台。
Drupal、Joomla、Umbraco
常見於結構較複雜、權限分工較細或需要更強技術控制的專案。內容型態多、審核流程長的情況會比一般 CMS 好處理。
電子商店功能
如果你要線上銷售，網站需要商品分類、庫存描述、結帳流程、送貨說明與退換貨條款。
商品分類與庫存描述：讓訪客在結帳前就清楚規格與數量。
結帳流程與送貨說明：付款與出貨方式依你實際能執行的安排來設計。
退換貨條款：條款寫清楚，後續客服才有依據，也減少爭議。
常見的付款安排包括銀行轉帳、貨到付款與到店取貨付款。我們不會在網站上放你實際上無法兌現的付款選項，因為那會直接產生客訴。
搜尋引擎優化的技術面處理
這一項處理的是網站本身的技術條件，這些應該在上線前就完成，事後才改會動到架構。
關鍵字策略與內容經營屬於另一階段的工作，可以另外談。
網址規則與站內連結
網址好讀、連結邏輯一致，訪客與搜尋引擎都能順著走完整個網站。
標題層級與可索引內容
每個頁面都有明確的主題標題，內容結構可以被完整讀取。
圖片替代文字欄位
圖片欄位保留替代文字，讓無法顯示圖片時仍能理解內容。
載入速度
控制檔案大小與載入順序，縮短訪客等待的時間。
網站優化與既有網站調整
如果現有網站還能用，只是手機體驗差、速度慢或後台難操作，可以評估局部調整而不是全部重做。我們會先看現有架構能不能支撐接下來兩三年的需求，再決定調整範圍。
這種做法的前提是原本的系統還在維護週期內，否則改完沒多久又要面對同樣問題。評估時會一併說明哪些部分值得留、哪些部分遲早要換。
服務範圍之外，還有幾個常被問到的問題
可以只做其中一項服務嗎？
為什麼系統選擇要在架構階段就決定？
搜尋引擎優化會包含關鍵字排名嗎？
電子商店一定要做線上刷卡嗎？
下一步：把需求對照成一份可執行的報價
看完上面的項目，如果你已經知道大概需要哪些，可以直接把需求寄給我們。不確定的部分也可以在信裡列出來，我們會先回覆該談哪幾項，再進入報價。
聯絡我們
- 電話：+852 2896 7585
- 電郵：[email protected]
- 服務時間：週一至週五 09:00–18:00
- 地址：东哈萨克斯坦州乌斯卡缅诺戈尔斯克市门捷列夫街5号2号非住宅用房