擔任角色
Designer
團隊成員
Designer x1
行銷企劃 x1
專案時長
2 week /
Q2 2023
產品
Moneybook 麻布記帳
Moneybook 是一款以自動記帳為特色的 App，幫助使用者省去手動記帳的麻煩與時間。然而，對多數台灣使用者來說「一鍵更新，自動同步」這功能可能有些陌生、抽象 ，若無實際操作 App 的經驗，可能會較難理解其價值所在。
由於 2023 Q3 的廣告將以「自動記帳」為關鍵字進行投放，且前一版的內容較不符合此主題，因此才有了此次的上架圖改版。
透過更新 App 頁面和元素，以及搭配有力的文案說明，更好地傳達 Moneybook 的核心主軸：自動記帳。希望能讓使用者更容易理解 Moneybook 的功能，從而吸引潛在使用者。
正式進入設計前，我與行銷先梳理出簡易版的自動記帳流程
經討論，我們決定將此次更新重點放在流程中的 3 個關鍵（特點）頁面
P1 趨勢頁
透過圖表和明細資訊，了解每月收入、支出以及結餘的趨勢，隨時掌握財務狀況
P2 帳戶頁
查看所有已綁定的銀行和金融平台帳戶的總額、餘額等，同時也可在此頁進行同步，以確保資料處於新狀態
P3 同步成功頁
查看最近一次同步所帶來的各帳戶的變動，並瞭解總收入和支出變化
在確認方向後，我開始動工並產出了以下 2 種版本：
A. 雙色調背景相較於 2022 版本的明亮白色，A 版使用 2 種顏色做為背景，這是因為行銷希望能採用 Moneybook 主色調：藍 & 橘，以營造更活潑的整體感，同時也與前一版本形成對比。
B. 單色調背景儘管行銷已有首選的主色調，但我仍思考是否有其他色調選項。因此，我另外產出了深色版本，以 Moneybook 藍色主色調為基底，加入漸層效果，以營造不同於 A 版的沈穩感。
由於時程緊迫，沒有足夠時間進行測試。因此，我簡單詢問了幾位有使用 Moneybook 的朋友，發現 2 種版本各有支持者。但總體而言，得到反饋和我預期相符，A 版給人一種操作簡單、平易近人感，而 B 版則較具有科技、自動感。
設計迭代
行銷團隊針對 2 種版本進行比較，他們認為深色背景更具自動化的氛圍，決定以該版本繼續推進。
經一番討論後，我們覺得 V1 自動記帳的主軸不夠明顯，希望能繼續迭代，透過調整每頁的元素、排版和文案，更突顯 Moneybook 的便利性，以及與其他記帳 App 的區別。
儘管我與行銷都偏好 V2，認爲該版本更符合主軸，但為了確認使用者真正偏好的版本，我們決定以 V1 A 版 & V2 進行 A/B 測試。
然而，這是我在公司的最後一個專案，很可惜我無法親自確認測試結果，希望這個測試能為 App Store 上架圖帶來有益的洞察，並供未來的迭代參考。
↓此為 App Store V2 版更新後截圖↓
