CHECKO : 線上分帳工具

專案類型

Side Project

使用工具

Figma / Adobe Photoshop

合作對象

專案動機

目前線上已有幾款分帳類型的 APP ，但使用上發現在團體出遊的情況，要說服大家下載不熟悉的 APP 是一個很大的阻力，常常還是需要由統一的人負責做記錄，因此我們希望開發一款同時擁有 web 頁面的分帳工具，增加產品的流通性。目前在開發的規劃上，我們以 mobile web 的最小可行產品製作來進行測試、修正。

設計流程

現況分析與競品分析蒐集線上 APP 工具，分析優劣
產品定調產品名稱、Logo 標準字設
規劃產品流程統整產品發想、繪製流程及 Wireframe
UI 設計制定 Design System、figma 製作 UI 介面及簡易 Prototype
產品開發
使用者測試
迭代優化

品牌視覺

Check這個單字有結帳的意思，ko 唸起來像閩南語 " 元 " ，我們希望這個產品，專業理性但又讓人覺得親近好用，所以做這樣的結合來命名。而視覺 Logo 左下角的幾何為帳單明細的意象，想傳達 CHECKO 將這些帳單明細圈在一起，做一個完整的管理分帳，顏色也延伸專業理性又不失親近的感覺，選擇使用較為柔和的藍色系。

產品流程

產品介面

Prototype

核心樣式