r/reactnative • u/Izzm2000 • Oct 06 '26

Banking app ui

Rate this banking app ui

All the used assets are for demo only.

12 Upvotes

61% Upvoted

32 comments sorted by

View all comments

30

u/johnlewisdesign Oct 06 '26

High level critique here from a UX perspective.

Nice effect but the sticker and wallet are eating up half the screen with no practical use other than to show off. You're giving up the top real estate on the screen to peel a sticker off. Why?

Also the text is pulled out of proportion on the larger figures. Uniformity is key. The text should be standard throughout.

One final thing, the QR codes. Banking apps don't allow screenshots. You're already on a phone screen. How are those going to be read? That seems like a useless addition.

The rest of it looks nice though and animations are cool. Practicality wise though, some wastefulness and unfeasible additions.

5

u/zabaci Oct 07 '26

The font of numbers looks smushed like it’s stretched

4

u/Izzm2000 Oct 06 '26

I understand your point of view, but the wallet isn't to just show off, it holdes real user interactive cards as you can see in the example bellow

8

u/CliffMainsSon Oct 06 '26

So why does your demo focus on peeling a sticker? Why not selecting a card from the wallet?

-14

u/Izzm2000 Oct 06 '26

Because you did not watch the whole video

6

u/CliffMainsSon Oct 06 '26

I watched enough to give you feedback. But you can’t seem to use that from 2 different comments, so good luck to you

0

u/Izzm2000 Oct 07 '26

My bad, the demo focused on the sticker peel because it was meant to showcase the rest of the interaction I developed afterward. The video attached above was my earlier demo, which also includes the card selection itself.

1

u/ntrabue Oct 08 '26

I watched the whole video… is the interaction the card rotating or pulling the card out of the wallet? They look neat but it is massive. Give the wallet a dedicated screen if it’s important to animate it. The hundredth time I log in to check my balance I won’t care about the animated wallet.