I just finished designing a website for on organization on campus. It can be viewed at http://oregonstate.edu/dept/rha/. Could you please take a look at it and let me know what you think?
It a responsive design that works well for browsers of all sizes.
I am designing and developing locally so this is the theme with minimal pages/posts. Some links may not work.
Any feedback would be great.
Sorry, I hate the principal font you are using…at least the one I’m seeing on my PC.
Perhaps something a little more readable?
Also, it looks like you are doing something with image scaling in the ‘Partners’ section. Some of them really don’t work on big wide monitors…they get fuzzy.
I think the problem that quite annoying is only the proportion of the margin between the elements that made me difficult in focussing.
Just make sure that every heading element has a larger
margin-top than the
margin-bottom. That’s it.
Sorry, I can’t speak English weeeelllll T_T
Here we go.
The header. I like it. Menu is good. Dislike the how there is little breathing room at the right though (Home, About Us, etc). Perhaps the color needs to change and that gradient is a bit too strong.
The left bar: Dislike. The fonts, color variation, color selection, pretty much all of it. Try to clearly identify headers, from dates, to locations. They are ALL the same color, just a variant. Also the line selection that divides them is poorly executed (Facebook divisions from for example Sat Jan 28). I would make a clear distinction from the events compared to social networks. The Google white background, dislike. It blends poorly with the background.
The partners. Again, the logos look stretched out. Bad. Try to de-saturate them on Photoshop so they look subtle. Make them blend in. You are forcing many colors of different logos within your design.
The content. The first section is alright (New Website). I dislike the use of social media icons. Why one for EVERY article? It’s overkill. Include them in the actual article, same thing with the RSVP for Facebook (not fond of the harsh shadow). Also to the left, there is white that overlaps the side bar, about 15 pixels.
I know it may seem like a lot and I hope I don’t come off as bitching to bitch. It needs a bit of work.
@OniLinkCR Thanks for all the great tips. I will add these to my list of things to work on.
Google white background: I agree with you that it doesn’t work but unfortunately I couldn’t figure out how to change it since Google specifies the background color in the iframe. If anyone has any ideas on how to fix this I would appreciate it.
Social media icons: Since people will be RSVP (most of the time) for events, I may remove them from events but keep them on regular articles. This should clear up the page.
Correct, the same thing with the social media icons. If I (visitor) am interested, I would click on the article. This gives you the benefit of a higher pages per visit ratio because really, why would I visit the site further if all the buttons are there.
I would get rid of the Google thing if you can’t change the background. It breaks or makes it (to me).
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".