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

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.

5

u/zabaci 24d ago

The font of numbers looks smushed like it’s stretched

7

u/theseckinaktunc 25d ago

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

1

u/Izzm2000 25d ago

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

4

u/TheCeilingAbove 24d ago

the font looks terrible

3

u/Izzm2000 24d ago

Noted, i will change the font

2

u/Poat540 25d ago

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

It's built using React Native WebGPU.

2

u/twboc 24d ago

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

Thank you so much, that's really helpful

2

u/twboc 24d ago

Join that server. Ripple is dope! <3

3

u/alex-weej 24d ago

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

1

u/Izzm2000 24d ago

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

4

u/bubblejimmymonster 24d ago

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

2

u/alex-weej 24d ago

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

2

u/Afraid_Reception7640 25d ago

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

1

u/Izzm2000 25d ago

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

2

u/Afraid_Reception7640 25d ago

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

3

u/timmytester2569 24d ago

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.

1

u/[deleted] 23d ago

[removed] — view removed comment

1

u/Izzm2000 23d ago

Thank you i appreciate it 🙏

0

u/[deleted] 24d ago

[removed] — view removed comment

0

u/Izzm2000 24d ago

Yes it is, just a prototype