按摩 / 厨具 / 游泳散落多处
PERSONAL FINANCE / PRIVATE PRODUCT
Money
Turning years of real bookkeeping habits into a private, local-first, cross-device product that can be recovered.
- Role
- Product designer and design engineer (service architecture / data migration)
- Time
- 2026 · 24h first release, ongoing
- Platforms
- Mobile Web / Desktop Web / PWA
One track handles daily recording. The other keeps the data owned and recoverable.
01 / Context
Not another expense UI
The real problem was moving years of private data out of a closed tool while preserving fast mobile entry, desktop analysis, and long-term recoverability.
The early demo established the visual direction, but data, sync, and history were still simulated.
The early mobile chart validated the monochrome-yellow language while exposing crowded periods and weak state feedback.
02 / Framing
Fix the taxonomy before the entry flow
- Categories represent spending domains; subcategories represent concrete items.
- One home per item reduces hesitation and analytical noise.
一个事项，一个稳定归属
The taxonomy moved from mixed contexts, objects, and behaviors to twelve spending domains.
03 / Decision
One PWA, two densities
- Mobile handles fast entry, search, and refresh.
- Desktop handles period analysis, drill-down, and organization.
- No native app and no premature offline-write conflict system.
Desktop keeps period decisions, trend, and category drill-down in one workbench.
Recording is a global action; amount, category, item, and date stay in one bottom-sheet flow.
Mobile keeps the same analytical logic while showing only the period and metrics needed for the current decision.
Search spans notes, concrete items, and categories, progressively traversing full history with stable cursors.
D1 preserves truth while IndexedDB makes historical content immediately available on-device.
04 / System
Immediate locally, truthful in the cloud
Private structured data stays out of the service-worker HTTP cache. IndexedDB handles local reads; Worker and D1 own authentication and truth.
先显示本机历史，后台静默校验；退出即清除私人缓存。
Read locally, validate in the background, and clear private caches on logout.
幂等写入
主库读取
周期查询
鉴权生成
备份校验
USER / FRONTSTAGE / BACKSTAGE
Entry, sync, analysis, export, and recovery are treated as one service chain.
05 / Iteration
Real use exposed the feeling of waiting
Mobile slowness was not just API latency. Fixed periods, repeated network reads, and oversized loading states amplified loss of control, leading to full-history cursors, local-first reads, and in-place feedback.
大型 spinner
原位进度与低对比骨架
Large spinners gave way to in-place progress and quiet skeletons.
06 / Delivery
Done means the data can come back
- Real auth, CRUD, search, export, and category management.
- Migrations, backup, restore, and release smoke checks.
- A private product with no public registration or invented commercial proof.
Tests, migrations, export, backup, and restore define what done means.