Posted Aug 27, 2016
Love (or lust) is in your heart, and you've downloaded a brand new app to fill the void...
You tap that as..I mean, app launcher, and the first screen you're presented with, is the one YOU'RE responsible for designing!
That's right. For this design challenge, your objective is to design the login screen of an app for a real dating service called "anarchy.love".
This is a REAL dating service. I (Gary) launched it over a month ago. https://anarchy.love is a dating service for self-described anarchists and libertarians. We currently have close to 900 members.
We may launch a mobile app, and I thought it would be a great challenge to allow the community to design the login screen!
The "LOG IN" button gets lost with the other hearts a bit, it really needs to stand out a lot more. And the "f" facebook heart isn't obvious that it's a login button.
For this design I incorporated (for the most part) light colors. In the background is an image of a happy couple at about 4% opacity. For the login and facebook login button I decided to use hearts to implement a more creative approach rather than the average rounded square... Please be as harsh as possible, I only want to get better!
Pretty good entry! I don't like the bottom with the random white divider between forgot password and facebook login, though. Forgot password needs to go underneath the password field.
I do app design / flat design for two years now, but This is a great challenge! I had a fun making this to life, so I hope you'll like it! btw. I added my own text, for better UX. (Yes, that one Under Logo).
// First photo is default look, second is for showing, that if you click the email / password input, "placeholder" will slide up and change font-size like shown, to make space for input. :) Hope you understand.
Not bad, but things are a bit squashed near the bottom, and I'm not a fan of the script "or". with the white lines to the side. I'd make "or" consistent with the other sans-serif type, and fade it out to a lesser opacity.
The "or" and "forgot password" are barely recognizable, and the or is positioned very funky. I would also use facebook's preferred color as it's more recognizable to people.
Tried to include elements of anarchy by adding noise and diagonal gradients.
Quite challenging for me as I've never done this before.
Not a bad entry. The left definitely has issues with contrast with the transparent login button and the background, relatively smaller type. Layout-wise, the middle is the best.
(psst, you forgot about a link to be able to create an account, in the requirements)
Included some variation where I played a bit with the backing itself, the middle one seems to work well with the fields being on a dark, muted background.
I've done any sort of app layout a total of two times now, having a tad of an issue with using the more limited space, while keeping usability in mind.
I think the biggest issue I may be having is pretty much the spacing on such a different canvas to work on.
That, and waking up at 5:30AM to do this :^)