Love this Kerem! I feel like the shape to the right of the circle is a little funny right now. I think it lines up a bit weird. Also, did you make the image inside the circle clearer or lighter? Looks really nice.
@Josh I'm not concerned, you get this form while you're signing up, it's obvious it's a form, it's obvious that you need to fill it out, I think even if it looked inactive, user would still click on it to see what happens. But this is purely my opinion and thoughts behind it. What are your thoughts?
On my last approach I had the "use metric/use imperial" toggle on top to have a universal and simpler UI for your personal body information units. However shortly after we learned that our friends in the UK use different units for different fields, so the official unit might be cm for height, but people use ft/in, so I had to come up with this different approach where you can change individual units, mix and match whatever you want. Dropdown presents a hover state, selected state and an up state.
20 Responses
Pro
Kerem Suer
Working on this form where we collect some common information.
9 months ago
Pro
Charles Riccardi
Love this Kerem! I feel like the shape to the right of the circle is a little funny right now. I think it lines up a bit weird. Also, did you make the image inside the circle clearer or lighter? Looks really nice.
9 months ago
Pro
Kerem Suer
Thanks Charles.
I actually dimmed the smaller image a bit, so the image inside circle is real color.
9 months ago
this looks really really sexy. Props man.
9 months ago
Love it! Dribbble needs to add an icon for "sexy"
9 months ago
Pro
Roberto Ortiz
nice and clean..
9 months ago
Pro
Josh Puckett
Are you concerned that the inputs are in no way recessed, and might look inactive? What were your thoughts behind that?
9 months ago
Pro
Kerem Suer
Thanks guys.
@Josh I'm not concerned, you get this form while you're signing up, it's obvious it's a form, it's obvious that you need to fill it out, I think even if it looked inactive, user would still click on it to see what happens. But this is purely my opinion and thoughts behind it. What are your thoughts?
9 months ago
Pro
Juan Arreguin
I agree with @Vera! — ware is that "Smoking Hot" button!?
9 months ago
Pro
Keiran Flanigan
Looks good! It's begging for some new HTML5 input types...
9 months ago
Loving this Kerem. Great work as usual:)
9 months ago
Pro
Alex Boamfa
Looks sooo Fitbit :P
9 months ago
Pro
Frantisek Kusovsky
really want to fill those inputs ;).Its win win design for me.Btw the background is amazing.
9 months ago
Awesome!
9 months ago
Pro
Tom Haynes
Maybe a highlight state for the input in focus, and highlight the first one by default?
Also, I would text-align: right; on the ft, in, and lb fields.
8 months ago
Pro
Kerem Suer
Tom, thanks for the feedback. You can check out the highlight state here.
8 months ago
So nice :)
8 months ago
Pro
Scott Perket
Very nice.
8 months ago
Rebound
Personal Info — Individual units
by Kerem Suer
On my last approach I had the "use metric/use imperial" toggle on top to have a universal and simpler UI for your personal body information units. However shortly after we learned that our friends in the UK use different units for different fields, so the official unit might be cm for height, but people use ft/in, so I had to come up with this different approach where you can change individual units, mix and match whatever you want. Dropdown presents a hover state, selected state and an up state.
Feedback is more than welcome as always.
Cheers.
8 months ago
Awesome shot. Love everything about it.
5 months ago