專案名稱
Flygo 飛果出勤打卡 0-1
負責角色
UI/UX Designer
UI 設計師 *1、UX 設計師 *1、工程師 *4、PM *1
規劃介面流程、易用性測試、使用者訪談、設計準則
專案目標
以出勤管理為核心，從 0 到 1 建立打卡、請假與主管簽核等核心流程，並整理員工個人設定，作為後續功能擴充的基礎。
目標與挑戰
在有限時程內，從 0 到 1 建立核心介面與流程，並透過每週與開發團隊密集協作及測試迭代，逐步收斂產品體驗。
成果及影響
產品上線一年後，已有超過 8,000 家企業導入使用，帶動收益持續成長並建立穩定用戶基礎。
設計流程
01
擬定產品策略
產品背景
開發出勤系統的原因:
公司內部缺乏一套符合實際需求、方便日常管理的出勤方案
團隊具備從 0 到 1 開發產品的完整設計與工程能力
將內部實際需求延伸為可商業化的產品機會
商業模式
根據勞動部 2019 年統計，員工規模 50 人以下的事業單位約有 51 萬家，占整體 96.7%，因此我們將 50 人以下的新創公司與中小企業，設定為產品初期的主要目標客群。
02
需求探索策略
競品分析
在產品規劃初期，我先體驗並拆解多款數位打卡產品，整理各自的操作流程、打卡方式與功能模組。透過比較，我發現打卡、請假與主管簽核是多數產品共同具備的核心功能。結合公司內部的實際需求，我們決定先聚焦這三項功能，作為第一版產品的設計範圍。
拆解各不同產品的打卡流程與功能模組
定義功能
確認核心功能後，我們進一步拆解請假、出差、補打卡與加班等表單所需的資訊，並整理個人頁面中的相關功能，建立初步資訊架構，作為後續流程與介面設計的基礎。
03
介面流程設計
打卡功能
Step1
執行與發想脈絡
最初發想時，我將設計重心放在「上班／下班」文字的清楚呈現，希望透過明確標示引導使用者完成打卡。經團隊討論後，我們重新檢視這個假設，認為使用者更需要先確認是否位於打卡範圍內，以及目前是否仍在可打卡時間內。 因此，我重新整理資訊層級並簡化畫面，將第一版收斂為「紀錄 GPS」與「打卡」兩個主要操作，作為後續易用性測試的基礎。
考量外勤打卡需求，最初提出的打卡版本都以兩顆按鈕為主
打卡提案過程
Step2
打卡易用性測試
首次內部測試顯示，受測者難以理解「紀錄 GPS」與「打卡」的差異，也無法直接聯想到 GPS 紀錄是為了支援出差或外勤情境。因此，我們移除「紀錄 GPS」按鈕，保留一鍵打卡，降低操作前的理解與判斷成本。
Step3
一鍵按鈕打卡
後續使用者訪談與 App 回饋顯示，多數人對整體打卡流程的體驗評價都相當正向，一鍵打卡的操作容易理解，使用者也能區分「首次打卡」與「最後打卡」。此外，一天可多次打卡，能記錄不同工作時段與地點，比傳統只記錄上下班的方式更有彈性。
真實的工作場景遠比「正常上下班」複雜。有人會打錯卡、遲到、忘記補打卡，也有人需要提早離開，這些都是每天都可能發生的情況。因此，除了核心流程外，我們也梳理了各種邊界情境，並為每種狀況設計對應的處理方式，讓系統不只在「一切順利」時好用，在發生例外時，也能提供清楚的操作路徑。
表單申請
我們將請假、出差、加班與補打卡整合在同一個申請入口。使用者填寫起迄時間與必要資訊後即可送出審核，申請狀態也會同步顯示於當日出勤紀錄，方便查看進度與歷史紀錄。
回頭檢視這段流程，我認為仍有兩個可優化方向：
主管簽核
起初我們將簽核設計為一般待審清單，但考量主管可能需要連續處理多張申請，我重新整理資訊與操作方式，改以卡片逐張呈現，並提供核准、駁回與略過操作，減少在清單與詳細頁面之間反覆切換。
設計概念發想
簽核操作
品牌設計與元件準則
設計概念
打卡是每天重複執行的行為，因此我以羽毛作為核心意象，傳達輕盈、簡潔與低負擔的使用感受，並將流線造型延伸至品牌與介面設計。
色彩計畫
品牌主色採用帶有陽光張力的橘黃色，代表嶄新與活力，並延伸羽毛翱翔的意象，傳遞積極、溫暖且富有朝氣的品牌氛圍。
統整設計準則
由於團隊分工，第一版 UI 視覺由另一位設計師完成並先行上線。後續由我接手，整理色彩、字體、元件樣式與介面細節，並補齊設計準則，讓工程團隊在後續調整與功能迭代時有一致的設計依據。
04
上線後持續迭代
產品上線後，團隊持續擴充功能並提升企業用戶數與使用率。後續推出「啟程」線上學習內容、結合吉祥物的三天免廣告活動，以及因應疫情新增的體溫與工作回報功能。在免費服務累積企業用戶的同時，團隊也開始探索後續營利模式，當時規劃將薪資計算、彈性排班等進階功能納入付費方案。
專案反思與結論
這個專案對我而言意義非凡，不僅影響了我之後表達設計的方式，也成為我從剛入行走向更成熟設計師的重要里程碑。
當時我和 PM 曾就「打卡功能應該使用一顆按鈕還是兩顆」產生激烈討論。我原本主張保留兩個操作，但當時無法提出足夠有說服力的設計論點。後續內部測試也顯示，兩顆按鈕確實容易造成混淆，最終團隊採用一鍵打卡方案，事後回頭看，如果是現在的我，會從使用情境、操作習慣與設計邏輯出發，提出更具體且有脈絡的說明。這段經驗讓我體認到，設計的價值不只在於畫出好的介面，也在於能清楚闡述背後的思考與決策過程。
這也是我第一次完整參與自有產品從 0 到 1 的設計。從商業策略、產品定位與介面流程，到產品上線後的使用者訪談及設計準則整理，我都參與其中。感謝當時的 PM 願意給我這樣的空間，讓剛入行的我能大膽嘗試，也有機會從錯誤中調整與成長，此外，這個專案也讓我學會如何與工程團隊協作。從需求釐清、設計交付到後續調整，每一次溝通與磨合都累積成為後來的工作經驗。這不只是我職涯中經歷最完整的專案之一，也是我至今仍感到自豪的首次產品上線成果。
