The prompt for this project was to not only refresh the look and flow of the login process, but to also introduce cross promotion for other products.
It was important to make sure the login performed well on mobile and browser without engineering needing to write new code to implement it. The design iterations began with a mobile-focused design and the layout with the bottom heavy buttons allows for quick thumb-access for phone users to login with little reaching involved. The background features one of the games used for the Monthly product to show the potential of the modal as an advertising tool. Alternate versions using store sales and free games were made to showcase the versatility.
Final visual look of the modal
Wireframe of the Log In/Sign In flow
Alternate uses for the modal's cross promotional capabilities
Examples of error states
Some of the iterations from current to finished design