We just launched a sign up page for early access! www.kareer.me
I'm excited to share what we've been working on these last few months. Over the next few days, I'll be releasing some behind-the-scenes peeks at the product design and I'd love to hear your thoughts.
This looks great, plus it makes me a little wistful for San Diego. Really nice job.
I have a few points:
- I'd say don't be quite so stingy on the drop shadow for that type. With such a busy and midtone-heavy background, I think the type's asking for a little more definition.
- Plus, the distinction between the full white of "Discover" and the rest of the header doesn't come across, too subtle. Doesn't even register subconsciously. I'd say just go with the full white.
- The bracket around "Sign up for early access" might be a little unnecessary. Consider losing it. If you really need it to look like it owns those two sections, a colon at the end would do it.
- This UX point here is the only one I'd really put my hand in the fire about: the separate hover effect on both the div and the button of the two signup sections. It's a little unsettling, because one doesn't actually have an action attached to it. I'd say to fix it you could do one of three things:
1) drop the section hover state
2) differentiate it from the button by using a css3 transition to make the section hover state slowly fade
3) make the whole section a big button. (I think this could be nice)
Really outstanding design, I'm looking forward to seeing more.
@Rally Interactive (via Ben Cline) Thanks for the nice comment, Ben! That means a lot.
@Duncan Malashock Wow, you're awesome! I have a feeling that we'd get along really well together because I can tell you care and obsess about the details as much as I do. Thanks for calling me out on my subtlety throughout the design. Guilty as charged. I'll revisit the Discover text and see how a little more color contrast feels. I'll also experiment with your suggestion for the "Sign up for early access" area. I really appreciate your different approaches for the hover state around the different sign up buttons. I see what you mean by it being unsettling. I'll definitely try out your suggestions.
@Duncan Malashock I disagree about the contrast points. The people who will notice it, will notice its subtlety, like you have. And I think the white vs blue is an argument mainly geared towards those with poorly calibrated monitors. You can't win them over anyways.
But I do agree with the hover effect, I noticed it too. I like that the whole area has a hover effect, I'd be interested seeing the whole section as a large hit field for the link.
@Gabe Abadilla: Thanks for the kind words. I bet you're right. Keep up the good work!
@Ryan Webster: I hear what you're saying. Believe me, I've got nothing against subtlety, except that maybe I indulge in it a little too much myself.
But my point is that emphasis shouldn't be so subtle that you have to look for it. Otherwise, it wouldn't be emphasis. Know what I mean?
Looks great, the color scheme has the perfect ratio of creativity and business. The only recommendation that I have is that after checking out the site itself, you don't seem to have an 'active' status on your buttons. While it's nothing pressing, I think it would work well as a subtle detail.
@Andrew Schmelyun Were you making a punny interface design joke when you said it was "nothing pressing"? I agree with what you're saying and I'll add those details in. Thanks for checking it out.
16 Responses
Pro
Gabe Abadilla
We just launched a sign up page for early access! www.kareer.me
I'm excited to share what we've been working on these last few months. Over the next few days, I'll be releasing some behind-the-scenes peeks at the product design and I'd love to hear your thoughts.
You should follow us: Twitter | Facebook
UPDATE: We updated the live site with some of your suggestions because that's how we roll. Keep them coming!
10 months ago
Pro
Rally Interactive (via Ben...
looks great man!
10 months ago
Pro
Duncan Malashock
This looks great, plus it makes me a little wistful for San Diego. Really nice job.
I have a few points:
- I'd say don't be quite so stingy on the drop shadow for that type. With such a busy and midtone-heavy background, I think the type's asking for a little more definition.
- Plus, the distinction between the full white of "Discover" and the rest of the header doesn't come across, too subtle. Doesn't even register subconsciously. I'd say just go with the full white.
- The bracket around "Sign up for early access" might be a little unnecessary. Consider losing it. If you really need it to look like it owns those two sections, a colon at the end would do it.
- This UX point here is the only one I'd really put my hand in the fire about: the separate hover effect on both the div and the button of the two signup sections. It's a little unsettling, because one doesn't actually have an action attached to it. I'd say to fix it you could do one of three things:
1) drop the section hover state
2) differentiate it from the button by using a css3 transition to make the section hover state slowly fade
3) make the whole section a big button. (I think this could be nice)
Really outstanding design, I'm looking forward to seeing more.
10 months ago
Pro
Gabe Abadilla
@Rally Interactive (via Ben Cline) Thanks for the nice comment, Ben! That means a lot.
@Duncan Malashock Wow, you're awesome! I have a feeling that we'd get along really well together because I can tell you care and obsess about the details as much as I do. Thanks for calling me out on my subtlety throughout the design. Guilty as charged. I'll revisit the Discover text and see how a little more color contrast feels. I'll also experiment with your suggestion for the "Sign up for early access" area. I really appreciate your different approaches for the hover state around the different sign up buttons. I see what you mean by it being unsettling. I'll definitely try out your suggestions.
10 months ago
Pro
Ryan Webster
@Duncan Malashock I disagree about the contrast points. The people who will notice it, will notice its subtlety, like you have. And I think the white vs blue is an argument mainly geared towards those with poorly calibrated monitors. You can't win them over anyways.
But I do agree with the hover effect, I noticed it too. I like that the whole area has a hover effect, I'd be interested seeing the whole section as a large hit field for the link.
Amazing work Gabe! Can't wait to see the rest!!
10 months ago
Pro
Duncan Malashock
@Gabe Abadilla: Thanks for the kind words. I bet you're right. Keep up the good work!
@Ryan Webster: I hear what you're saying. Believe me, I've got nothing against subtlety, except that maybe I indulge in it a little too much myself.
But my point is that emphasis shouldn't be so subtle that you have to look for it. Otherwise, it wouldn't be emphasis. Know what I mean?
10 months ago
Pro
Dan Edwards
Looking really nice!
10 months ago
Pro
Armos Media
Looks great, the color scheme has the perfect ratio of creativity and business. The only recommendation that I have is that after checking out the site itself, you don't seem to have an 'active' status on your buttons. While it's nothing pressing, I think it would work well as a subtle detail.
10 months ago
Pro
Gabe Abadilla
@Ryan Webster Thanks for the comments. Sounds like the hover effect needs to be refined. Glad you're liking it so far!
@Dan Edwards Thanks!
@Andrew Schmelyun Were you making a punny interface design joke when you said it was "nothing pressing"? I agree with what you're saying and I'll add those details in. Thanks for checking it out.
10 months ago
Pro
Bryan Sleiter
I recognize that office in the background :)
10 months ago
Pro
Gabe Abadilla
@Bryan Sleiter I thought it would look familiar to you. Maybe I can photoshop you in there?
10 months ago
Awesome colors on this one, love it.
10 months ago
Pro
Gabe Abadilla
@Kristoffer Svanmark Thanks!
10 months ago
Pro
Mason Yarnell
Great work @Gabe! This looks terrific.
10 months ago
Rebound
Kareer Buzz
by Gabe Abadilla
I wanted to show a sneak peek of the "Company Buzz" section of the Kareer.me product. Check out the attached file for the full view.
If you want to see it in action, you can sign up for early access here: www.kareer.me
You should follow us: Twitter | Facebook
10 months ago
Pro
Gabe Abadilla
@Mason Yarnell Thanks for checking it out! Your work inspires me. I hope you know that!
10 months ago