Learning session 28: Login page (Now on Web)
My design process
The first thing I did while building a web login page chose a decent color palette. I wanted to use colors that are easy on the eyes and won’t be too distracting.
Login pages are an essential component of most websites. They let users access restricted portions of the site and can assist in tracking user behavior.
I prefer to keep the following elements in mind while designing a web login page: simplicity, usability, and security. I want the website to be essential and straightforward while being secure.
It is pretty challenging to create a product that is both visually appealing and simple to use. Once the basic structure was ready, I added the required fields for login and password. After that, provide a submit button and a link to the lost password page.
I also considered designing two buttons to allow people to simply log in or enroll using their Google account or Apple ID.
And I created two versions of the web login page, one that is more cheerful and the other that is more serious.
Finally, I tested the login page to ensure it was working correctly.
A product’s colour can create an emotional response in a user, while the font can communicate the product’s message and brand identity. Together, these design elements can help a product stand out from the competition and attract users.
What challenged me
One of the issues I experienced while designing a web login page was making the form simple to comprehend and utilize. I wanted to make sure that people could fill out the form fast and easily, without having to guess what information was necessary.
I also had difficulty choosing a proper font; after a few trials, I selected a font that matched the web’s identity.
When I created two versions of a web login page in various moods, I encountered numerous problems, such as selecting a cheery typeface and a more cheerful color palette. The most challenging part was getting them to work correctly.
Final results
Thank you for making it this far.❤️
