For my very first challenge, I did not only do sign up page for Pocket but also the login page because it is the first page that users will see when they land the Pocket website. The tool I used is Adobe Illustrator.


Login Page

Since Pocket is used to save the web page for later, I thought of using the browser tabs in my design. a current user can choose to login with the Email address, Gmail account, or Firefox account.


Sign Up Page

So, the situation is the same when a new user wants to sign up as a member. The different tabs also indicate the different way to sign up.

In the sign-up process, we sometimes make mistakes such as not meeting the password requirement or fail to re-enter the right password. This page shows the interface when the user fails to verify their sign up information, the color green and red are used to give a pass/fail hint.