Login animation for my upcoming portfolio design. Been experimenting a lot with various designs for the portfolio over the past year and I am almost there now!
Ohh and the Key icon is inspired by one of the login shot by @Rogie and thanks to @zee7 ✽ for all the suggestions.
Full image of the login page: http://umarirshad.me/1-Login.jpg
about 1 year ago
Let me log in @Umar ;)
Reminds me of xbox live for some reason, but well done. super clean, great color scheme, another refreshing design without gradients!
Love it dude !
@Ty Well, the portfolio design will be just as clean as this login form itself.
@Umar Irshad awesome dude +10 ;) keep it up Pak
I SAW UR PASSWORD.
Nice work. Great use of colours. I think you could remove the "!" from "Login successful", the colour says it all :)
Do you really need a "login successful"?
A little massage like "Welcome" or "Happy to see you here" would be better imo. It gives it more personality.
Looks superb. However I would picture the "login successful/unsuccessful" just with a tick/exclamation within the small green vertical rect. After that, fade-out and initial website screen.
@Farzad Ban Well, you have a good point, but there is an alternate message if the login fails which will be in red color instead of green and clicking it will retry. But I guess the messages you suggest are much better.
Serious work here man. Impressive.
Very Cool ;)
Wonderful. Love the red rectangle button!
stylish work dude!
simply nice my friend! just wondering why we need to login to portfolio site?
Lovely! One thing I noticed though is that the lock icon is already open?
*Ah, I realised that must be because you refer to the action the button executes, however Im still not convinced it's the most logical way to do it..
@Bady I will be using a CMS to manage my portfolio, so to access the admin panel, I will need to login.
@Oskar Smith Yes, you got that right, although I can keep experimenting with other concepts like peephole or somethine else.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter