One card for the group, every share in plain sight
About the project
Dino is a group payments app: friends, housemates and teams share one card, pay from the same pot and split every bill inside the app.
A group in Dino gets a joint card. Everyone tops up, anyone pays, and the app splits the bill between the people who were there, so nobody keeps a spreadsheet or chases a friend for their share. Dino already had a working app when it came to us, with groups, a personal balance, receipt scanning and bill splitting. People could use it. They could not always tell what it was showing them.
We started by mapping the existing app screen by screen, audited its five busiest screens, and redesigned it from there: a new home, groups, bill details and splitting, an edit history, deposits, payment cards, history, profile and a new onboarding. Twenty-one screens, built on Dino’s own logo and colours.
- Client
- Dino
- Stage
- Existing App, Redesign
- Services
- Mobile App Design · UI/UX Design Services
- Platform
- Mobile App
- Timeline
- From January 2026, Audit to Redesign
The challenge
Every screen showed the money. Few said whose it was.
Shared money only works when everyone trusts the numbers. Dino’s home screen opened on a group’s balance, with “your balance” for that group underneath, a personal balance below that, and a list of groups each carrying two more figures. A new user met a stack of amounts and nothing that said what to do first. Switching groups opened a sheet titled “Select Payment Card”, and there was no clear way to top up your own balance.
Bills had the same problem. A coffee abroad showed in dollars and euros at once, the receipt did not show who had not paid yet, and when someone changed a split, the app did not say whose share went up to cover it. For an app that lives between friends, that is the moment that matters most. So the redesign had one rule: every number says whose money it is, and every screen has one obvious thing to do next.
The product
Pay together, split fairly, settle up
Four tabs, Home, Groups, History and Profile, around one shared card per group.
Your personal balance comes first, with three actions under it: start a new group, transfer, or deposit. Below sits the payment source, the group card you are paying from right now, showing the group’s balance, your share of it and who is in it, with a link to change it. Recent activity closes the screen.
The groups tab opens on two figures, what you are owed and what you owe, then every group as a card with its balance, your balance and its members, or “Settled up” when there is nothing left to pay. Inside a group, transactions and members sit on two tabs, and each member can be paused or given a larger share by default.
A bill shows what was spent, how it was split, who paid, where and when, with notes and a scanned receipt. Editing the split puts the original and the current total side by side, so you can check they match before you save. Shares are set with a tap, two times, once or not at all, or as exact amounts, and every change goes into an edit history with who made it and when.
Deposits get their own screen: an amount, quick picks, and the bank account it comes from. Payment cards separate the active card from the rest, show which group a card is linked to, and say plainly that a card linked to a group is shared with all its members. History filters spending, deposits and settled debts, with a monthly summary on top.
The idea
Your own balance comes first
The audit’s first note was that the personal balance should lead. Home now opens on it, and group money appears as a card you pay from, with your share printed on the card. Two kinds of balance, never in the same place without a label.
The group looks like a card
Each group pays from a joint card, so we drew it as one: a dark card in Dino’s green with the group’s name, members and an Active tag. Picking a group and picking a card stopped being two confusing steps and became one choice.
A split you can check
The original and current totals sit side by side at the top of every edit, a reset is one tap away, and the edit history records each change, who made it and when. When a share goes up, everyone can see who changed it.
One main action per screen
New Group, Transfer and Deposit on Home. Inside a group, a lime button on your own balance to top it up. One full-width button at the foot of every form: Create group, Deposit, Log in. Onboarding follows the same rule: three short screens, sign up, a six-digit code, and you are in.
Impact
A group payments app that explains itself
We mapped 16 screens of Dino’s existing app, audited the five that carried the most confusion, and turned every note into a design decision. Dino now has 21 redesigned screens, from the first welcome to the edit history of a single bill, where each balance has one meaning and each screen has one clear next step.
16
Screens mapped
5
Screens audited
21
Screens redesigned
Next project
Betr Journal
How Usarion redesigned Betr, a mental wellness app, around one short daily loop: check in, reflect, and see what lifts you and what drains you.
Book a call
Pick a time that suits you
Get in touch
Let’s build something amazing together
Let’s build somethingamazing together
For product, interface and web-system work that needs clear direction and careful execution.