One number for the month
The overview opens with one sentence: what you owe this month. Below it sit what’s late, what’s due in the next week, where the money goes, and how the last six months compare.
- Client
- My own app
- Made
- Website and installable app
- Status
- Live
- Live at
- billwiseledger.com
The brief
Most bill trackers want an account, a bank login and your attention. Billwise asks for none of them. You enter each bill once, and it keeps a quiet record of what you owe, what’s due and what’s settled, right in your browser.
It had to be as easy on a phone in a checkout line as on a computer at the end of the month. Later it grew a budget that builds on the bills already entered, so nothing gets typed twice.
What it does
A budget built on the bills
Add paychecks on any schedule and money set aside for things that aren’t bills, and the Budget page works out what’s left each month. It shows how the bills split your income, compares the month with a typical one, and looks six months ahead to flag three-paycheck months and heavy-bill months.
The month at a glance
The calendar puts every bill on its due day. Settled bills are struck through, late ones are set in red, and the arrow keys move between days.
An app without an app store
Billwise installs from the site on a phone or a computer, opens instantly and works offline. On a phone, swipe a bill right to settle it. This is the Ink edition, for night.
Kept private
There’s no account, no server and no tracking. Everything stays in the browser, with a backup file and a spreadsheet export whenever you want them.
The design
You owe $3,206.17 in October.
Two of twelve bills are settled. The next is Internet, tomorrow.
- Paper #f2ede3
- Ink #1b1916
- Vermilion #a53b26
- Olive #4a6236
- Point of view
- An editorial ledger: paper and ink, figures set like a printed account book. It comes in two editions, Paper for day and Ink for night.
- Color
- Four colors. Vermilion means late, olive means settled, and categories get no color at all. Status is always spelled out in words too.
- Imagery
- Engraving-style envelopes, drawn in code in the current ink color, so they suit both editions.
- Motion
- Figures set digit by digit on the first screen only. After that, settling a bill draws a pen stroke through it and the row folds away.
How it was checked
- Every text pair meets WCAG AA and every control edge meets 3:1, in both editions.
- A service worker keeps every file it needs, so it opens with no connection.
- The security headers are checked before every deploy.
- Everything respects the reduced-motion setting.