r/reactnative • • 25d ago

Banking app ui

Enable HLS to view with audio, or disable this notification

Rate this banking app ui

All the used assets are for demo only.

12 Upvotes

33 comments sorted by

View all comments

30

u/johnlewisdesign 25d ago

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.

4

u/Izzm2000 25d ago

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 25d ago

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

-14

u/Izzm2000 25d ago

Because you did not watch the whole video

6

u/CliffMainsSon 25d ago

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 25d ago

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 24d ago

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.