CoinCuddles AI 記帳 APP
業主為專注於 AI 應用的團隊，希望開發一款能夠幫助使用者更快速、更輕鬆記帳的智慧型 App。他們希望透過 AI 技術，簡化傳統記帳流程，提升日常財務管理的效率與體驗。
專案日期
2025/01-2025/05
角色
UI 設計師
負責項目
定義產品顏色、UI 介面視覺規劃
問題與研究
在還未開始合作之前，我有跟團隊中兩位工程師定義產品的方向，得知產品的主打是以 AI 為主，因為他們本身也是產品主導人，框架和架構已經有初步的了解，並且額外得知為了方便於各平台使用，開發使用 Flutter 系統，討論完得到結論如下：
使用者：情侶、夫妻
主打以 AI 幫你快速記帳
有可愛吉祥物不會讓整體 APP 看起來過於單調，因此我有額外設計一隻名為 Coinie（諧音像 Coin）的吉祥物
產品希望是活潑明亮
競品研究
針對一般記帳需求，目前市面上的記帳 App 已相當成熟，因此為了找出不同的 AI 產品特色，我以兩款具有 AI 記帳的競品進行功能分析，作為規劃我們未來 MVP 階段功能的參考依據，也用此表可延續後面的功能架構參考。
使用者研究
訪問了身邊幾個有常在使用記帳的使用者，請他們使用目前競品 AI 記帳 APP 後，歸類了幾個重點問題：
💡 本身是 I 人，如果臨時要在外面要快速使用語音記帳實在是無法跨過這個坎
35 歲 ｜ 物流人資
💡 我輸入了一長串，但是他回應我無法記帳，所以是沒有個範例可以參考嗎？
32 歲 ｜ 科技業工程師
💡 AI 記帳總歸還是要打字，手機打字也不如 PC 使用上方便，我為何不用一般記帳功能就好？
30 歲 ｜ 客服專員
💡 我一開始有點不明白要輸入甚麼才能開始記帳
24 歲 ｜ 自由業
📌 重點歸納：
記帳教學要做足
要使用引導式，減少用戶的操作量並讓用戶能建立起使用習慣
或許可以針對手動記帳的習慣用戶來做 AI 的改良引導
設計時程/規範
因業主急迫於市場發佈收集數據成效，功能面的部份只開放基本的記帳功能，後續才會繼續開發如：預算、分帳等相關功能…
不過我還是盡量將功能面整理完整，以備後續回頭繼續開發
設計規範
如同前面提到業主希望色系是明亮活潑的，因此色彩定義的很單純，只用了單一色系加上灰色階去陪襯，避免造成色彩過多導致的視覺混亂
在規劃 UI 畫面的同時，也同步建立了 UI 元件（UI Knits），確保在開發初期就能維持設計與功能的一致性。
即便目前仍處於 MVP 階段，功能與畫面也是相對複雜。因此我與前端先行達成共識，考量專案基於 Flutter 框架開發，以 Material Design 為設計基礎，大量活用現有的 Flutter 元件與來自 Pub.dev 的插件，並根據實際需求進行調整與二次設計，以符合產品風格與操作體驗。待畫面流程與互動方式確認後，將進一步整理成一套可延伸的設計系統，提升後續開發與設計的效率與一致性。
設計交付
根據使用者回饋，許多人對 AI 記帳還不夠熟悉，常常不知道該輸入什麼、會不會出現錯誤記帳。針對這些痛點進行了優化：
加入「常用分類捷徑」按鈕，一鍵選擇平常就會記的項目，例如：早餐、交通、超商消費等。
AI 能根據你輸入的自然語句，自動判斷金額與類別。
搭配範例教學，不怕不知道怎麼開始輸入。
💡 從原本繁瑣的手動分類，到現在只要輕鬆點選分類捷徑＋輸入金額和品項，就能實現快速記帳
成效回顧
專案最終以高品質的 MVP (最小可行性產品) 形式順利交付，完成了從需求分析到高保真原型設計。
透過系統化的 UI Component 建立，我為業主提供了極具擴充性的設計資產，為產品後續進行完美交接。