45 Eye Catching Login/SignUp Forms | inspirationfeed.com

45 Eye Catching Login/SignUp Forms





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

tinybas 500x432 45 Eye Catching Login/SignUp Forms

2. Divvyshot

14745535974bacbf0d910911 500x288 45 Eye Catching Login/SignUp Forms

3. Vimeo

81100889349fdfb5ab3b8a1 500x472 45 Eye Catching Login/SignUp Forms

4. Gtriage

gtriage 500x433 45 Eye Catching Login/SignUp Forms

5. Virb

virb 500x433 45 Eye Catching Login/SignUp Forms

6. Namechecklist

namechecklist 500x242 45 Eye Catching Login/SignUp Forms

7. Traklabs

traklabs 500x426 45 Eye Catching Login/SignUp Forms

8. Clientr

clientr 500x426 45 Eye Catching Login/SignUp Forms

9. Browserlab

browserlab 45 Eye Catching Login/SignUp Forms

10. Squareup

squareup 500x310 45 Eye Catching Login/SignUp Forms

11. Tweetshare

tweetshare 45 Eye Catching Login/SignUp Forms

12. Gosquared

gosquared 500x310 45 Eye Catching Login/SignUp Forms

13. Soundz

soundz 500x212 45 Eye Catching Login/SignUp Forms

14. Gowalla

gowalla 45 Eye Catching Login/SignUp Forms

15. Tumblr

tumblr 500x310 45 Eye Catching Login/SignUp Forms

16. Businesscatalyst

businesscatalyst 500x319 45 Eye Catching Login/SignUp Forms

17. Ingloss

ingloss 500x310 45 Eye Catching Login/SignUp Forms

18. Uploadrobots

uploadrobots 500x228 45 Eye Catching Login/SignUp Forms

19. Sprinklepenny

sprinklepenny 45 Eye Catching Login/SignUp Forms

20. Myvoxtopia

myvoxtopia 500x340 45 Eye Catching Login/SignUp Forms

21. Boxee

boxee 45 Eye Catching Login/SignUp Forms

22. Catchmail

catchmail 500x122 45 Eye Catching Login/SignUp Forms

23. Stickybits

stickybits 500x384 45 Eye Catching Login/SignUp Forms

24. Qik

qik 500x255 45 Eye Catching Login/SignUp Forms

25. Ballpark

ballpark 500x398 45 Eye Catching Login/SignUp Forms

26. Episodic

episodic1 500x351 45 Eye Catching Login/SignUp Forms

27. Subernova

subernova 45 Eye Catching Login/SignUp Forms

28. Nihongoup

nihongoup 45 Eye Catching Login/SignUp Forms

29. Gist

gist 45 Eye Catching Login/SignUp Forms

30. Onehub

onehub 500x165 45 Eye Catching Login/SignUp Forms

31. Kontain

kontain 500x229 45 Eye Catching Login/SignUp Forms

32. Theresumator

theresumator 45 Eye Catching Login/SignUp Forms

33. Beehiveapp

beehiveapp 500x330 45 Eye Catching Login/SignUp Forms

34. Bundlehunt

bundlehunt 500x247 45 Eye Catching Login/SignUp Forms

35. Bell.ca

bell.ca  500x240 45 Eye Catching Login/SignUp Forms

36. Upthemes

yp themes 500x392 45 Eye Catching Login/SignUp Forms

37. Vanillaforums

vanillaforums 500x242 45 Eye Catching Login/SignUp Forms

38. Mediacore

mediacore 500x247 45 Eye Catching Login/SignUp Forms

39. Jolicloud

jolicloud 500x268 45 Eye Catching Login/SignUp Forms

40. Task.fm

task.fm  45 Eye Catching Login/SignUp Forms

41. Psdthemes

psdthemes 500x543 45 Eye Catching Login/SignUp Forms

42. Cotweet

cotweet 500x253 45 Eye Catching Login/SignUp Forms

43. Invoicemachine

invoicemachine 45 Eye Catching Login/SignUp Forms

44. Productplanner

productplanner1 500x253 45 Eye Catching Login/SignUp Forms

45. Campaignmonitor

campaignmonitor 500x156 45 Eye Catching Login/SignUp Forms



Use the (arrow) keys to navigate pages


 45 Eye Catching Login/SignUp Forms

Igor Ovsyannykov

Igor Ovsyannykov is a 23 year old geek, blogger, and designer. He mostly spends his time working here and sharing resourceful knowledge with others. He also enjoys weight lifting, hanging out with friends, and losing his mind to progressive house music. If you would like to reach him, send him an email to inspirationfeed@yahoo.com

You might also like:

14 Comments

  1. 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).

  2. TordDesign says:

    A lot of nice work here. Very inspiring! Thanks for posting :-)

  3. Igor Ovsyannykov says:

    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.

  4. DJaVuPixel says:

    Wow some are really nice logins!
    I will bookmark this for some inspiration in the future!

  5. Kian Ann says:

    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.

  6. awesome colelction dude:)
    realli liked them a lot!

  7. enam says:

    WOW! that is what come in my mind after seeing all this staff. Thanks a lot.

  8. Noel says:

    http://www.me.com

    mobile me is nice too!

  9. Peter Duerden says:

    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.

  10. Edson says:

    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.

  11. SPL says:

    Nice ones. Hope more people will think about login pages and change on their sites.

  12. Rahul says:

    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.

  13. hubeRsen says:

    Good collection!

    What about this one http://facturandum.com/betasignup ? :-)

Leave A Reply