A well-designed login or registration form really does make a difference. If you were to market a reseller hosting service, designing a better registration page can increase conversions. You can also brand your reseller hosting with memorable login forms that inspire loyalty. Instead of designing a simple form, here are some examples of forms that will make you rethink your design.
Dribbble’s login form and page is minimal in design. What’s great about it is that the service allows you to login with Twitter, Facebook or your regular login name.
Blizzard does a great job in keeping their login page in the same theme as their games. It’s a great example of consistency and does a great job in creating a nostalgic atmosphere.
MailChimp wants to do more than log you into their site. They also want to educate and upsell their users. They do a great job in creating an attractive presentation that makes users want to learn more.
Build It With Me
Build It With Me does a great job in attracting new users to their community by showcasing other designer profiles on their registration page.
Tumblr is all about self expression. They embody this idea by coming up with crazy and creative graphical backgrounds for their registration and login pages.
Maily is a downloadable app. That’s why the download page gets to the point in explaining its benefits and what it does. You’re then given links to download it on the most popular app stores.
Surfuzz is a template that designer Matthew Skiles came up with. We like the fact that the form is built around the theme of the site without distracting the user.
This example is a little unique because it’s a paid service. The registration page assumes that you know the benefits of the service and simply summarize the offer in a brief, specific and benefit driven manner.
RIPT’s registration page is fairly simple but they do a good job in using credibility elements on the footer to help push more people into signing up.
This concept art for a login page does a lot of things right. The typography and logo design works well. The unfocused background makes it atmospheric and appealing to the user.
This concept design proves that login pages doesn’t have to be drab. The page uses a bright orange background to capture your attention and arrange social login buttons in an original but user-friendly manner.
Mojo themes has set up a registration form on the footer of the page. They make it fun and attractive by using their site’s mascot and designing the form like a text bubble.
Mindmeister keeps their login page consistent with their site’s background. However, they distinguish it a bit by changing up the patterns. They also allow you to login using various third party services via a drop down menu.
Free Agent is actually a paid service that offers a 30-day free trial. They use a benefit driven two-column form that does a great job in convincing new users to give their service a try.
Mixbook use a popover registration form that is beautifully designed with a photo -based ad. It also offers new users a strong incentive to sign up which many websites need to start doing more.
Trello has a page that can be used to either register or login to the service. They focus the design on getting new users by taking up more space for registration and using bigger typography.
The right visuals can make for a great mobile app login page. Caretribe uses a blurred photography in the background in a blue tone to present an idea while sticking true to their brand colors.
Pocket does a great job with their login page by using a background that shows their app being used. The design is beautiful, relevant and minimal.
This is another great example of a blurred photo background. However, the blurred background is only there to highlight the focus of the photo which is the product being used.
Learning Management System Concept
This is a great registration concept page that touches on all the various features that are offered. The only thing that it’s missing is a strong logo and headline to bring the user in.
This registration page has a great logo, strong typography and a informative message. In this example, the blur effect is used more as a background design rather than an element that adds context.
This is a great UI that uses the entire page and integrates the photo in the login form. The two-column setup works well here but it could use some relevant message to complete the presentation.
Hello World Template
This wide two-column login page is a simple but attractive design that many websites can use. It uses a photo on the left column and puts it in a purple tint. This allows the white text to stand out but doesn’t diminish the effect of the photo.
How do you set up popovers to get people to register or contact you on your site without being intrusive? Nordbeans does it by having a side tab pop up while a user is browsing. A simple red close box is included to make it easier for users to close it.
Zumba Dance Class
Registration pages can be fun and colorful. This design more than proves it. It uses a photo that extends out of the box for a fun and relevant graphical presentation. Stripes of colors are used in the background for a colorful design that complements the page.
In conclusion, website registration and login forms can be composed of beautiful or unique designs that motivate users to take action. Even if you want to use a simple and straightforward design, there are always little tweaks you can make help your form stand out.