The Login page is something that every user of Salesforce sees, sometimes up to seven times per day. The page needed to give users an unobstructed path into the product and be used to communicate important announcements in a visual, engaging and product-aligned way.
The login page uses the Salesforce Lightning Design System, which promotes usability, accessibility and brand-alignment. The left side of the page is reserved for the login form, visually separated from the ad. The right side can be used by our marketing team to communicate news about product launches, Salesforce events and other important information.
Some users have many accounts they traverse throughout the day. We remember the usernames and preserve session state so that when a user visits the login page they can have easy access to accounts recently used.
The old login page suffered from accessibility concerns, the layout created a busy UI, and each page came with the burden of needing to maintain four separate versions.
As the browser responds down below 1024px width, the ad disappears and the login form is front and center.
The login page can be customized by customers that use our Communities product. Background images can be added, logos can be changed, titles added and colors altered.
Each screen is part of a larger picture of what the users path through a given flow looks like. When designing an experience, showing the path the user takes to complete a task helps communicate to different members of your team the changes made to an existing flow.
The UI responded to user input, activating buttons when valid entries were inputted into forms. This helps reduce errors by serving as a form of feedback about the state of a form.
When a valid entry is added to the input, the button activates, allowing the user to complete submit the form.
I sought to make each form clear and easy to use. Every flow was tested with users to make sure they knew what they were doing, why they were doing it and what to do next.