Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement new design of splash-screen, login, and registration #1574

Closed
slaweet opened this issue Dec 13, 2018 · 0 comments
Closed

Implement new design of splash-screen, login, and registration #1574

slaweet opened this issue Dec 13, 2018 · 0 comments

Comments

@slaweet
Copy link
Contributor

slaweet commented Dec 13, 2018

This epic consists of the following parts

Splash screen

  • A new static page with links to Login, Registration, Dashboard (explore as a guest), and Settings

screen shot 2018-12-14 at 10 22 38

https://netguru.invisionapp.com/share/EWOJMVMSNBQ#/screens

Login page

  • Behaves the same as the current login page (e.g. network switcher not displayed by default)
  • The layout and look of elements on the page is different from the current login page

screen shot 2018-12-14 at 10 22 49
https://netguru.invisionapp.com/share/EWOJMVMSNBQ#/screens/336109827

Registration process

Step 1/4: Choose your Avatar

  • 5 different account are generated and their avatars displayed for the user to choose from
  • no avatar is chosen at first, clicking "Confirm" button makes an animation of the avatars to attract user's attenion to them
  • when one avatar is chosen, then user can go to the next step

screen shot 2018-12-14 at 10 28 06
https://netguru.invisionapp.com/share/EWOJMVMSNBQ#/screens/336109810

Step 2/4: Backup your Passphrase

  • Shows passphrase and allows to copy it to clipboard
  • The paper wallet section will be added in a separate subtask

screen shot 2018-12-14 at 10 32 20
https://netguru.invisionapp.com/share/EWOJMVMSNBQ#/screens/336109814

Step 3/4: Confirm your Passphrase

  • behaves mostly like the current implementation
  • only the first missing word is active at first and the second missing word can be selected only after the first one

screen shot 2018-12-14 at 10 40 48

https://netguru.invisionapp.com/share/EWOJMVMSNBQ#/screens/336109817

Step 4/4: Your Account is Created

  • a static page with a link to the login page

screen shot 2018-12-14 at 10 41 19

https://netguru.invisionapp.com/share/EWOJMVMSNBQ#/screens/336109822

Implement paper wallet

  • The second step of registration should contain a button to generate and download pdf paper wallet.
  • The pdf generation can be solved like here: https://codepen.io/fasterv_410/pen/OXwNLd
  • design will be added

Replace old design of login, and registration with the new

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
No open projects
Version 1.10.0
  
Closed Issues
Development

No branches or pull requests

3 participants