It looks great, maybe try to realign the buttons with the fields border and see if it looks even better. Or another suggestion would be to center them according to the logo position.
@Loubna I had tried both of them before settling on this. Centering the buttons made it look it's a tad bit unrelated to the form fields and aligning them with the edges created a space between them which I didn't really like. Finally had to settle with this.
@Ketan Sensible comment there. Idea was to create a simple sign one-step registration for new users. But the issue as you have noted will be there for existing users. I'll look into it.
Yes, Ketan has a valid point.
So two actions can be performed after the input: sign-in if you already have that account; create an account with those credentials if you click on register and are taken to another page for further details?
14 Responses
Login page design for Drops App
almost 2 years ago
I like it
almost 2 years ago
It looks great, maybe try to realign the buttons with the fields border and see if it looks even better. Or another suggestion would be to center them according to the logo position.
almost 2 years ago
Which button is the primary action? Might be confusing to users what you want them to do.
almost 2 years ago
@Loubna I had tried both of them before settling on this. Centering the buttons made it look it's a tad bit unrelated to the form fields and aligning them with the edges created a space between them which I didn't really like. Finally had to settle with this.
@Ketan Sensible comment there. Idea was to create a simple sign one-step registration for new users. But the issue as you have noted will be there for existing users. I'll look into it.
almost 2 years ago
This is the kind of form I like, clean, crisp and very nice to look at. Great result.
almost 2 years ago
Yes, this looks great.
almost 2 years ago
Yes, Ketan has a valid point.
So two actions can be performed after the input: sign-in if you already have that account; create an account with those credentials if you click on register and are taken to another page for further details?
This article at SmashingMag may help:
http://bit.ly/ndbp45
almost 2 years ago
How about using inline labels? That will further clean the page. eg. https://www.icloud.com/
almost 2 years ago
Looks great, I would rather prefer the drop icon/logo instead of its glyph.
almost 2 years ago
nice buttons
almost 2 years ago
Yea, use placeholder for the value and center the input fields with the page horiztonally
almost 2 years ago
Can your backend support registration or login in one form?
Then you just need a login button and that's it.
almost 2 years ago
Nice buttons, but @Ketan is right. Little bit confusing both actions together. That gets me without knowing where to click.
over 1 year ago