I am just looking to get some feedback on a corporate website that I am building. So far I just have been working on the home page so there is a lot not done yet. Here is the link below
all the divs within .squarespace-slideshow are 2px narrower than the rest of the site
all the links within #topNav have no hover or focus effect, thats unnatural especially to people who navigate by keyboard
the last link in #topNav doesn’t need the right hand border
I think you can probably solve your sidebar issue by just giving the text some style. Maybe instead of standard bulleted list items, you give the items a slight background color with a nice hover state, or perhaps add a basic date box to give it some character. It just feels bland because it’s all the same text, same size, same color, etc.
I feel like the background needs something… even if it was a really faint gradient that could help it feel more vibrant.
@karlpcrowley thanks for the feedback. Ill fix those 3 things right away.
I am trying to get rid of that last border on the right in the top nav but the darn thing wont go away. Here is the code I am useing
@JoshWhite thanks for the great ideas! Ill add a faint gradient for the background. Do you have an example of what you recommended for the sidebar? Sounds really great but I just need a visual or something to help me out.
Maybe give some of the text and images room to breathe by adding some padding. Maybe try a different font for the headers too, Arial just seems a bit too bland. Other than that it seems OK, it’s a very “safe” design, but maybe that’s what they’re looking for.
Well, you could use CSS Tricks as an example for the sidebar. See how the sidebar is broken up into very distinguishable sections? The headers are clearly defined in a highlight color and the items under them feel like sub items but still have some character (background colors, etc).