You could even present your login area as a modal of the current page instead of its own dedicated page, shown below on Canva’s website: Keep your login screen to one page - requiring users to progress through multiple page loads is never a good thing, especially when it’s unnecessary. What we like about this example: Defy has only the essentials in its login screen, with bold contrasting colors leaving no ambiguity about what actions the user needs to take. For example, here’s the login page for Defy performance products: In addition, you’ll probably want to add a link to an account creation page for new users who land on your login page by accident, and a password reset link (more on that later). You could also split your email and password fields onto separate screens. In the majority of cases, one or two form fields and a “log in” button are enough. Upon landing on the page, it should be immediately clear to users what information they need to provide to login and where they should put this information. The best way to ensure this is to keep things as simple as possible. Of course, your login screen isn’t why users come to your site - you want them to move through it as quickly as possible. Allow sign-in from an external account.Provide help if they forget their passwords.

Pinterest login screen