專案名稱
Flygo 飛果出勤打卡 0-1
負責角色
UI/UX Designer
合作對象
UI 設計師 *1、UX 設計師 *1、App 工程師 *2、 後端工程師 *2、PM *1
負責項目
介面流程規劃、易用性測試、使用者訪談、設計準則
設計流程
01 擬定產品策略
產品背景
團隊具備從 0 到 1 開發產品的完整設計與工程能力
新創團隊缺乏合適的出勤管理解決方案
將內部實際需求延伸為可商業化的產品機會
商業模式
目標用戶鎖定為與我們相似的新創公司及中小企業，員工規模以 50 人以下為主，這類團隊多半缺乏專職的人資工具與完善的出勤管理流程。
考量其規模與預算限制，產品初期採取免費使用策略，以降低導入門檻，讓企業能快速上手並融入日常工作流程。前期重點放在提升企業用戶數與實際使用率，透過累積使用行為與需求洞察，作為後續規劃營利模式的基礎。
02 需求探索
競品分析
在規劃產品的初始階段，我先從競品著手。透過親自體驗不同數位打卡的流程，我一邊操作並拆解背後的設計邏輯，逐步釐清使用者在日常打卡、請假與審核上真正需求，整理完這些洞察後，我將初期需求收斂成明確的方向，並與團隊共同決定優先專注在三個最常被使用的功能：打卡、請假與主管簽核。這些功能也成為後續介面設計與流程規劃的核心。
拆解各不同產品的打卡流程與功能模組
定義功能
在核心功能確定之後，我們進一步細化需求資訊的結構。這包括表單，如請假、出差、補打卡和加班，同時也需要列出個人資料中包含的詳細功能。
03 介面流程設計
打卡功能
執行與發想脈絡
最初發想時，我將設計重心放在「上下班」文字的清楚呈現，希望透過明確標示引導使用者完成打卡操作。經團隊討論後，我們重新檢視假設，認為使用者更在意的，其實是是否位於正確的打卡範圍，以及是否仍在可打卡時間內。
因此我調整設計方向，重新整理資訊層級並簡化畫面內容，讓使用者能更直覺地判斷當前狀態。最終第一版設計收斂為兩個主要操作：左側「紀錄 GPS」、右側「打卡」，並以此版本作為後續易用性測試的基礎。
考量外勤打卡需求，最初提出的打卡版本都以兩顆按鈕為為主
打卡提案過程
易用性測試
在首次內部測試後，我們發現兩顆按鈕會讓使用者產生混淆，尤其使用者難以理解「紀錄 GPS」與「打卡」之間的差異。多數人無法聯想到紀錄 GPS 是為了支援出差或外勤打卡等情境。因此在內部討論後，我們決定移除「紀錄 GPS」按鈕，保留更直覺的一鍵打卡功能。
測試結果
測試結果顯示，「紀錄 GPS」按鈕易造成使用者混淆，進而影響打卡操作效率，因此測試後決定調整為一鍵打卡設計並先行上線驗證。
一鍵按鈕打卡
在後續使用者訪談與 App 回饋中，多數人對整體打卡流程的體驗評價都相當正向。一鍵式操作降低了心智負擔，也讓整體行為變得非常直覺。
大部分使用者也都能自然理解「第一次打卡」跟「最後一次打卡」的差別。而在一天之中多次打卡的情況下，他們會感受到數位打卡的彈性：它不只是記錄「上班／下班」兩個節點，而是能更準確反映每一段工作時段與地點，和過往只能上下班各按一次的傳統方式完全不同。
確認核心的打卡行為後，同時也完善其他會發生的使用情境，像是打卡錯誤、遲到、忘記打卡、提早打卡等等。
表單申請
整合請假相關的所有申請功能，包含請假單、出差申請、加班單與補打卡申請。使用者只需簡單輸入起迄時間，即可快速送出審核申請，無需繁瑣步驟。申請送出後，系統會即時將狀態同步至當日的出勤紀錄中，方便使用者隨時查閱審核進度與歷史紀錄。
細節與優化反思
主管簽核
起初我們以為「簽核」只是單純的待審清單，因此著重在精簡資訊架構。但回到實際情境後發現，主管一天可能要處理多張假單，繁瑣流程會直接降低效率。
因此，我重新設計了簽核流程，以滑動卡片與快速點選的互動方式，讓主管能更直覺地批次審核，大幅縮短處理時間。
設計概念發想！
此設計靈感來自交友軟體常見的卡片滑動操作。這種「快速略過」的行為剛好對應到主管審核假單的需求，同樣都是一種快速、簡潔、不中斷節奏的判斷流程。因此，我將這個互動模式延伸應用在簽核情境中，讓審核過程更直覺與流暢。
簽核紀錄
品牌設計與元件準則
設計概念
色彩計畫
品牌主色採用帶有陽光張力的橘黃色，代表嶄新與活力，並延伸羽毛翱翔的意象，傳遞積極、溫暖且富有朝氣的品牌氛圍。
統整設計準則
由於團隊分工，初期的 UI Mockup 由主管快速製作並先行上線。後續由我接手，重新梳理整體設計體系，包含色彩、字體、元件樣式與介面細節，並補齊設計準則，確保工程師在後續畫面調整與功能迭代時，能依循一致且明確的設計依據。
04 上線後持續迭代
產品上線後，團隊將重心放在提升企業用戶數與留存率。除了持續優化既有功能與提升曝光度，也陸續推出多項新功能，包括「啟程」線上學習區塊，提供上班族學習資源；結合吉祥物的三天免廣告活動，以提升廣告轉換；以及因應疫情推出的體溫回報與工作回報機制。
未來亦規劃導入付費方案，涵蓋薪資計算、彈性排班等進階功能，以拓展營收來源並提升產品整體價值。
專案反饋與結論
這個專案對我而言意義非凡，不僅深深影響了我在未來設計表達的方式，也成為我轉型為成熟設計師的重要里程碑。
當時我和 PM 曾就「打卡功能應該使用一顆按鈕還是兩顆」這個議題產生激烈爭論。由於我無法提出足夠有說服力的設計論點，最終採用了 PM 的一顆按鈕方案。事後回顧，如果是現在的我，會從使用情境、操作習慣與設計邏輯出發，提出更具體且具脈絡性的說明。這段經驗讓我體認到，設計的價值不僅在於畫出好的介面，更在於能清楚闡述背後的思考與決策過程。
這也是我第一次主導自有產品從 0 到 1 的完整設計。從商業策略、產品定位到實際上線，我全程參與其中。在這個過程中，我不斷練習如何把 UX 做到位——除了規劃使用流程與介面邏輯，也在產品上線後主動執行使用者訪談，並持續優化設計準則。感謝當時的 PM 願意給予我這樣的空間，讓剛入行的我能夠大膽嘗試、自由犯錯。
此外，這個專案也讓我學會如何與工程團隊高效協作。從需求釐清、設計交付到後續調整優化，每一次的溝通與磨合都讓我成長許多。這不僅是我職涯中經驗最豐富的專案之一，也是我至今仍感到非常自豪的首次產品上線成果。
