CHECKO 線上分帳工具

為了消除下載門檻從 Mobile Web 切入,並在流程上做極簡化,讓分享與使用變得更即時。

專案類型

Side Project

專案類型

Side Project

平台

Mobile Web

執行時間

2022

負責內容

主導介面設計與流程規劃,並與 RD 協作討論

專案動機

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


設計流程

現況分析與競品  分析蒐集線上 APP 工具,分析優劣

  1. 產品定調   產品名稱、Logo 標準字設

  2. 規劃產品流程   統整產品發想、繪製流程及 Wireframe

  3. UI 設計   制定 Design System、figma 製作 UI 介面及簡易 Prototype

  4. 產品開發

  5. 使用者測試

  6. 迭代優化


品牌視覺

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


產品流程


產品介面


​核心樣式


PROTOTYPE

Create a free website with Framer, the website builder loved by startups, designers and agencies.