45 Eye Catching Login/SignUp Forms
Design Elements, Inspiration 13 Comments
One of the most overlooked element of a user based website is the login/sign up form. To have a successful login/sign up page you must make sure you have certain standards. The design should be creative, elegant, easy to look at, and just darn attractive. You want to gain members, not scare them away. Create a button that just screams click me. Personally filling out information is boring, but if it has a beautiful design like Vimeo #3, it’s tolerant.
This roundup will be a helpful resource that can be used for inspiration. Just a reminder, these are “High Quality.” That means we spent hours finding the best looking forms around. We went throught hundreds of websites to find the cream of the crop. Take away what you can, and create the best looking login from ever!
1. Tinybas
2. Divvyshot
3. Vimeo
4. Gtriage
5. Virb
6. Namechecklist
7. Traklabs
8. Clientr
9. Browserlab
10. Squareup
11. Tweetshare
12. Gosquared
13. Soundz
14. Gowalla
15. Tumblr
16. Businesscatalyst
17. Ingloss
18. Uploadrobots
19. Sprinklepenny
20. Myvoxtopia
21. Boxee
22. Catchmail
23. Stickybits
24. Qik
25. Ballpark
26. Episodic
27. Subernova
28. Nihongoup
29. Gist
30. Onehub
31. Kontain
32. Theresumator
33. Beehiveapp
34. Bundlehunt
35. Bell.ca
36. Upthemes
37. Vanillaforums
38. Mediacore
39. Jolicloud
40. Task.fm
41. Psdthemes
42. Cotweet
43. Invoicemachine
44. Productplanner
45. Campaignmonitor
Get yourself professional quality 
A nice “list”. Some of them still seem a little boring – definitely agree with you on #3 and #6 is very suited to their website URL (Namechecklist).
As Facebook continues to gain “market share” it will be interesting to see how many more sites start creating sign in pages that work with Facebook connect. If I have a choice of creating yet another username and password for a site OR signing in with Facebook connect, I always opt for Facebook connect. (one less UN/PW combination to remember).
A lot of nice work here. Very inspiring! Thanks for posting
You have a great point, more and more websites keep using Facebook id. I just hope Facebook doesn’t rule the internet in a few years.
Wow some are really nice logins!
I will bookmark this for some inspiration in the future!
Nice collection of login forms – some aren’t as nice but some really work the colors very well. Seems like there is a trend of using “hover” login forms nowadays.
awesome colelction dude:)
realli liked them a lot!
WOW! that is what come in my mind after seeing all this staff. Thanks a lot.
please see my login page designs on
http://www.behance.net/gallery/Login-Pages/798734
http://www.me.com
mobile me is nice too!
I’d would strike #26 from the list. Not eye catching and a UX nightmare. Gowalla and Tumblr (#14 and #15) do it for me. Clean and simple.
I guess this post is a great case study of usability and UX. A lot of do’s and dont’s for perfect forms. Some of these draw my attention, specially #14 which the cancel is a button-like too close of the positive action (sign in). It’s not wrong because the grey color and the left position are trying to avoid user’s mistakes. But it could be better turning it into a link. And I agree with some opinions above.
Nice ones. Hope more people will think about login pages and change on their sites.
Nice roundup Igor. It’s difficult to select one favorite from the plenty of beautiful forms that you listed, but I liked Beehiveapp the most.
Thanks for sharing.