兩隻手在空白筆記本上畫介面草圖,旁邊放著一支鉛筆

服務範圍 · 流動應用、網站與設計

Equator 的開發與設計服務範圍

這個頁面把 Equator 的服務拆開來說,讓你知道每一項適合什麼樣的專案,以及不適合的情況。我們不做包山包海的清單,只列出實際會承接、也有交付方法的工作。

服務分開列出,是因為報價與交付方式差別很大。對外網站與對內系統的設計重點不同;單做設計審查與從零規劃流程,投入的時間也不一樣。下面每一項都說明適合的專案情境,以及我們通常會在什麼階段介入。

流動應用開發

手機 App 是我們的主要工作之一。從功能規劃、畫面設計到上架,整段都可以承接,也可以只接其中一段。常見的專案是面向消費者的服務 App,或給內部員工使用的作業工具。

技術路線取決於你的需求。需要 iOS 與 Android 同時上線、且介面要求一致時,Flutter 這類跨平台框架可以讓單一程式碼庫輸出兩個平台,版本同步的負擔較小。若功能高度依賴特定硬體或系統層能力,原生路線會更合適。iOS 端我們以 Xcode 進行編譯、除錯與模擬器測試,並處理上架前的憑證與描述檔準備。

適合與不適合

  • 已有明確使用者流程與功能範圍,需要有人把設計落到可上架的版本
  • 內部作業工具要從紙本或試算表搬到手機上,讓現場人員直接填寫
  • 只想做一次性展示、沒有後續維護計畫的樣板 App,通常不划算
設計師在昏暗工作室裡檢視大螢幕上模糊的介面版面

網站與後台系統

網站專案在我們的定義裡包含對外網站與對內系統。對外網站重視內容呈現、載入速度與搜尋可見度;對內系統重視流程、權限與資料正確性。兩者的設計重點不同,報價結構也不一樣。

很多香港客戶的實際需求是後台:把原本用試算表管理的個案、訂單或申請流程搬上系統。這類專案的重點在欄位設計與例外處理,例如同一筆資料在不同狀態下誰能修改、修改後要不要留紀錄。這些細節會在需求整理階段逐項確認。

對外網站 內容架構、載入速度、搜尋可見度,以及在不同裝置上的閱讀體驗。
對內系統與後台 流程與權限設計、資料狀態切換、修改紀錄,以及例外情況的處理方式。
資料搬遷與整合 從試算表或既有工具匯入資料,整理欄位對應,並確認舊資料的完整性。
報價結構依這兩類分開計算 需求整理後會分別列出對外與對內的工作範圍,方便你判斷先做哪一段。

UX/UI 設計

設計服務涵蓋使用者流程、資訊架構、線框圖、原型與介面設計。我們不會跳過流程直接畫畫面,因為那通常導致開發後才發現動線不通。

如果你已經有設計稿但想確認可用性,也可以單獨委託設計審查。我們會從主要流程出發,檢查新用戶能否自行完成關鍵動作、錯誤提示是否清楚、以及雙語切換後版面是否仍然成立。

設計審查涵蓋

  • 新用戶能否自行完成關鍵動作
  • 錯誤提示是否清楚、可回復
  • 雙語切換後版面是否仍然成立

設計系統與元件庫

當產品需要長期迭代,或有多個頁面與平台要維護時,設計系統的價值會慢慢浮現。它把按鈕、表單、顏色、間距與文字樣式定義成可重用的元件,讓新增頁面時不必每次重新決定。

我們通常在 Figma 裡建立與維護這套系統,並在開發端對應成可重用的程式元件。這樣設計與程式兩邊的命名一致,交接時少一層翻譯。專案越大、參與的人越多,這層投資回報越明顯。

元件庫通常包含

  • 按鈕與表單欄位的各種狀態
  • 顏色、間距與文字樣式定義
  • 設計與程式共用的元件命名
  • 換行、截斷與雙語長度規則

原型與概念驗證

單手持平板點按可操作的線框流程,螢幕內容模糊

有些專案在投入開發前需要先驗證方向。原型可以是可點擊的畫面流程,也可以是能實際操作、有假資料的網頁應用。前者用來確認動線,後者用來確認流程與資料結構是否合理。

如果目標只是快速確認某個流程有沒有用,Bubble 這類無程式碼平台能在較短時間內做出可操作版本,讓真人試用後再決定要不要客製開發。需要高互動敘事的產品頁或概念展示,Framer 的原型與發布能力會更貼近成品。

跨平台一致性與雙語介面

同一個產品在不同裝置上

同一個產品在 iOS、Android 與網頁上出現,介面與行為不一致是很常見的問題。使用者會覺得「換了裝置就像換了產品」,客服也會收到重複的問題。

我們的處理方式是在設計階段就把共用與分流的元件分清楚,哪些行為必須一致、哪些可以遵循各平台的慣例。實作上再配合跨平台框架與共用元件庫,把差異控制在可預期的範圍內。

繁中與英文並存的版面

繁中與英文並存是香港產品的常態。字串長度差異、標點與換行規則、日期與數字格式,都會影響版面是否成立。這些問題如果留到開發後期處理,通常要回頭改設計。

我們會在資訊架構階段把語言切換納入規劃,標籤與錯誤訊息都預留英文長度,並在設計系統裡定義換行與截斷規則。這樣雙語不會變成臨時加班的來源。

上線前檢查與效能審核

網站上線前,我們會用 Google Lighthouse 從效能、無障礙、SEO 與最佳實踐幾個面向做檢查,改版後再跑一次做對照。重點不是分數,而是把結果當成待辦清單逐項處理。

圖片體積、字型載入與第三方程式碼通常影響最大,也最容易在趕上線時被略過。無障礙檢查會提醒對比度、替代文字與鍵盤操作的問題,對需要服務不同用戶群的機構網站尤其實際。

效能與載入速度 圖片、字型、第三方程式碼
無障礙 對比度、替代文字、鍵盤操作
搜尋與最佳實踐 結構、標記、可索引內容
改版後再跑一次做對照 兩次結果並排看,才知道哪些改動真的有效。

上線後維護與迭代

上線後的工作包括既有功能修復、系統與憑證更新、以及新需求開發。我們會在一開始就約定維護範圍與回應方式,避免後續出現「這算誰的」的爭議。

常見的維護節奏是按季度檢查依賴項目與作業系統版本,並在需要時安排更新。若產品需要持續加功能,也可以改用固定的迭代週期,把設計、開發與驗收排進同一個節奏裡。

功能修復

既有流程出錯時,先確認影響範圍與重現步驟,再排入修復順序。

系統與憑證更新

依賴項目、作業系統版本與上架憑證都需要定期檢查,避免到期才處理。

新需求開發

用固定迭代週期把設計、開發與驗收排進同一節奏,範圍一開始就講清楚。

清晨昏暗工作室角落,空椅與亮著的桌燈在牆上留下暖色光暈

維護不是上線後才想的事,而是一開始就要談清楚的範圍。

常見問題

可以只做設計,不接開發嗎?

可以。設計審查、流程規劃或介面設計都能單獨承接,交付的是設計檔與規格說明。若之後要交給其他團隊開發,我們會把元件狀態與尺寸規則寫清楚,減少來回確認。

跨平台框架會不會讓效能變差?

多數以表單、清單與內容瀏覽為主的 App,跨平台框架的效能足夠。真正需要原生路線的,通常是重度圖像處理、背景長時間執行,或高度依賴特定硬體功能的專案。這些會在功能規劃階段先判斷。

設計系統對小專案有必要嗎?

只有幾頁、也不打算長期加功能的專案,通常用不上一整套系統。但如果之後會持續新增頁面或增加平台,先把按鈕、表單與文字樣式定下來,可以省掉每次重新決定的時間。

雙語介面什麼時候要開始處理?

越早越好。語言切換會影響標籤長度、換行位置與錯誤訊息排版,在資訊架構階段就納入規劃,比在開發後期回頭改設計省事得多。

接著可以看什麼

如果你已經知道需要哪一項服務,可以直接把專案背景與時程寄給我們,我們會先判斷適合的服務組合再回覆。還在比較階段的話,先看流程與工具這兩頁會更有幫助。