Link to revised version: http://www.genlighten.com/l/hire-a-genealogist/in-maryland
OK, let’s take your feedback points one by one:
boring nav in upper right
On a landing page, don’t I want pretty low-key navigation?
How about if I associate glyphicon-type icons with the nav options?
- info icon for about
- document icon for blog
- phone icon for contact?
Any other suggestions to liven things up a little?
Extra padding below the h1 headline
Done. Look ok? Do you think the users’ eyes will flow to the headline first, then the overlay copy? In other words, if they’ve just clicked on a Google ad that says “hire a genealogist in Salt Lake City” will they still feel the scent of their search here?
Brown frame around red button
I’m actually kind of fond of the frame around the button darkening instead of the button itself changing. The folks at Slice of Lime came up with that element on our homepage and I felt pretty good about modifying it to suit my needs here.
Is there a way I could adjust the color of the frame so as to make it a better fit to the transparent overlay? Or do you just not like the frame color-changing mechanism at all? Would you suggest a traditional darker-when-rolled-over button instead?
Bottom corners of big image aren’t rounded
I’m baffled as to why this isn’t working, either in Safari or in Firefox. I’m using border bottom-left-radius: 5px; Is it a vendor-prefix issue perhaps? BTW, the whole thing falls apart in IE8. Any suggestions on good resources to help me fix those issues? Here’s the CSS for the element in question:
padding: 5px 0px 40px 0px;
Spacing above the provider username
Done. look ok?
Type for featured providers smaller than body copy
Were you referring to the italicized feedback paragraphs? I tried making their font bigger, but it felt like that forced me to increase all the other fonts as well. Does the hierarchy look ok now?
Bottom CTA button feels lost
Agreed. Should I just get rid of it? Align it with something different? [Perhaps the paragraph of text above it?]
Grey headlines are hard to read (US Genealogists, etc.)
I changed these from grey to white. Better? Was it mainly a contrast issue?
Also, the footer is supposed to have a gradient, defined using Bourbon as follows:
@include linear-gradient(to bottom, #b30e01 85%, #641207 0% );
Any idea why that only seems to work in Safari, not in Firefox? Vendor prefixes again?
How do you feel about the overall background color of the page? The relationship between it and the top nav overlay? Any tweaks to that you’d suggest?