自動化
把重複作業交給系統。
01 / 理念
我們從企業流程出發設計客製化軟體——從一項重複流程,到讓它穩定運作的完整系統。減少作業卡點,貼合企業流程的客製化軟體。
把重複作業交給系統。
建立真正符合企業需求的系統。
讓現有工具與資料彼此串接。
向下捲動:卡點 → 系統 → 改善
作業卡點
實際改善
例行作業耗費大量時間,還得不斷追蹤與催辦。
重要資訊散落在不同工具,無法順暢流轉。
團隊被迫遷就軟體,而不是讓軟體配合作業流程。
一套專為企業流程設計的系統。
用穩定的自動化流程取代重複步驟。
把工具、資訊與團隊串成一套清楚的作業流程。
建立穩定的系統基礎,隨企業需求持續擴充。
05 / 實作案例
精選我們從真實企業需求出發,實際設計與開發的系統、流程與工具。
01 / 07 項實作
專案營運
這套專案環境不強迫每個工作室套用相同模板,而是依照實際階段、團隊結構、客戶資訊、檔案、規格與財務設定調整。
團隊可依照自己的營運模式工作,不必為了通用軟體而改變原有流程。
專案營運
企業面臨的問題
當專案資訊分散在通用工具、文件與只有資深成員理解的默契中,工作結構與責任歸屬便容易變得模糊。
我們的解法
我們依照工作室實際建立、瀏覽與執行專案的方式,打造可彈性設定的專案環境。
帶來的改變
每個專案遵循一致的共同結構,同時保留工作室需要的階段、分類、責任與相關紀錄。
實際建置內容
技術架構
Swift · SwiftUI · TypeScript · Firebase Firestore · Cloud Functions
02 / 07 項實作
工作室範本
可重用範本將成熟的專案結構、版面、問卷、需求文件、稅務設定與文件配置,直接帶入新的工作。
工作室可以標準化最成熟的流程,同時依每個專案的實際需求調整。
工作室範本
企業面臨的問題
即使工作室已建立有效流程,每個新專案仍常重複相同設定;人工重建不只耗時,也容易產生細微落差。
我們的解法
我們設計範本系統,在背景複製多層專案結構與相關素材,並清楚顯示處理進度。
帶來的改變
經過驗證的作業方式可直接成為新專案起點,不必重新建立每個版面、需求文件、紀錄與設定。
實際建置內容
技術架構
Swift · SwiftUI · TypeScript · Firebase Cloud Functions · Firestore · Cloud Storage
03 / 07 項實作
客戶專案啟動
結構化的需求探索流程,讓客戶目標、決策、問卷、需求文件與專案脈絡,在設計工作開始前就集中於同一處。
團隊開始設計時,能對客戶、需求與既有決策建立更清楚的共同理解。
客戶專案啟動
企業面臨的問題
最早期也最關鍵的專案知識,常從會議、訊息、PDF 與零散筆記進入;後續做決策時,這些資訊往往難以找回。
我們的解法
我們將可重用問卷、需求文件、主題式回覆與專案紀錄,串成一套完整的需求探索流程。
帶來的改變
客戶脈絡在整個專案期間都能被查閱,不再只存在於會議記憶或孤立文件中。
實際建置內容
技術架構
Swift · SwiftUI · Firebase Firestore · Cloud Storage
04 / 07 項實作
文件流程
與專案連結的檔案工作空間,讓文件與圖片留在所支援的實際工作旁,並整合預覽、匯入、整理與重用。
團隊不必反覆切換檔案儲存空間與理解文件所需的專案脈絡。
文件流程
企業面臨的問題
專案檔案若存在獨立工具中,與賦予它意義的決策、產品、版面或紀錄分離,就很難真正用於工作。
我們的解法
我們將文件匯入、整理、預覽、重新命名與重用,直接整合到專案環境中。
帶來的改變
檔案可直接加入專案紀錄與視覺版面,同時保留與實際工作的關聯。
實際建置內容
技術架構
Swift · SwiftUI · UIKit · Quick Look · VisionKit · Firebase Firestore · Cloud Storage
範圍說明
此範圍聚焦專案檔案;更高階的隱私邊界與隔離式多租戶儲存不在本展示範圍。
05 / 07 項實作
型錄營運
受控的內部流程將不規則來源庫存,整理成具備統一分類、商業計算與媒體管理的雙語產品紀錄。
型錄品質來自可重複的營運模式,不再依賴直接修改資料庫或各自處理圖片。
型錄營運
企業面臨的問題
舊有產品資料與攝影品質差異過大,無法直接發布。若缺乏受控欄位與審核,分類、計算、使用階段與媒體路徑的錯誤就會進入公開型錄。
我們的解法
我們以私有草稿、白名單更新、受控產品類型、計算欄位與媒體上傳,建立多步驟編輯器及 callable 後端。
帶來的改變
內容、商業資料、媒體與使用階段狀態,都能在發布前透過同一套受控紀錄流程完成準備與審核。
實際建置內容
技術架構
Next.js · React · TypeScript · Firebase Auth · Firebase Cloud Functions · Firestore transactions · Google Cloud Storage signed URLs · Notion API
跨裝置網頁管理介面,由伺服器端型錄與遷移流程支援。
範圍說明
不宣稱是完整 CMS、PIM、DAM 或 ETL。
無法稽核實際部署的 Firestore 與 Storage 規則。
遷移為一次性操作,並非持續同步。
06 / 07 項實作
合作夥伴管理
客製化 Trade Program 流程,將設計師申請從企業資料與審核,一路連結到協議產生、簽署與正式合作狀態。
合作關係成為可控管的商業流程,不再只是表單、電子郵件與手動修改文件的組合。
合作夥伴管理
企業面臨的問題
專業合作計畫不能只靠聯絡表單管理;申請者背景、審核決策、協議、簽署與存取狀態必須保持連結。
我們的解法
我們將帳號紀錄、Trade Program 申請、管理審核、PDF 產生、簽名擷取與合作狀態整合為一套流程。
帶來的改變
每份申請都有從送出、審核、簽署協議到目前合作狀態的完整可追蹤路徑。
實際建置內容
技術架構
Next.js · React · TypeScript · Firebase Auth · Firestore · Firebase Cloud Functions · Cloud Storage · pdf-lib
網頁與管理流程,搭配伺服器協議產生及客製簽署管理。
範圍說明
不構成身分驗證或 KYC。
簽署方式不宣稱為經認證的電子簽章。
無法完整稽核 Firestore 與 Storage 規則。
07 / 07 項實作
庫存協調
以交易為基礎的限時保留流程,讓符合資格的使用者暫時保留稀有型錄品項,並處理衝突檢查、專案脈絡、釋放與排程到期。
暫時承諾能被一致記錄,不會讓非正式興趣變成無限期或定義模糊的保留。
庫存協調
企業面臨的問題
獨一物件的暫時購買意向若只存在私訊中,未反映到其他使用者看到的供應狀態,同一件物品就可能被重複承諾。
我們的解法
我們以交易式 callable functions 與排程到期機制,管理保留資訊、資格限制、專案鏡像、衝突拒絕、釋放與狀態恢復。
帶來的改變
限時保留會同時反映在型錄供應狀態與使用者專案中,並提供衝突拒絕、手動釋放與自動到期的明確處理方式。
實際建置內容
技術架構
TypeScript · Firebase Auth · Firebase Cloud Functions · Firestore transactions · Cloud Scheduler · Next.js cache revalidation
產品與專案介面,由交易式 Functions 與排程到期機制支援。
範圍說明
不構成即時庫存、倉儲管理、付款或購買預訂系統。
目前資格依帳號類型判定。
不宣稱正式環境 SLA。
01 / 04 項實作
原生視覺空間
將原本散落於不同檔案與應用程式的視覺提案,整合到與專案連結的畫布,讓產品、參考資料、繪圖與最終版面始終保持關聯。
從第一張參考圖到最終提案,每個設計決策都有跡可循,團隊也不必再耗時於彼此不相連的工具間搬運內容。
原生視覺空間
企業面臨的問題
設計團隊需要快速切換產品參考、圖片、版面決策與提案輸出。當每一部分分散在不同應用程式,脈絡容易遺失,相同素材也必須反覆重建。
我們的解法
我們以專案為核心設計原生視覺工作空間,整合多版面編排、繪圖、精準排版工具、產品資料與可重用素材。
帶來的改變
版面可從初步構圖一路完成為客戶提案,同時保留背後的產品、檔案與專案資訊,不讓視覺決策與作業脈絡分離。
實際建置內容
技術架構
Swift · SwiftUI · UIKit · PencilKit · Core Graphics · Firebase
建置於室內設計工作室的原生營運平台中。
02 / 04 項實作
原生協作
支援離線的協作架構,在斷線期間保留原生視覺工作,安全重新連線,並讓復原狀態清楚可理解。
網路狀態成為產品可妥善處理的條件,而不是複雜工作無聲遺失的原因。
原生協作
企業面臨的問題
視覺編輯不能因斷線而停止。本機變更必須保留、以確定方式合併,並在不隱藏風險的前提下回到同步狀態。
我們的解法
我們以本機指令日誌、確定性重播、同步、連線狀態、歷程與復原工具,建立離線優先的協作層。
帶來的改變
即使工作中斷,編輯內容仍可復原;重新連線與同步狀態也持續對使用者可見。
實際建置內容
技術架構
Swift · SQLite · Rust · Automerge CRDT · WebSockets · Axum · PostgreSQL · Google Cloud Run
範圍說明
這是一套聚焦的協作基礎,不代表不受限制的外部存取或無限的正式環境規模。
03 / 04 項實作
輸出與交付
專用渲染流程將原生視覺版面輸出為可印刷 PDF 與高解析度圖片,不必在其他工具中重新製作。
視覺工作離開原本工作空間後仍能直接使用,省去額外重建步驟。
輸出與交付
企業面臨的問題
若版面無法依審核、印刷或交付所需的尺寸、品質、比例與透明度輸出,工作就不算真正完成。
我們的解法
我們依照應用程式的視覺模型建立輸出引擎,精準控制提案、印刷與圖片輸出。
帶來的改變
完成的版面可以實用格式,直接進入客戶審核、製作與交付流程。
實際建置內容
技術架構
Swift · UIKit · Core Graphics · ImageIO · Uniform Type Identifiers
04 / 04 項實作
影像準備
裝置端去背工具,讓設計師在產品與參考圖加入視覺構圖前,先完成主體擷取。
設計師不用中斷專案流程或建立另一份斷開檔案,就能準備更乾淨的視覺素材。
影像準備
企業面臨的問題
產品照片在加入有說服力的版面前,通常需要去背或清理,迫使設計師繞到其他影像編輯軟體。
我們的解法
我們把圖片去背流程嵌入產品與視覺工作空間,讓素材在實際使用的位置完成準備。
帶來的改變
產品圖片可直接在應用程式內完成主體擷取、檢視並重複用於構圖。
實際建置內容
技術架構
Swift · Apple Vision · Core ML · DeepLabV3 · Core Image · UIKit
01 / 08 項實作
產品資料
可重用的產品資料庫,讓團隊集中保存圖片、尺寸、材質、價格、供應狀態、供應商與相關文件,並將累積的選品知識直接帶入進行中的專案。
產品知識成為團隊共享的長期資產,不再消失於單一專案或個人檔案中。
產品資料
企業面臨的問題
選品資訊散落在供應商網站、截圖、試算表、訊息與個人筆記。即使曾找到合適產品,下一個專案往往仍得從頭搜尋。
我們的解法
我們將選品流程整理成可重用的營運資料庫,提供可搜尋的產品紀錄、商業與技術資訊、媒體、供應商脈絡,以及與專案工作的連結。
帶來的改變
產品只需研究一次,之後仍可持續檢視,並直接加入規格表與視覺版面,無須重新建立資料。
實際建置內容
技術架構
Swift · SwiftUI · Firebase Firestore · Cloud Storage · SDWebImage
02 / 08 項實作
設計深化
產品規格表將每項設計選品,連結到交付所需的數量、價格、核准、採購狀態、問題紀錄與提案版面。
設計意圖始終連結到報價、核准、採購與交付所需的實際作業。
設計深化
企業面臨的問題
一項產品即使因設計價值而被選中,後續仍需管理數量、商業資訊、核准、採購與問題追蹤;單靠視覺提案無法承擔這些作業責任。
我們的解法
我們建立與專案連結的規格系統,將選品轉成包含快照、狀態、價格,並與提案及版面相連的結構化清單。
帶來的改變
同一項選品可同時作為設計決策、商業項目與交付責任來理解,不必建立彼此不相連的副本。
實際建置內容
技術架構
Swift · SwiftUI · TypeScript · Firestore · Cloud Functions · Zod
03 / 08 項實作
FF&E 協調
跨專案階段的管控畫面,集中呈現每項選品的價格、核准、採購與問題處理狀態。
團隊能立即看見需要處理的品項,同時讓狀態持續連結到原始專案紀錄。
FF&E 協調
企業面臨的問題
產品離開選品階段後,會依序經歷報價、核准、訂購、交貨與問題處理;額外建立的追蹤表很快就會不完整或過時。
我們的解法
我們在專案規格紀錄上加入狀態管控層,直接對應團隊原本就需要追蹤的各個階段。
帶來的改變
團隊可在同一個營運畫面檢視並更新品項進度,不必再核對另一份採購追蹤表。
實際建置內容
技術架構
Swift · SwiftUI · Firestore collection-group queries · TypeScript · Cloud Functions
04 / 08 項實作
從瀏覽器到原生應用
瀏覽器擴充功能搭配 AI 輔助審核,將產品網頁轉成結構化草稿,再由使用者於原生應用程式中確認。
團隊減少重複輸入,同時在自動擷取與可信產品資料之間保留人工判斷。
從瀏覽器到原生應用
企業面臨的問題
有用的產品資訊分散在網頁文字、中繼資料、圖庫、款式、文件與供應商內容中。逐欄輸入耗時,但未經審核直接匯入又不可靠。
我們的解法
我們串接瀏覽器擷取、Firebase 身分驗證、AI 輔助分類、暫存草稿、媒體選擇與原生審核介面。
帶來的改變
網頁內容會轉成標準化產品資料與所選媒體,經人工修正與核准後才正式進入型錄。
實際建置內容
技術架構
Chrome Manifest V3 · JavaScript · Vite · Firebase Authentication · Firebase Cloud Functions · Firestore · Schema-constrained AI output · SwiftUI · Native deep linking
Chrome 擷取流程連結 serverless AI 分類,以及 iPad 與 Mac 的原生審核體驗。
範圍說明
經稽核的流程以 Chrome 與相容的 Chromium 瀏覽器為目標。
最後自動開啟深層連結的功能目前停用。
擷取資料仍需人工檢查,並可能需要修正。
不宣稱支援所有網站或已上架 Chrome Web Store。
05 / 08 項實作
專案選品
一次連續操作,就能將資料庫中的可重用產品,同時轉成專案規格與可加入視覺版面的元素。
產品資訊從研究一路進入交付,不必重複輸入,也不會失去關聯。
專案選品
企業面臨的問題
選品時找到的產品,常需再次輸入專案清單,之後又在視覺提案中重建,因而產生同一決策的多個斷開版本。
我們的解法
我們以共用的產品到專案流程,串連選品資料庫、專案規格與視覺工作空間。
帶來的改變
可重用的來源紀錄能成為專案專屬規格與版面元素,同時保留原始產品脈絡。
實際建置內容
技術架構
Swift · SwiftUI · TypeScript · Zod · Firebase Cloud Functions · Firestore
06 / 08 項實作
視覺參考
視覺參考資料庫保留空間、風格、色彩、來源與專案關聯,讓靈感在被收藏後仍持續有用。
靈感成為可長期運用的專案知識,而不是缺乏結構的圖片檔案庫。
視覺參考
企業面臨的問題
參考圖片一旦失去來源、收藏原因與專案關係,很快就會埋沒在資料夾或書籤中,價值也隨之降低。
我們的解法
我們將靈感整理成可搜尋的資料庫,包含分類、出處、來源脈絡,以及與視覺專案工作的連結。
帶來的改變
參考資料可以被找到、理解並重複使用,同時不會與原始脈絡分離。
實際建置內容
技術架構
Swift · SwiftUI · Firebase Firestore · Cloud Storage · SDWebImage
07 / 08 項實作
服務選用
可重用的服務與承包商資料庫,集中保存工種資訊、價格、筆記、圖片與文件,隨時可帶入專案規劃。
可信任的服務與工種知識能跨專案使用,不必每次重新整理。
服務選用
企業面臨的問題
工作室反覆輸入相同的承包商與服務資訊,而有用的筆記與文件往往留在單一專案或個人紀錄中。
我們的解法
我們為工種、承包商、價格、計量方式、圖片、筆記與文件建立結構化且可重用的紀錄。
帶來的改變
常用服務資訊只需檢視一次,之後便能直接帶入新的專案規劃,不必重新建檔。
實際建置內容
技術架構
Swift · SwiftUI · Firebase Firestore · Cloud Storage
08 / 08 項實作
公開型錄
以圖片為主的公開型錄,將大量獨一物件整理成可瀏覽、搜尋、研究與探索相關庫存的清楚路徑。
從初步探索到深入研究,產品資訊與圖片始終容易被找到,同時保留每件物品的獨特性。
公開型錄
企業面臨的問題
獨一物件難以用單一規則建立型錄:名稱、材質、年代、攝影與供應狀態各不相同,大量庫存因而難以瀏覽,搜尋引擎也難以理解。
我們的解法
我們以受控分類、跨裝置產品呈現、確定性多欄位搜尋、相關品項邏輯與在地化結構資料,打造雙語型錄。
帶來的改變
訪客可從大類或具體搜尋意圖進入完整產品資料,再自然延伸至相關庫存。
實際建置內容
技術架構
Next.js · React · TypeScript · Firebase Cloud Functions · Firestore · Cloud Storage · Next.js Metadata APIs
範圍說明
搜尋與相關品項採用確定性邏輯,並非 AI 或個人化推薦。
不宣稱流量、轉換、排名或銷售成效。
01 / 04 項實作
專案財務
與專案連結的提案流程,將實際產品、服務、條款、稅務與付款階段整理成受控且有編號的商業文件。
商業範圍與專案交付維持在同一條可追蹤流程中,減少人工核對不同文件的時間與錯誤。
專案財務
企業面臨的問題
當工作範圍、選品、條款、附件與核准分散於多份文件,團隊很難確認目前版本,也無法清楚掌握客戶實際核准的內容。
我們的解法
我們把提案製作整合到專案流程中,加入不可重複的編號、連結項目、受控文件狀態、條款、稅務、附件與付款時程。
帶來的改變
團隊可將提案從草稿推進至核准,同時完整保留背後的專案決策、商業條件與相關紀錄。
實際建置內容
技術架構
Swift · SwiftUI · TypeScript · Firebase Cloud Functions · Firestore
02 / 04 項實作
發票草稿
提案核准後,受控的伺服器流程可將其轉成與專案連結、編號不重複的發票草稿,無須重建商業範圍。
團隊可直接從已核准的商業紀錄開始請款,不必再次手動整理內容。
發票草稿
企業面臨的問題
開立發票通常從重新輸入已核准提案開始,容易造成遺漏、重工與紀錄不一致。
我們的解法
我們建立伺服器端轉換流程,驗證提案狀態、帶入符合條件的專案與付款資訊,並以不可重複的方式產生發票編號。
帶來的改變
核准提案會成為相連的發票草稿,同時保留背後的專案項目與付款脈絡。
實際建置內容
技術架構
TypeScript · Firebase Cloud Functions · Firestore transactions · decimal.js
範圍說明
此範圍建立發票草稿;後續編輯、寄送、收款與完整發票週期不在展示系統內。
03 / 04 項實作
付款規劃
與提案連結的訂金與里程碑付款,可依百分比或固定金額設定,並始終對應其所支持的商業範圍。
從商業內容核准開始,客戶與專案團隊就能共享更清楚的付款預期。
付款規劃
企業面臨的問題
訂金與里程碑若和提案分開管理,日期、比例、請款金額與未付餘額就更難核對。
我們的解法
我們將分階段付款時程直接整合進專案財務文件,同時支援百分比與固定金額。
帶來的改變
付款階段、日期、金額與餘額在開票前便與核准提案保持連結。
實際建置內容
技術架構
Swift · SwiftUI · TypeScript · Firebase Cloud Functions · Firestore · decimal.js
04 / 04 項實作
付款追蹤
結構化專案付款紀錄搭配伺服器端重新計算,確保已付總額、未付餘額與結清狀態一致。
專案團隊可清楚檢視付款進度,不必依賴另外人工維護的總計。
付款追蹤
企業面臨的問題
如果每筆付款後都要由人工更新多個計算欄位,財務紀錄中的總額與餘額很快就會失去可信度。
我們的解法
我們以具權威性的付款明細為基礎,由伺服器端統一重新計算最終財務狀態。
帶來的改變
每筆付款都透過同一受控流程,更新已付總額、剩餘餘額與結清狀態。
實際建置內容
技術架構
Swift · SwiftUI · TypeScript · Firebase Cloud Functions · Firestore · decimal.js
01 / 03 項實作
原生應用程式
大螢幕原生應用程式,結合 iPad 的觸控操作與 Mac Catalyst 桌面工作流程的精準度,支援複雜專案作業。
團隊可在真正符合所用裝置與操作方式的環境中,完成細緻的營運工作。
原生應用程式
企業面臨的問題
高密度的營運與視覺工作需要足夠空間、精準操作、多工能力與平台原生行為,這不是放大的手機介面或通用跨裝置外殼所能提供。
我們的解法
我們專為大螢幕 iPad 作業與 Mac Catalyst 桌面使用情境,設計原生應用程式架構。
帶來的改變
相同專案流程可適應觸控優先與桌面環境,同時保留各平台原生的導覽與互動方式。
實際建置內容
技術架構
Swift · SwiftUI · UIKit · Mac Catalyst · Uniform Type Identifiers · Quick Look
02 / 03 項實作
協作基礎架構
原生端與伺服器端同步引擎,以語意指令、確定性狀態、重新連線與復原機制協調多人編輯。
複雜的原生協作建立在明確的狀態與復原機制上,而不只依賴樂觀的即時更新。
協作基礎架構
企業面臨的問題
多人與離線編輯不只是即時傳輸:變更必須確定合併、承受中斷、安全重播,並在長期使用中保持可復原。
我們的解法
我們以原生 Swift、Rust CRDT 層、經驗證的 WebSocket 與持久化 PostgreSQL,打造完整協作引擎。
帶來的改變
工作空間透過一致架構支援同步編輯、歷程、遷移、重新連線與復原。
實際建置內容
技術架構
Swift · Rust · Automerge CRDT · WebSockets · Axum · PostgreSQL · Google Cloud Run
範圍說明
此基礎不宣稱無限規模、不受限制的外部存取或完整上線認證。
03 / 03 項實作
應用基礎架構
Firebase 流程層將關鍵編號、狀態轉換、多層紀錄、檔案處理、清理與用量計算,從介面移入受控的後端作業。
應用程式能在不同裝置、使用者、重試與背景處理情境下,一致執行營運規則。
應用基礎架構
企業面臨的問題
重要狀態變更若只存在前端程式中,遇到重試、併發、權限與部分失敗時,商業規則就容易變得脆弱。
我們的解法
我們將 callable workflows、不可重複編號、連結紀錄、儲存處理、排程清理與用量計算,實作為伺服器端責任。
帶來的改變
關鍵狀態轉換由結構化後端流程驗證並執行,不再只依賴介面操作。
實際建置內容
技術架構
TypeScript · Firebase Cloud Functions · Firestore · Cloud Storage · Cloud Scheduler
範圍說明
此範圍描述已完成的基礎架構,不代表每個邊界都已完整稽核或認證。
01 / 07
這套專案環境不強迫每個工作室套用相同模板,而是依照實際階段、團隊結構、客戶資訊、檔案、規格與財務設定調整。
團隊可依照自己的營運模式工作,不必為了通用軟體而改變原有流程。
06 / 洽談專案
先從一場具體的對話開始。
帶著作業流程、瓶頸或產品構想來找我們。我們會找出最小、最實際,也最有機會帶來改變的系統。