自製產品 · OWN PRODUCT · web app · 2025
Mr. Splitter
分帳工具 · LINE LIFF × PWA
出去玩不用再追誰沒付錢——從 LINE 群組到結清，一條龍
/ 假想挑戰
多人聚餐、旅遊、訂房的共同消費最後都衍生同一個問題：誰付了什麼、誰還欠誰多少。市場上的分帳 App 不是功能太重，就是沒人願意特地下載。Mr. Splitter 的目標是把這件事拉回最小摩擦的路徑——直接在 LINE 群組裡用，不用裝另一個 App。
/ 設計思路
以 LINE LIFF（LINE Front-end Framework）為入口，讓 LINE 群組成員直接在對話框內開啟分帳頁面。核心流程三步走：建立帳單 → 加入費用 → 看結算清單。分帳演算法採用 greedy 策略，把多人互欠的複雜網路壓縮成最少幾筆轉帳。同時打包成 PWA，讓不在 LINE 環境的場景也能獨立運作。
♛升級 Pro
G
個人帳本
我的帳本
記錄個人收支
我的群組
春節聚餐
8 位成員
日本旅行
5 位成員
室友帳本
3 位成員
公司聚會
12 位成員
/ 首頁 · 帳單列表 + LINE 入口
§ 01 · 分帳流程
建立帳單、加成員、加費用，一鍵算出每人該付多少
從建立帳單到看到「每人應付多少」只需要幾個步驟。支援均分、自訂金額兩種模式，費用明細清楚列出每筆支出，成員可以隨時在 LINE 對話框內跟進進度，不需要切換 App。
←↻
春節聚餐
8 位成員
分享
帳本
設定
結算
統計
1月28日 週二
🍜
火鍋大餐NT$ 3,280
阿花 付我 NT$ 410
🚕
計程車NT$ 280
小明 付我 NT$ 70
1月27日 週一
🛒
超市採買NT$ 1,240
雅婷 付我 NT$ 155
🎊
煙火票NT$ 960
Peter 付我 NT$ 120
＋
/ 帳單詳情 · 成員 + 費用明細 + 均分預覽
/ 設計決策
Decision · 01
LINE LIFF vs 獨立 App
台灣 LINE 月活超過 2,000 萬，在群組場景要求用戶另外下載 App 等於砍掉一半轉換率。LIFF 讓體驗在 LINE 內閉環，用戶不需要離開對話就能完成整個分帳流程。
Decision · 02
最小化交易次數的分帳演算法
直觀的「每人還給付款者」簡單但交易次數多。我們用 greedy 策略，把所有人的淨餘額排序後，每次讓欠最多的人還給被欠最多的人，把轉帳筆數壓到理論最小值。
Decision · 03
PWA 作為備援通路
非 LINE 用戶或需要桌面使用的場景，PWA 提供「加到主畫面」的體驗並離線快取核心頁面，讓 Mr. Splitter 不只是 LINE 限定工具。
§ 02 · 結算
演算法幫你算清楚，LINE Pay 一鍵付清
結算頁把複雜的多人互欠壓縮成最少幾筆轉帳，清楚顯示「誰轉給誰多少」。每筆轉帳旁有 LINE Pay 快捷鍵，或直接把結算連結分享回群組讓大家各自處理，不需要截圖或手動計算。
←
結算
TWD
群組總支出
NT$ 12,480
成員餘額
花
阿花+2,450
美
小美+430
明
小明-1,560
P
Peter-890
頭
大頭-430
建議轉帳
明
小明付款方→
花
阿花收款方NT$ 1,560
P
Peter付款方→
花
阿花收款方NT$ 890
頭
大頭付款方→
美
小美收款方NT$ 430
/ 結算 · 最少轉帳筆數 + LINE Pay 快捷
§ 03 · 技術棧
這個方案會用的工具
- Next.js 15
- LINE LIFF SDK
- PWA / Service Worker
- TypeScript
- Vercel
回作品集←
/ 對應服務
網頁應用程式 / SaaS MVP