This post is a part for dzineblog’s interface design inspiration series, the series which focuses on inspiration on graphic user interface designs that will help you in enhancing your interface design skills,
While designing a login form/page a lot doubts will arise, For example, should it be login, log in or sign in? How should the forgot password link be written? What about including a cancel button? Should it be keep me signed in or remember me on this computer? Should the layout be horizontal or vertical?, should login be a separate page or light window kind of approach - to help you in that, Here I’ve collected 36 Beautiful login interface designs, to get inspired and to find out a best solution that suits your need
Mobile ME
Straw Poll
Scrapblog
Kiss Metrics
20 X 200
Devunity
Acrobot
97 Bottels
The Mattinator
Mind Meister
Mint
Freelance suite
Gist
Cars
College Humor
Survs
unblbab
Virb
Tuts +
Tumblr
Hello How Are You
Tick
MMO Site
Chris Woods
Go Plan
Joost
Media Temple
Nasi Briyani
Restaurantica
Grooveshark
Product Planner
Good Barry
Later This
Mochi Ads
99Designs
Wufoo
March 26th, 2009 at 9:50 pm
Some nice examples here, thanks
March 26th, 2009 at 10:20 pm
nice login designs, thanks for share..
March 26th, 2009 at 11:05 pm
Excellent examples here! Thanks for sharing this list.
March 26th, 2009 at 11:19 pm
Super helpful. Very neat!
March 27th, 2009 at 1:12 am
I’ve noticed recently a trend toward paying much more attention to these “smaller” elements from a design perspective. Cool stuff!
March 27th, 2009 at 1:59 am
You forgot vimeo.com
March 27th, 2009 at 11:14 am
Very nice this examples, ¡están muy guays!
March 27th, 2009 at 12:16 pm
Yes these are all really nice… but these days you’d think people would have to be pretty dumb, or work quite hard, to come with login pages that are actually poor. After all, there’s not much to any of these pages; a nice simple UI, a pretty picture, and some links to the important info. Plus nice to see the one with the ‘About OPEN ID’ box, as OpenID is very confusing.
It would also be interesting to see some examples of bad login pages; Anti-patterns are very often more useful than good-patterns, especially for stuff which should be faily basic..
March 27th, 2009 at 1:42 pm
Really great list. Inspiring.
March 27th, 2009 at 9:28 pm
Nice collection. Let me ask you, how did you go around getting all of these? Or was it put out to the crowd?
March 28th, 2009 at 5:23 am
Good list thanks. Check out Huddle they have a nice login box!
March 28th, 2009 at 3:42 pm
Great source of inspiration!!
I am working in more of interfaces like this.
This is gonna help me
Thanks a lot
March 29th, 2009 at 3:16 pm
Cool Collection, I liked the Tick one the best.
March 29th, 2009 at 4:00 pm
Excellent post. They are very beautiful.
Thanks you very much !
March 30th, 2009 at 9:10 am
Check out http://api.aireohq.com/login for a beautiful login page
March 30th, 2009 at 10:38 am
Nice collection. Thanks!
March 30th, 2009 at 1:20 pm
yes, Vimeo.com also has a gorgeous login form !
March 30th, 2009 at 1:59 pm
My favorite: Good Barry’s Login, followed by Virb, Gist, Cars …
No noise, every element at the right place
Thanks for listing!
March 30th, 2009 at 2:08 pm
Great selection and good source of inspiration. Highlights the point that design shouldnt just stop with the site UI and look, small things like login pages add to the experience !
March 30th, 2009 at 3:11 pm
You really forgot vimeo.com. Its the best login page I’ve ever seen
March 30th, 2009 at 3:41 pm
Some really nice layouts here… and good inspiration too as we’re just getting into planning a trade login / area for our own website.
March 30th, 2009 at 7:29 pm
This is some great inspiration. I will definitely be returning here to look for good design!
March 31st, 2009 at 3:46 pm
Excellent roundup and great list for inpiration, although I think the Tuts+ login could use more contrast or group to differentiate signing up, from logging in, from forgotten password. IMHO
March 31st, 2009 at 4:27 pm
Some excellent examples. My fav is 20×20 so clean and simple yet funky.
April 2nd, 2009 at 3:35 am
Opera Link website is quite cool too. - http://link.opera.com/
April 4th, 2009 at 7:09 am
Hi this is nice collection for login pages.
I liked the College Humor and Survs pages.
This is a good stuff.
Thanks a lot.
April 7th, 2009 at 12:05 pm
Thanks for this compilation of login page designs.
April 23rd, 2009 at 3:02 pm
Brilliant!!
April 23rd, 2009 at 7:45 pm
Thank you for this post Mr. Dzine.
April 24th, 2009 at 6:52 am
I like Devunity the best… =)
April 24th, 2009 at 8:14 am
Awesome list…great designs…thanks
April 24th, 2009 at 12:23 pm
I can’t believe the standard wordpress admin area login didn’t get a mention!
Great list though…
April 27th, 2009 at 6:12 pm
nice roundup
April 28th, 2009 at 11:15 am
Some great inspiration. I will definitely be returning!
May 22nd, 2009 at 3:08 pm
Excellent sample login designs. Thanks a lot
May 27th, 2009 at 6:40 am
I was just looking for good looking login page designs to show to my designers and get a decent looking page for one of my sites. This list is great!! Thanks so much.
May 28th, 2009 at 10:32 am
wow this what i’m looking for long time, list of login design
Now i can find it.
Thank you very much
June 8th, 2009 at 7:47 am
nice , Thanks a lot
June 11th, 2009 at 11:24 pm
These are great examples. Thanks for sharing!
June 16th, 2009 at 11:44 am
Great list! But I agree that you really should add Vimeo.com - their login is just beautiful, deserves to be #1.
June 21st, 2009 at 7:45 pm
nice post man..
can u mail me, if there is an update for all related with design.. website design especially..
thx ^^
June 28th, 2009 at 9:00 am
Very Good designs.thanks for sharing with us.
July 2nd, 2009 at 1:18 pm
it’s really nice.
August 5th, 2009 at 6:56 am
Thanks for the inspiration! Most of them were gorgeous and creative.
September 7th, 2009 at 3:48 pm
Thanks
Nice Sharing
October 13th, 2009 at 4:10 am
Any best practices you can share for designing login pages in a B2B scenario where a single company has multiple customer types logging into the same page - but the customers must self-identify which type they are in order to get the right code behind the login page to steer them to the specific back end system? Sorry for the complex question, but you can see why I’m looking for some advice — this isn’t exactly easy info to find, believe it or not. thx in advance.
November 11th, 2009 at 6:21 am
Thanks for the huge collection. Nice posting.
November 19th, 2009 at 11:18 am
i love your collection.. thank you for sharing
November 24th, 2009 at 6:40 am
Cool and impressive coolection
December 18th, 2009 at 5:00 pm
it’s really nice.
December 30th, 2009 at 3:32 am
Realy Good Collection …and Nice Idea’s Weldon
January 25th, 2010 at 11:26 am
thanx for sharing …
really nice samples for login box.
January 27th, 2010 at 2:22 am
thank you for sharing, very nice.