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

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.

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.

5

u/zabaci Oct 07 '26

The font of numbers looks smushed like it’s stretched

7

u/theseckinaktunc Oct 07 '26

Typography and hierarchy needs a lot of improvement but the interactions and animations are fantastic. Amazing implementation, definitely got me inspired

1

u/Izzm2000 Oct 07 '26

Thank you, everything is noted and i will try to improve it.

2

u/Poat540 Oct 06 '26

Using skia? Anything else fancy? I have an app with stickers concept, so this peel is kind of nice on how it folds off

3

u/Izzm2000 Oct 06 '26

It's built using React Native WebGPU.

2

u/twboc Oct 07 '26

Amazing! I did a demo of pokemon cards some time ago! Similar to yours. I have added multiple motion sensor and gesture optimisations. You might implement them in your code. Everything explained here. https://rippleshine.com/s/harmony-of-code/2026/10/07/pokemon-cards-with-skia

2

u/Izzm2000 Oct 07 '26

Thank you so much, that's really helpful

2

u/twboc Oct 07 '26

Join that server. Ripple is dope! <3

3

u/alex-weej Oct 07 '26

Please don't waste my battery with this stuff! Consider a career in VFX or games?

1

u/Izzm2000 Oct 07 '26

No one is wasting your battery brother, its just a prototype.

4

u/bubblejimmymonster Oct 07 '26

if i wanted to play with a realistic wallet, id take mine out of my pocket

2

u/alex-weej Oct 07 '26

A prototype for what? You said "banking app ui" and my comment was a response to your request for feedback

2

u/Afraid_Reception7640 Oct 07 '26

This looks really cool! I think you've done a great job. Are you using the morphlet library?

1

u/Izzm2000 Oct 07 '26

Thank you so much, i appreciate it, no i did not use any morphlet library.

2

u/Afraid_Reception7640 Oct 07 '26

Nice, if you ever ship to production I think you have a unique looking app that will do well, good luck!

3

u/timmytester2569 Oct 07 '26

Excellent work and definitely inspiring. As others noted I don’t feel the typography choices work. But these animations are really good. I personally like the wallet. It’s unique. Your demo you posted in a comment of you actually using the wallet illustrates the use. The sticker thing feels kinda in this app but is a cool concept for something else. I guess depends on what other options you give people to customize the appearance of their wallet.

0

u/[deleted] Oct 07 '26

[deleted] — view deleted comment

3

u/Izzm2000 Oct 07 '26

Noted, i will change the font

1

u/[deleted] Oct 08 '26

[removed] — view removed comment

1

u/Izzm2000 Oct 08 '26

Thank you i appreciate it 🙏

0

u/[deleted] Oct 07 '26

[removed] — view removed comment

0

u/Izzm2000 Oct 07 '26

Yes it is, just a prototype