Finance App Iphone Duo UI by Imran KhanFinance App Iphone Duo UI by Imran Khan

Finance App Iphone Duo UI

Imran Khan

Imran Khan

Finance App for iPhone Duo:

Money Overview Screen 💸

Most finance apps squeeze everything into one narrow screen. With the iPhone Duo we had room to spread out, so we designed the Money Overview page as two connected panels.
Left panel: your money at a glance. Net worth, savings goal progress with separate funds (Urgent, Deposit, Travel), monthly auto-save tracking, and a shared budget space for collaborating with others.
Right panel: the deeper story. A month-by-month cash flow chart, income vs. spending compared to last month, and upcoming bills, so you can see what's ahead before it arrives.
The visual language stays soft and calm on purpose. Money can feel stressful, so we used generous white space, rounded cards, and one accent color to keep attention where it matters. A slim side rail keeps navigation within thumb reach on the larger canvas.
How would you use the extra screen space in a finance app?
Let us know in the comments 👇
Have a product idea? Let's build it together.
🌐 Usarion: Product Design & UX for startups worldwide
Press "L" if you like it ❤️
Like this project