superhero-com / superhero-wallet

Superhero is a multi-blockchain wallet to manage crypto assets and navigate the web3 and DeFi space. Currently supporting Bitcoin, Ethereum and æternity blockchains.
https://wallet.superhero.com
ISC License
40 stars 38 forks source link

Improve preloading screen of the wallet app #2964

Open onvisions opened 7 months ago

onvisions commented 7 months ago

Story: current implementation of the preloading screen (displayed before the welcome screen) in the apps is broken.

Implementation:

Image

Expected: Image

We can improve the screen further by implementing a simple animation (we used to have it implemented before so we must have the SVG resource ready):

Image

Design Variant 1: https://github.com/superhero-com/superhero-wallet/assets/12225410/808076b5-4ece-4c15-abf5-18ed8941f4a9

Design Variant 2 (@smaroudasunicorn desaturated version 2 is my preferred choice): https://github.com/superhero-com/superhero-wallet/assets/12225410/312a7581-50f4-426c-a984-f83bfea9eba2

Figma reference: https://www.figma.com/file/3oGLWzSH0oJljo4RETZtur/Superhero-Wallet-UI-(%E2%9C%94%EF%B8%8FUpdated)?type=design&node-id=31359-176771&mode=design&t=laeH2rdULE73OeOU-0