Round 12 · Home, below the net worth card
Four ways to lay out Accounts and Recent transactions
Same data in each. They differ in how much room accounts take and how clearly the two sections read as separate things. Each version also leaves space at the bottom so "+ Add" never covers an amount.
12aAccount strip
Accounts become a sideways-scrolling row of small cards. They take up little height, so the transactions get the rest of the screen.
AccountsManage
Recent transactionsSee all
TODAY
CoffeeFood & Drinks · GoPay
−28.000
LunchFood & Drinks · GoPay
−45.000
YESTERDAY
Client AFreelance · BCA
+7.500.000
+Add
12bAccounts folded
Accounts collapse into one summary row that you tap to expand. Home focuses on activity, and account details are one tap away.
BCAGPWV
4 accounts1 card owes 1.830.000
▼
Recent transactionsSee all
FDCoffeeToday · GoPay
−28.000
FDLunchToday · GoPay
−45.000
⇄Top up GoPayYesterday · BCA → GoPay
200.000
FLClient AYesterday · BCA
+7.500.000
+Add
12cTile grid + card list
Accounts sit in a 2×2 grid of tiles. Transactions go in their own card below. The two sections have clearly different shapes, so they never blend together.
AccountsManage
BCA5.200.000
GoPay201.000
Wallet100.000
BCA Visa−1.830.000
Recent transactionsSee all
CoffeeToday · GoPay
−28.000
LunchToday · GoPay
−45.000
Client AYesterday · BCA
+7.500.000
+Add
12dOne area, two tabs
A switch picks between Recent and Accounts, and only one list shows at a time. There's no confusion, but accounts are hidden until you tap.
TODAY · −73.000
CoffeeFood & Drinks · GoPay
−28.000
LunchFood & Drinks · GoPay
−45.000
YESTERDAY · +7.500.000
Top up GoPay ⇄BCA → GoPay
200.000
Client AFreelance · BCA
+7.500.000
+Add