Originally posted by SkepticOverlord
We're experimenting with a bit more "modern" design. This is the first step to making all of ATS a "responsive" site that works well in all screen
Tip 1: Get rid of all tables
Tip 2: Get hold of a responsive grid system, examples:
Tip 3: Hire a designer who knows what clean and structured design means. CSS3, HTML5 - this is what is considered "modern" on the web today:
ATS looks like something from 2004 maybe, not very modern.
Tip 4: Use common elements, and be consistent throughout the whole site.
Tip 5: Don't use gradients if you don't know how to use them, better do it flat than over-done gradients. Less images needed for less gradients. You
can also use semi-transparent gradient images in black and white that can be re-used everywhere, on any color, as long as opacity is low such as
Tip 7: Stop using images for texts. I see it everywhere. Use css. @fontface or google fonts if you need some custom font. Must be massive server loads
with all these unnecessary images everywhere.
Tip 6: Rebuild the site from the ground up - it looks like a mess to maintain and modify.
Tip 7: Use a specific color for each forum section, and always use the color somewhere in elements to easily separate them out from other
Tip 8: Fix text line heights, common heading sizes = Overall typography
Who is designing and doing the front-end on this site? I don't want to sound harsh but it's among the worst looking large sites I've seen when it
comes to look and most of all structure. It's just a mess of elements, no consistency, over-done gradients, strange font colours, ugly hover effects,
a TON of server requests are being made for all these images loaded - images which doesn't even need to be images (like text) etc.
So - be consistent, build a base with re-usable elements, use these elements only, use as little images as possible and as much CSS3, HTML5 as you
can. Be consistent with colors, wether blue, green, greyscale or whatever. Create a palette with colors that you re-use throughout the site.
Refer to Bootstrap and GitHub to see how structure and elements should work.
Just some suggestions :-)
Edit: This doesn't look
very "inviting". More like something grey and dead.
edit on 7-9-2012 by opnmind
because: (no reason given)